帝豪2娱乐:移动版网页设计准则?(设计师必看)

标签:公司动态    日期:2017-10-11 10:07    录入:帝豪2娱乐平台注册    浏览:

  随着移动营销渠道的增加,传统的销售渠道已经受到挑战,包括PC端,移动营销魅力四射,一个口袋、一部手机,一座城市,已成现实。而手机网站作为移动端强有力的营销巨头,已发展为企业必不可少的新的盈利渠道。

  在大家越来越习惯使用移动设备浏览网页的情况下,越来越多网站不得不推出移动版网页,让网站页面能以最完美的型态呈现在用户面前,当然,移动版网页的设计工作并不是只有将页面调整到最佳比例那麽简单,很多地方还是需要经过特别设计的,以下就帮大家帝豪2娱乐列出几点设计移动版网页时不可忽略的小细节。

  首先,了解用户使用情境是一件非常重要的事,用户可能只会在某些特定的情况下使用移动设备浏览你的网页,所以假如你的网站有很多功能,请先预设用户的使用情境,然後将他们最有可能使用的功能放在网页上或是将这些功能设计在页面最显眼的位置。

  拿 Flickr 为例,Flickr 的行动版网页主要提供最新活动(Recent activity)、好友上传(Uploads from your contacts)、今日最有趣(Today’s interestingness)与附近上传(Photos taken nearby)等四大功能,最新活动和好友上传让用户可以随时了解好友或网路上的最新动态,而今日最有趣和附近上传则让用户可以在无聊时浏览照片打发时间。

  

  对於用户来说,移动版网页里的内容比导航还要重要,举例来说,当用户在使用移动网页查询最新资讯时(Ex:股价、新闻、球赛比数),他们想要的是快速看到内容而不是你的网站导航。不过目前有太多移动版网页犯了类似的错误,这些网页通常会在首页展示网站的导航菜单,但对用户来说,时间就是金钱,下载这些导航内容不但浪费他们的时间,还会额外增加他们的上网费用,所以,尽快将用户想要的内容呈现到他们眼前,是件非常重要的事。

  在这方面 ESPN 和 YouTube 的移动版网页都作的很好,这两个网站仅在网页表头释出一点空间告知用户目前所在位置,剩余空间都拿来展示用户所需要的内容。

  

  看到这你也许会想,虽然内容比导航重要,但总不能把导航移除吧!在不能移除的情况下,这个导航系统应该出现在哪里呢?面对这个问题,ESPN 和 YouTube 都各自想出了答案。先看 YouTube,YouTube 移动版网页选择将导航资讯隐藏在网页上方的特殊图示内,这方法虽然有遵守上方内容比导航重要的原则,而且网页上的导航功能依旧可以使用,不过这种设计仍有几项缺点,第一就是用户不但要知道这图示就是代表网站导航目录,而且还要主动寻找它的位置,再来就是当用户使用这个导航目录时,当前所执行的工作会被打断。

  

  相较之下,ESPN 就聪明多了,ESPN移动版网页在页面上方设置了一个目录按钮,此按钮点击後会直接在下方展开一个网站导航列表,这方法让用户可以在不离开当前页面的情况下,直接思考下一步要去哪。

  

  用过 iOS App 的人都知道,很多 iPhone 原生 App 都会在系统内设置一个回复键(通常会显示在页面左上方),方便用户回到上一页或是回复先前操作,不过到了移动版网页,这个回复键真的有存在的必要吗?

  

  这答案是否定的,因为除了 iPhone,大多数 Android 手机本身就有一个回复键,而 iPhone 上平时拿来浏览行动网页的浏览器通常也都会内建回到上一页的按键,所以若是在移动版网页上在再加入一个回复键,可能就显的有点多余。

  和回复键一样,很多 iPhone 原生 App 都会在页面底部加上一条固定的导航列,这导航列让用户可以很轻松的使用拇指操作一些特定功能,不过对於移动版网页来说,这种固定在页面下方的导航列是否有存在的必要就非常值得讨论。因为对 iPhone 用户来说,拿来浏览页面的浏览器通常就会内建一条固定导航列(主要用来放置上一页、下一页以及设定等按钮),所以若是在网页下再加入一条导航列,画面就会变的非常的拥挤。

  拿 Yahoo 信箱为例,若是加上页面上方的导航列,行动版的 Yahoo信箱在单一画面上同时会出现三条导航列,严重压缩到邮件显示的空间。

★★★小编:帝豪2娱乐平台 整理文章,欢迎大家转载 ★★★
相关文章阅读