课程咨询 :0571-56020837 QQ:162157806

南昌达内UI名师

南昌UI培训 > 达内新闻 > 达内:移动Web设计的秘诀
  • 达内:移动Web设计的秘诀

    发布:南昌UI培训      来源:优设网      时间:2015-12-30


  •     南昌达内ui设计培训专家指出,移动Web的重要特点是用户可以直接通过浏览器访问网络上的应用程序。

        移动Web和app有哪些不同?

        1. 节约成本

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

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

        2. 降低门槛

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

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

        3. 追踪数据

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

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

        4. 快速调整

        app:审核周期太长,遇到紧急问题无法快速处理。

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

        移动Web设计的原则

        由于移动web有着实现难度低,数据追踪全面,快速调整等诸多优点,将成为未来的一大趋势,达内ui设计培训专家整理和总结了移动Web设计的六大原则,分享给大家学习:

        一、针对首页与网站浏览方式

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

        移动Web首页的主要用途应该是将用户和他们所需要的内容快速连接,一个好的移动Web首页能够帮助用户立即取得所需信息。

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

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

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

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

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

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

        5. 保持菜单简洁有力: 

        对手机用户而言,可没耐心在冗长的菜单寻找类目,所以想办法尽量缩减菜单类目的数量。

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

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

        7. 别让广告喧宾夺主: 

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

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

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

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

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

        搜索結果第一页必须提供最精确的结果。用户也可以使用自动即时查询和错字修正等智能搜索功能,让用户在小荧幕上搜索查询时更轻松省力。

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

        用户使用筛选器来缩小搜寻结果范围。确保用户的筛选结果不会落入死胡同,为避免用户遇到这类问题,应该告知用户在套用某筛选器后,系统能传回几个搜索结果。 

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

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

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

        二、针对产品页面

        1. 在商品页面推荐类似的商品 :

        2. 显示可展开产品特写图片: 

        3. 提供商品评论区供用户浏览并留下评论: 

        4. 提供Email或SNS分享产品信息的选项: 

        方便用户在各种装置上储存或公用资讯,可以留住他们的心。

        三、针对网站登陆及账户信息 

        1. 让用户注册会员,登入系统:

        2. 让用户通过社交网站登入系统: 

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

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

        四、针对交易与转化 

        1. 让用户先浏览,再决定:

        2. 显示所有结账步驟,并让用户知道目前结账进度: 

        3. 让用户以访客身份购物: 

        4. 运用现有信息来提升便利性: 

        针对注册会员,可以让系统记住他们的偏好并预先填入这些资讯。

        5. 提供点选通话按钮来协助用户完成复杂操作 : 

        为转化过程中需要输入复杂或敏感信息的阶段提供点选通话功能。

        五、针对表单输入方式 

        1. 简化必须提供的信息以及输入方式:

        2. 为每项操作选用用最简单的输入方式: 

        3. 显示日历,方便用户选择日期: 

        4. 善用标签和即时验证功能,尽可能減少表单错误: 

        六、针对便利性及装置尺寸外观 

        1. 为行动装置制作完整的专用网站:

        2. 避免让用户双指收合缩放画面: 

        3. 让用户知道最适合浏览网站的画面方向: 

        4. 让用户在同一个浏览器视窗就能完成一切操作: 

        5. 清楚说明为什么网站需要用户的位置信息: 

        6. 避免使用完整版网站的字眼: 




    原文链接:http://www.uisdc.com/web-design-core-method

    推荐文章

上一篇:达内:2016年移动端APP设计趋势

下一篇:达内:12个优秀的中英文假字生成网站

最新开班日期  |  更多

UI设计培训免费训练营

UI设计培训免费训练营

开班日期:每周一

UI设计培训高级班

UI设计培训高级班

开班日期:每周一

UI设计培训全日制班

UI设计培训全日制班

开班日期:每周一

UI设计培训周末班

UI设计培训周末班

开班日期:每周一

  • 地址:南昌市北京西路156号洪城大厦10楼
  • 课程培训电话:0571-56020837 QQ:162157806     全国服务监督电话:400-827-0010
  • 服务邮箱 ts@tedu.com.cn
  • 2001-2016 达内国际公司(TARENA INTERNATIONAL,INC.) 版权所有 京ICP证08000853号-56