您好,欢迎来到时间财富网
全部需求分类
当前位置:首页 > 移动应用 > 超实用的移动WEB六大设计心法
超实用的移动WEB六大设计心法
2016-3-14 10:59:40   作者:你是我触不到的光   人气:317次  评论(0)
所属标签: 移动应用开发 

  相比App,移动Web成本少,实现难度低,数据追踪更全面,还能快速调整。优点非常多,随着全民宽带的提高,未来也会是一大热点,今天阿里的师尹同学总结了超多超全面的移动Web六大设计心法,特别推荐阅读收藏。

  blob.png

  在这个移动互联网时代,我们经常听到这样的话:

  

  「我有个改变世界的点子,就差做个app了。」

  

  「这是我们的商业计划书,虽然还没有开始推广,但我们真的击中了用户的痛点。总之,先做个app吧。」

  

  随着移动互联网思维的渗透,以及智能手机浪潮的影响,一波波app前仆后继,截至2015年7月,App Store应用程序总数已达到150万个,「先做个app」几乎成为所有项目的第一步。

  

  可以理解的是,大家倾心于app必定源于其独特优势,例如酷炫的交互效果、优质的用户界面、支持离线模式消息推送,以及在用户客户端和各渠道的”存在感”等等。对于需要体验性极强的大型手游、社交类应用、拍照类工具型应用、以及金融类功能复杂的平台应用,app无疑是目前最适合不过的载体。可是,所有项目都必须做成app吗?对于那些无需做成app的项目,还有比app更适合的实现方式吗?

  

  答案是肯定的,有。那就是移动Web。

  

  移动Web的最大特点,是用户可以直接通过浏览器访问网络上的应用程序。那么,移动Web和app相比具备哪些优势呢?

  

  1. 节约成本

  

  app:需要投入客户端和服务端开发,以及耗费开销支持多平台和多设备。

  

  移动Web:仅需H5页面开发,使用响应式设计的移动Web可到处运行。

  

  2. 降低门槛

  

  app:需要下载并等待安装,占用手机容量,无Wi-Fi下流量耗费大。

  

  移动Web:支持跨平台,无安装成本,用户门槛较低。

  

  3. 追踪数据

  

  app:下载来源无法追踪,对渠道细分统计能力有限。

  

  移动Web:方便追踪用户来源,媲美PC浏览器下常规站点统计。

  

  4. 快速调整

  

  app:伤不起的审核周期,遇到紧急问题无法快速处理。

  

  移动Web:站点服务器自己可控,利于快速更新迭代。

  

  尽管移动Web有如上诸多优势,但不可否认的是,浏览的体验短期内还无法超越原生应用。那么,对于生长在移动Web上的业务和服务,如何做好设计确提升用户体验将尤为重要。

  

  移动Web并不是把PC端内容直接搬到手机上来显示,而是需要结合移动端用户的使用场景,突出最核心的功能给用户,并保持界面简洁。

  

  我们简单总结了一些重要的移动Web设计原则与大家分享。

  

 针对首页与网站浏览方式

  

  1. 快速取得用户需要的内容:

  

  PC首页通常身兼迎宾、资讯中心和广告推荐多重角色,但是移动Web首页的主要用途应该是将用户和他们所需要的内容快速连接,一个好的移动Web首页能够帮助用户立即取得所需信息。

  

  2. 网站下载速度越快越好:

  

  手机用户不耐于等待,网站内容显示过慢会让用户果断离开你的网页。因此,网站的图片大小、浏览器的缓存、JavaScript、CSS、HTML、伺服器的回应时间,都是你可以优化的空间。

  

  3. 将用户直接导入移动Web:

  

  确保用户从搜索结果页等站点自动导入手机版网页是成功留住使用者的第一步。

  

  4. 将行动点摆在显眼的位置:

  

  手机用户很容易漏看菜单,因此一定要把主要的行动点放在用户绝对看得到的地方,使用户最容易完成你想让他完成的事。

  

  5. 保持菜单简洁有力:

  

  详尽的菜单也许在PC端效果很好,但对手机用户而言,可没耐心在冗长的菜单寻找类目,所以想办法尽量缩减菜单类目的数量。

  

  6. 提供回到首页的捷径:

  

  通常用户预期只要按下网页上方角落的logo就能回到首页,否则觉得很不方便。

  

  7. 别让广告喧宾夺主:

  

  宣传信息及广告可能会遮盖四周内容,或是吸引了眼球而妨碍用户原本使用路径。与大型插页式广告相比,用户对于可以轻松关闭的横幅广告更有好感。

  

  8. 把站内搜索功能放在显眼位置:

  

  用户通过搜索来取得自己需要的特定咨询,因此搜索功能必须摆放在网站的显眼处,一眼就能看见。对于网页上方显眼处且允许自由输入文字的搜索框,用户的评价最好。

  

  9. 在搜索框输入关键字时自动列出热搜:

  

  10. 确保站内搜索结果符合用户需求:

  

  用户不想花时间刷网页查看多页搜索結果,并且会根据站內搜索功能所传回的前几个結果来评断搜索功能的好坏,因此搜索結果第一页必须提供最精确的结果。用户也可以使用自动即时查询和错字修正等智能搜索功能,让用户在小荧幕上搜索查询时更轻松省力。

  

  11. 提供筛选器更方便站内搜索:

  

  用户使用筛选器来缩小搜寻结果范围,有些用户发现无法缩减网站的搜寻结果数量后,就离开了网站。确保用户的筛选结果不会落入死胡同,为避免用户遇到这类问题,应该告知用户在套用某筛选器后,系统能传回几个搜索结果。

  

  12. 引导用户取得更精确的站内搜索结果:

  

  如果用户目标人群非常多元,不妨考虑在用户开始搜索前先问他们几个问题,确保传回的结果来自最符合用户需求的内容区段。

  

  13. 在首页显示用户最近浏览的商品:

  

  以上就是想要分享给大家的移动Web设计原则。随着无线互联网技术的发展,Web产品和app产品的界限很可能会变得模糊起来。也许通过浏览器,也可以实现效果好、可推送。同一个服务之所以会有两种不同呈现形式的存在,完全取决于用户在不同使用场景下的体验差异。