手机客户端产品设计应遵循的10大原则_第1页
手机客户端产品设计应遵循的10大原则_第2页
手机客户端产品设计应遵循的10大原则_第3页
手机客户端产品设计应遵循的10大原则_第4页
手机客户端产品设计应遵循的10大原则_第5页
已阅读5页,还剩35页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

手机客户端设计的10条法则,By庄暐(麦肯诺),http:/mai.im,尊重系统,1,用户是你产品的使用者,更是系统的使用者。用户最熟悉的交互方式来自于系统软件。尊重系统不是固步自封。在什么样的平台做什么样的设计。切勿画虎不成反类犬。,好的设计,Android版本QQ和iPhone版QQ,坏的设计,点击只是焦点落上而不响应操作,返回还是逃跑?,一个界面做一件事,2,空间有限,多用减法。至上而下的阅读不会遇到障碍。过程是过程,结果是结果。聚焦当前事务。只做一件事不是只一个功能。,好的设计,在什么界面做什么事,坏的设计,手忙脚乱的设计,一目了然无歧义,3,好的设计和坏的设计,一目了然当孩子第一次拿起铅笔的时候,他们像是生来就知道该如何开始。软件也应该这样。减少不必要的思考和困惑。将重要的信息展示在一个层级里面。有时候用户只需要一个“yesorno”的答案,开启后无需操作就能获得答案是最完美的。无歧义用语的无歧义。比如按键叫“收藏”,是添加收藏还是打开收藏?操作的无歧义。比如搜索,我应该在类别下搜索还是该在全站搜索?,好的设计,一目了然,坏的设计,小地陪?陪神马?,91,你让我情何以堪,清晰的反馈,4,好的设计和坏的设计,反馈的作用告诉用户后台正在发生什么。告诉用户当前位置。告诉用户错误原因及补救办法。告诉用户结果如何。反馈的方式焦点的反馈(高亮,变色,)点击的反馈(弹起,翻转,)文字弱提示。告知即可,不中断操作。文字强提示。中断操作,需要手动确认。,好的设计和,弱提示,不阻断操作,强提示,阻断操作,明示正在发生什么,坏的设计,多此一举的成功提示,有这个必要吗,我关心这串数字吗?,用户习惯和产品一致性,5,习惯如何产生系统的使用。比如用户习惯左上角有后退。对生活的理解,比如内容的分类。对隐喻的认同。比如大头针是定位。一致性一致性保证用户在使用别人的产品的经验能复制到使用你的产品中。在使用你的产品的过程中相同的流程一致性。文案的一致性。用户预期的一致性,好的设计,删除的流程和系统一致,和生活经验一致,坏的设计,58同城,底部导航按钮哪去了?,错不在此,更坏的设计,令人发指的不一致,高效性,6,不以任务为导向的产品设计都是耍流氓时间宝贵,我有别的事情要做。车在颠簸,我眼睛好累,疲劳了。有件事阻断了我做后面的事情,请尽快告诉我答案。好吧,车还没来。(随时会被中断)如何设计高效应用清晰的层级结构。建立准确的任务模型。对可能的任务行为进行分解并逐一优化流程降低学习成本。最好的办法就是使用系统空控件和操作方式降低噪音,保证高级的功能在用户需要时能够找到,在不需要时候不会造成困扰,好的设计,结构清晰,系统控件,低学习成本,无噪音,坏的设计,吃饱了撑的解锁方式,逼我探索和发现,高效的设计总是简单的,隐喻和拟物,7,隐喻和拟物化设计隐喻是用一种事物暗喻另一种事物,隐喻的设计来源生活,包括生活中的物件,处理事务的方法隐喻和拟物可以有效的降低交互成本。有软件中涉及的元素和操作与真实世界关联起来能够更好地帮助用户理解。隐喻和拟物应该遵守习惯法则。ICON的作用是让人更易理解而不是陷入困惑。为设计而设计会陷入设计的误区。,好的设计,隐喻,拟物-翻页钟,宽容,8,宽容意味着容错和可回溯手机出错的可能性更大。误操作。手机交互试错成本更高。输入不便。升级不便,用户不愿意为你错误买单。(不给你升级的机会)如何更容错误操作的提示。比如发贴时返回提示是否放弃已输入内容。保存上次状态。保存用户上次发送失败的帖子信息。纠正问题。错误发生时,告诉用户错在哪,并给出纠正办法。比如联网故障的重试按钮。不抛弃,不放弃(对老用户的支持),好的设计,放弃提示是否保存,保存不同标签下的状态,融合手机的特性,9,手机的特性通讯录。(推荐好友,转发信息,聊天)定位。(附近信息)手持方向。(指南针,实景模式)摄像头。(上传图片)语音输入。(减少输入)实时通知。(订阅推送)设备连接。(2个设备间的分享)多点触摸。重力感应。(加速度,平衡),好的设计和坏的设计,实景找房,信息推送和罗盘,满足用户预期,10,预期的多样性其他软件给我的认知。其他软件可以,你可以吗?UI给我的预期。看来你可以这样操作,可以吗?个人习惯的预期。左上角应该有个返回按钮,有吗?手机本身给我的预期。摇动iPhone可以清除输入,

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论