0

    单屏网页设计:对的还是错的决定?

    2023.07.28 | admin | 123次围观

    ♝点击上方“交互设计学堂”关注我们,送电子书

    我是译者:前段时间在思考为什么单屏网站(Single-Page website)在国外这么流行,而在国内却没怎么见。偶然看到这篇文章,非常激动!分析单网页网站和多网页网站(Multi-Pages website)之间的差异,间接也说明为什么在国外流行而早期国内却火不起来的原因,并不仅仅是因为东西方的审美差异而已…文末举了一些单网页网站的优秀例子(建议墙外看),可以先体验看看以对这个流行趋势有一个大致的了解。

    单屏网页设计逐渐占满了互联网的屏幕。近段时间成为越来越突出的流行趋势。单屏网页设计在商业和社交的领域急速发展起来,一般做在线的档案资料展示,专门为商业和服务商做广告。那么这样一个快速流行起来的趋势有什么秘密呢?

    这种新的网页形式,可以使网站方去调研他们的用户,尽力去找到他们的偏好和提升他们的用户体验。建一个网站,你应该要意识一个道理,网站不是仅仅为你而存在!你的观点的荷香固然重要,因为你是网站的老板啊!但是如果你的网站不是用户驱动的话,那你还想利用网站做达到商业目的话,还是省省吧。你听过“客户永远是上帝”这句话吗?它依然是真理。

    用户体验

    一个网站的可操作空间是另外一个关键的因素,影响着用户体验的。没有人会等待太久。如果是因为多了那么几秒钟的时间而失去了一位进来网站浏览的用户,那太可惜了。但是从网站的角度来说,这短短的瞬间就真的很重要了。这就是为什么单屏网页跟多屏网页也比更有优势的地方。

    单屏网站加载速度更快一点,以及对比传统的样式,有更加简介的架构和布局。简洁对一个单屏网站来说很重要,意味着很多。更深的想一想,一个单屏的网站,你应该着重去思考怎样去限制网扎你的篇幅和内容的组织。

    但是从另一方面来讲,单屏网站毫无疑问是不适合一个大企业的。通常来说,一些大企业会需要多页面的网站去容纳大数据量。

    是的,多页面的网站加载速度会慢一点,而且维护也需要花费很多成本,但是这不代表说你要冒险去牺牲你早已经有了的并且成功上限运营着的网站,仅仅去为了适应这个流程的趋势呀!在你下决定要去重构网站之前,慎重得思考多一次。这是一个非常艰巨的任务。

    假如你已经对单屏网站不能满足你的需求这个事实感到困扰,或者反过来,你已经准备了要去做一个单屏的网站去实现你的商业计划的时候,千万不要轻率的做出决定。因为还有很多关键的评估条件可能让你改变主意。

    可用性

    首先,第一个最高级别的评估因素就是网站的可用性。对一个网站主来说,把所有需要的东西都展示在一个页面上是一个好方法,而网站用户对比在多页面的网站上,在单屏的网站,他们会也会理所当然更加愿意去去观看视频,听音频,浏览图片。用户不用在多个页面之间辗转,去找到他们需要的内容。

    点击单网页的菜单按钮,网页会自动得滑到下面一页去,这是单屏网站另一个好的地方。那这样,点击次数也会减少到最低。

    所以最好的是采取滚动啦!多亏了时差滚动效应(parallax effect),使得单屏网站有更加惊艳的展示形式。视差滚动效应不仅仅是体现在网站的浏览方式上。结合图画般的设计,合适的图片,音频和视频的音效和视觉差,是历来使用的方式,可以是用户沉浸而且吸引他们从一个主题到下一个去。

    这种惊艳的效果,可以作为一个故事陈述的方式,变成一个网站的普遍的浏览方式去让用户体验一个大气的和充满活力的探险旅程。不管那些具有明显视觉差的网站的目的是什么,都是很值得,从一开始滚动到页面底部的。

    但是要注意,不太建议仅仅为了好看的视差效果去建一个单屏的网站。你没有必要去把你的典型业务超负载地摆上线。视差效果会对单屏网站起很大的影响作用。所以这就是两难困境了,是否真的有必要利用视差效果去把一个网站做到惊艳有趣呢,还是说可以把这种效果忽略掉,为了展示在移动端的页面上。

    另一个好的理由去选择单屏网站,是因为移动端的友好体验(mobile friendliness)。我想,每个跟网站设计和网站构建有关的人,都会考虑到响应设计的全部维度。

    这个单屏流行的趋势把移动端的位置摆在跟PC端一样重要,甚至比PC更重要。改变了网站设计师和网站开发工程师开始往不同的方向去思考。科技变化超快。谁知道,或许,在一些年后,我们有可能会见证到桌面时代的终结呢?

    毫无疑问的是,在智能手机和平板上浏览网站比在旧PC时代会更加方便和实际。对大量的单屏网站的潜在用户来说,响应性满足了这些用户的多样性需求。用户会更加享受在移动端浏览你的网站。

    当然,多网页网站也可以是响应性的。那么这两者之间有什么差别呢?这又关乎成本的问题了。越简单地实际,那么这就会是一个越能适应移动屏幕的解决方案。其中一个可以跟你打赌肯定的是,单网页网站在移动端展示网站功能 的时候网站维护中页面设计,加载头部时会比多网页网站更加快。

    你的决定是什么

    用户永远都会比较喜欢舒服的导航和简约的设计。同时建一个多网页的网站和一个单网页的网站网站维护中页面设计,或许可以实现。不过,从一个多网页网站重新设计出一个单网页的版本,是非常值得的,或者甚至是直接建一个单网页的草稿型版本。这是一个见仁见智的问题,涉及到你的需求和品位的问题。通过那么多分析,你已经知道了单网页设计的众多优点和缺陷,现在就看你怎么实施你的决定了。

    需要更多灵感来做决定吗?当你在做决定的适合,可以去看看一些优秀的单网页网站的例子。这些极具灵感性的网站,应该能够给你带来在这个全新的和炫酷的网站设计流行趋势中,找到你自己的定位。

    1、

    2、

    单屏网页设计:对的还是错的决定?

    3、

    4、

    5、

    6、

    7、

    8、

    9、

    10、

    11、

    12、

    文/拉瓦不是Geek(简书作者)

    原文链接:

    老D点评:

    老D今天忙的顾不上点评了。

    另外交互设计学堂近期将开设新的栏目-《行知书院》,旨在帮助小伙伴们来高效的学习现在市面上优秀的用户体验书籍,同时结合老D的工作经验来帮助你们从不同的高度和角度来解读书中的内容。为了准备内容请小伙伴在文章左下角点击“阅读原文”,说出你对读书栏目的诉求。

    加老D私人微信18605817040,和老D一起学交互,老D会在朋友圈多发干货文章哦。新手小伙伴可以问老D3个专业问题哦。

    版权声明

    本文仅代表作者观点。
    本文系作者授权发表,未经许可,不得转载。

    发表评论