第一站 - 轻松上网从此开始!

上网第一站

当前位置: > SEO >

移动端产品设计完全指南(2)

时间:2018-03-06 10:05来源:我来投稿获取授权
以下内容来自网络或网友投稿,www.swdyz.com不承担连带责任,如有侵权问题请联系我删除。投稿如果是首发请注明‘第一站首发’。如果你对本站有什么好的要求或建议。那么都非常感谢你能-联系我|版权认领
在手机屏幕上打字的用户体验极差,这单纯因为物理尺寸太小,和软件性能无关,再熟练的用户都会出现打错字的情况。需要用户手动输入的最常见场景就

  在手机屏幕上打字的用户体验极差,这单纯因为物理尺寸太小,和软件性能无关,再熟练的用户都会出现打错字的情况。需要用户手动输入的最常见场景就是填写表单,这里有一些建议可供参考:

  删除任何不必要的字段,缩短表单长度,保证用户输入最少的内容;

  

移动端产品设计完全指南

  表单设计的准则是越短越好,可以将多个字段合并(图片来源:Luke W.)

  使用input mask,这是一种帮助用户格式化输入文本的插件,能够执行对输入内容的切断、分组等操作,帮助用户专注于表单填写上,让用户更容易发现错误;

  

移动端产品设计完全指南

  (图片来源:Josh Morony)

  使用诸如自动填充的智能功能。比如,填写地址是任何登记类表单中最容易出问题的地方,可以先根据手机定位自动填充地址信息,这样在大多数场景下,用户只需要进行简单的修正即可;

  动态验证字段值。提交后才能知道输入错误,然后再返回更正,这点的用户体验很差。如果有可能,应当在用户输入后立即检查输入字段的准确性,以便用户可以立即更正;

  

移动端产品设计完全指南

  在线的实时验证(图片来源:Baymard)

  根据字段类型显示键盘类型。在输入电话号码时,应显示数字键盘;如果输入的是电子邮箱,还需要包括@键。要确保这个功能在整个App中都是一致的,而不仅限于某些表单。

  

移动端产品设计完全指南

  将键盘匹配所需的文本类型(图片来源:ThinkWithGoogle)

  1.6. 预估用户需求

  在产品设计阶段,需要根据用户的操作路径使用产品,主动发现使用流程中的潜藏痛点。比如在下图中,提示了用户需要提供信息的具体位置。

  

移动端产品设计完全指南

  这种字段旁的简明帮助文本很有效(图片来源:Hotjar)

  1.7. 用视觉重量传达重要性

  界面里最重要的元素应该有最直观的重量。增加元素的重量可以通过改变字重、大小、颜色等方式实现。

  

移动端产品设计完全指南

  大尺寸元素比小尺寸更吸引眼球

  1.8. 避免专业术语

  在任何移动端产品设计里,清晰准确地表达信息都是最重要的。使用目标用户习惯的表达方式,而不是你的产研团队习惯了的表达方式(或者行业术语)。

  

移动端产品设计完全指南

  行业术语或短语会增加用户的认知负载(图片来源:ThinkWithGoogle)

  1.9. 一致性设计

  一致性是设计的基本原则,一致性有助于降低混乱度。在App设计中,一致性意味着以下内容:

  视觉的一致性:App里的字体、按钮形式、文本标签样式需保持一致;

  功能的一致性:交互方式和交互元素在各个页面中应保持一致;

  产品间的一致性:同一系列的不同产品之间需保持一致性(比如网易邮箱和网易云音乐),这样能降低用户使用相关产品的学习成本。

  关于设计一致性,有如下的建议:

  遵循平台指南/规范

  每个移动端的操作系统都有界面设计的标准指南,比如苹果的界面设计规范。遵循平台规范很重要,因为用户已经熟悉了他的手机操作系统,任何与这个系统的交互模式相悖的产品都会在使用过程中出现摩擦、造成用户的不适感。

  不要模仿其他平台的UI设计

  在为Android或者iOS设计App时,不要参考其他平台的UI设计。icon、功能模块(输入框、复选框、开关等)、字体等元素应保持该系统原生的感觉。尽可能使用原生系统的组件,这样会增强用户的信任感。

  保持同一产品在不同终端的一致性

  这属于产品间一致性的范畴。如果你的产品同时有Web端和移动端,那么应尽可能地保持二者的风格一致,这将减少用户在PC和手机间切换的不适感。二者的不一致(比如不同的导航方式或者不同的配色方案)可能会造成混乱,增加用户的认知负荷。

  2. 满足用户的控制感

  2.1. 交互元素可预测、符合用户习惯

(责任编辑:admin)
织梦二维码生成器
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
发布者资料
第一站编辑 查看详细资料 发送留言 加为好友 用户等级:注册会员 注册时间:2012-05-22 19:05 最后登录:2014-08-08 03:08
栏目列表
推荐内容
分享按鈕