[翻译]单屏网页设计:对的还是错的决定?

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

源:http://line25.com/articles/single-page-website-design

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


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

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

【用户体验】

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

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

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

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

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

【可用性】

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

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

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

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

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

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

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

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

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

【你的决定是什么】

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

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

http://www.motocms.com/website-templates/demo/54623.html


http://www.nuabikes.com


https://historyoficons.com


http://www.nouvelleoctavia.fr


http://theartoftexture.com


http://ltbrdg.com


http://thecookapp.com


http://satchmi.com/vinylday/


http://www.motocms.com/website-templates/demo/54891.html


http://calculit.piratesdeaudouce.com


http://forbetter.coffee


http://aquatilis.tv


最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 162,158评论 4 370
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 68,600评论 1 307
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 111,785评论 0 254
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 44,655评论 0 220
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 53,075评论 3 295
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 41,002评论 1 225
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 32,146评论 2 318
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 30,918评论 0 211
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 34,671评论 1 250
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 30,838评论 2 254
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 32,318评论 1 265
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 28,636评论 3 263
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 33,343评论 3 244
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 26,187评论 0 8
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 26,982评论 0 201
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 36,126评论 2 285
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 35,934评论 2 279

推荐阅读更多精彩内容

  • 作为一个前端程序猿,下面这些站会让你眼前一亮。 amazeui框架组建丰富 http://amazeui.org...
    欧巴冰冰阅读 8,689评论 18 302
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 170,598评论 25 707
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 11,644评论 4 59
  • 价值观完全不是抽象的东西,当你从自己所追求和珍惜的价值中获得巨大的幸福感之时,你就知道你是对的,因而不会...
    天之一隅阅读 246评论 0 0
  • 这一年里,有过快乐有过难过,总体来说还是幸福满满的一年。 很开心在年末的时候加入了BetterMe,一个人或许跑得...
    李腿腿阅读 130评论 0 0