1. 首页
  2. 网页设计
  3. 正文

全面的移动WEB设计诀窍分享

  随着移动互联网思维的步步深入人心,智能手机掀起了一股热潮,一大波app争相涌现,到目前App Store应用程序总数已超150万个,"先做个app"成为项目开展的第一个步骤。对于体验感相当重要的社交类应用、大型手游以及金融类平台应用等,app不愧是现今最为合适的载体。然而并非所有的项目都必须做成app。那么除了app以外,还有其它更适合的实现方式吗?

  当然有——移动Web。移动Web最突出的特点是用户可以直接浏览、访问网络上的应用程序。全民宽带大提速时代即将到来,移动Web势必会成为一大热点。为此,我们详细总结了一些较为全面的移动Web设计诀窍与大家分享。


  (一)关于首页与网站浏览

  1、网站跳转速度是关键

  网页跳转速度过慢会让用户失去耐心,瞬间关闭你的网页。可以考虑优化的方面:CSS、HTML、JavaScript、浏览器的缓存、网站图片大小、伺服器的回应时间等等。

  2、首页与用户关注的内容快速连接

  PC端首页涵盖广告推荐、资讯中心等多个功能,优质的移动Web首页可帮助用户即可获得所需信息。友情提示,移动Web首页应当将用户和他们所需要的内容快速连接。

  3、重要的行动点一定要跃入眼帘

  漏看菜单几乎是手机用户的通病,应当把重要的行动点放在显眼的位置,引导用户随着你的设计而操作。

  4、极简设计的菜单

  手机用户绝不可能有足够的耐心在繁杂的菜单中寻找选项,因此大幅度缩减菜单选项一定是明智的决定。

  5、从一个站点自动导入移动Web

  想成功留住用户,首先该做的就是帮助用户从搜索结果页等站点直接导入手机版网页。

  6、创建返回首页的快速路径

  用户一般的想法是,只需点击一下网页上方边角的logo即可跳转回首页,这是他们所认为的方便。


  7、适当地选择广告投放形式

  大型插页式广告往往会遮挡用户视线,吸引用户关注的同时却干扰了他们原本使用路径。相对而言,那些轻轻一点即可轻松关闭的横幅广告相信会更赢得用户的好感。

  8、搜索结果尽量贴合客户需求

  很少有用户会为了查看多页搜索結果而刷网页。所以搜索結果第一页一定要提供最准确无误的结果。我们在这里提示,站内应当具备错别字修改、即时查询等自动搜索功能,为用户制造一种小屏幕上搜索查询的轻松体验。

  9、创建高效搜索信息的筛选器

  筛选器的特点是缩小搜索范围。如果在搜索时总遇到大量无关的信息涌现在视线里,用户会关闭网站。站内还应当提示用户,使用筛选器可传回的搜索结果的数量。

  10、引导用户缩减查找的范围

  假如目标人群不是单一化的,建议在用户即将搜索之前弹出几个提示,让搜索传回的数据尽可能地满足用户的需求。

  (二)关于商品页面

  1、提供Email或SNS分享产品信息的选项

  2、设定商品评论区供用户浏览、评价

  3、产品页面上推荐同类相似的产品

  4、产品特写图片可展开显示

  (三)关于系统登陆及会员信息

  1、让用户通过社交网站登入系统

  2、让用户注册会员,登入系统

  3、商品可以被暂存在购物车供之后结账使用

  4、暂存购物车的商品, 在其他装置下也可完成结账


  (四)关于交易与转化

  1、让用户先浏览,再决定

  2、让用户以访客身份购物

  3、明确告知所有结账步驟,并提示用户目前的结账进度

  4、运用目前拥有的信息来提供方

  对于老会员,要让系统记住他们的喜好并事先填入这些信息。对于新顾客,可提供他们惯用的第三方支付选项。不仅遵从用户日常习惯的付款方式,更能为用户提供轻松购物的感觉,网站也可预先填入出货信息。

  5、设定点选通话按钮帮助用户完成繁复操作

  为那些需输入敏感或复杂信息的阶段设定一个点选通话功能。

  (五)关于信息输入方法

  1、用最省事的输入方式进行每项操作

  2、自动化的信息输入方式

  网站可以自动显示数字键盘让用户输入数字信息,则会给用户带来很多方便。如果表单在用户输入信息的同时可以自动换栏,那就更让客户喜欢了。

  3、提供日历功能

  4、提供标签指引与即时验证功能

  清楚标示表单,并确认用户在输入信息的同时能参照标签。不要将标签放进栏位中,否则用户会感觉失去指引。我们友情提示,信息输入完毕后应当立即确认是否正确再送出,减少重新审核信息的操作。

  (六)关于装置尺寸外观及便利性

  1、为行动装置设计完善的专用网站

  2、停用双指收合缩放画面的功能

  一来操作起来不方便,二来容易导致漏看号召性的文字与重要信息。只要网站设计时充分考虑到这一点,保证用户在浏览时无需调整大小。

  3、帮助用户找到最为惬意、舒适的画面方向

  用户一般情况下会维持同一个画面方向(横向或竖向)。增加一项网站随着装置画面方向自动切换的功能,提醒用户切换到最舒服的画面方向。注意,号召性的文字必须时刻、完整地显示出来。

  4、同一个视窗中即可完成一切操作,这是美妙的体验

  智能手机进行切换视窗的操作实在很麻烦,访客往往不能顺利返回前一页。注意避免在用户按下号召性文字时开启新视窗,让使用者留在原页面。建议直接在网站上提供优惠券,省去用户开启新视窗搜寻的麻烦。

  5、清晰地说明网站需要用户位置信息的原因

  应该让用户明白网站需要他们提供所在地的原因。可以将所在地栏目预设为空白,并使用清楚的号召性文字让用户自己决定是否填写。

  6、不提倡使用"完整版网站"的字眼

  当看到"完整版网站"或"移动版网站"的字眼时,用户会想当然地认为后者是简化版本,从而选择前者。他们的感觉是前者的"资讯更丰富",然而实际上两个版本的内容完全相同。建议使用"电脑版网站"的字眼。

  移动互联网的趋势正汹涌来袭,未来移动Web的优势一定会愈来愈明显,愈来愈被人们所认可。

    延伸阅读

  • 全面的移动WEB设计诀窍分享

    随着移动互联网思维的步步深入人心,智能手机掀起了一股热潮,一大波app争相涌现,到目前AppStore应用程序总数已超150万个,先做个app成为项目开展的第一个步骤。对于体验...

本文来自投稿,不代表本人立场,如若转载,请注明出处:http://lnbdc.com/article/5336.html

(function(){ var src = (document.location.protocol == "http:") ? "http://js.passport.qihucdn.com/11.0.1.js?1d7dde81dc0903e04d3ac0b9599444f6":"https://jspassport.ssl.qhimg.com/11.0.1.js?1d7dde81dc0903e04d3ac0b9599444f6"; document.write('<\/mip-script>'); })(); (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })();