美文网首页交互
手机设计的禁忌

手机设计的禁忌

作者: 无尽红茶 | 来源:发表于2016-12-03 10:13 被阅读26次

手机产品设计禁忌

在做手机产品设计的过程中,遇到很多看似很小,且很容易被忽略的问题,正是这些小问题,一次次的撩拨用户的耐心,让用户对你的产品心生怨念。刚出道的朋友没有经过实战,对细节注意不多,往往都会遇到类似的问题,强调多次后,觉得不如写下来,给新人共勉。

1、没有不可点击的效果

一般按钮会有四态,不可点击效果、可点击效果、聚焦状态、按下状态。如果你的按钮此时处于不可用状态,那么一定要灰掉,或者拿掉按钮,否则会给用户误导。

2、菜单层次太深

菜单项以5~7个为宜,如果有二级菜单,就要注意合理的菜单分类,不能有太多层级的菜单,否则很难预期,也很难找到,寻找和返回都会变得很麻烦。

3、文字长度不加以限制

手机界面很小,寸土寸金,一页只能显示下6~10个列表,一行只能显示下10~16个字,标题栏的字数以5个以内为宜,标签栏也以2~3个为宜,那么这时候出现文字过长的情况,一定要定义一下处理方式,如果是选择型的,一般是截断或者打点缩略;如果是内容阅读型的,可以折行。但最合理的方式还是精简文字内容,缩短文字长度。

4、文字表意不明

由于手机是碎片时间、片段式阅读,所以手机界面上的文字表意性要求的更高,更苛刻,一定要在用户瞟到的瞬间,准确的传达信息。除了表意清晰之外,还要求语言精简,避免啰嗦;使用用户的语言而不是程序的语言;产品文案体现产品性格。

5、交互流程分支太多

做交互的时候一定要有一个任务流程的概念贯穿始终,用户是为了完成某个任务而使用软件的,交互设计师除了关注界面元素、跳转逻辑和交互反馈之外,还要关注用户任务,分得清主要任务和次要任务,给主要任务一个畅通无阻的清晰流程,不要给予太多可能的分支,干扰主要流程。

6、相关的选项离的很远

相关选项一定要具有操作上的延续性,虽然手机屏幕看起来比电脑屏幕要小的多,但是手机在屏幕上移动的代价,却要比鼠标在电脑上移动的代价大的多,如果手机上相关选选离得很远的话,用户一是容易迷失,找不到下一步操作,二是需要移动手指,到屏幕另一端触发操作。

7、一次载入太多的数据

流量、电量、速度和稳定性是手机产品的四个硬指标,如果你的应用不能合理的帮助用户节约流量、电量,提升浏览速度和浏览体验,保证应用的稳定性能,就不要谈什么用户体验。你可以利用预加载缓存、批量载入、动态刷新、服务端数据压缩等方式来保证省、快、稳基础体验。

8、按钮可点击范围比看起来小

我们都知道移动端有个神奇的数字“44”,根据食指最小点触距离7mm、拇指最小点触距离9mm,可以推导出做设计的时候,最小的点触距离是44*32  px。你可以设计一个精美的小图标,但是在定义它的点触大小的时候,却可以做放大处理,但你千万不要设计一个傻大的图标,点触范围却比图标要小,这样会给用户带来明显的误操作挫败感。

9、标签页跟内容没有从属关系

标签页跟内容需要有很好的联动关系,一般一个界面内有二级标签就足够复杂了,千万不要再有三级标签、四级标签。每个标签页都有自己特有的内容,当切换标签的时候,内容跟着切换。标签页如果是点击切换,内容部分可以整体刷新,标签页如果是滑动切换,内容页也要跟着滑动切换,千万不要一个点、一个滑。

10、把所有的操作都暴露出来

手机产品交互设计要经历缩减、隐藏、附加、组织的过程,千万不要妄图把什么功能、什么操作都暴露出来,以彰显强大。你需要把自己应用的所有功能所有操作做个优先级设定,那些常用的20%的功能,放在界面的主要位置上,其他80%的操作,放在次要位置或合理归类组织后,隐藏起来就可以了。

11、没有空数据界面设计

我们在做设计的时候,往往是提供理想化的场景,用户都已经进来了,我们怎么玩。但是,往往应用刚推出的时候,是没有用户的,甚至当应用有了一定用户基础的时候,新进来的用户打开应用的时候,应用仍然可能是一种没有数据的状态,再或者当用户清楚了全部数据,这三种情况下,用户都可能遇到空数据的界面。新手设计师往往不加设计,这时候用户就会看到一个空白界面,茫然失措。有经验的做法就是,提供一个情感化的界面,告诉用户当前没有内容;更具引导性的做法,就是引导用户去执行操作。

12、用户引导的滥用

去年就预言用户引导将要泛滥,很明显设计部门都喜欢用漂亮的引导界面告诉用户新增的功能或隐藏的应用,但不是所有的应用、所有的功能都需要花哨的引导的。如果是通用的功能、非重点的模块,根本就不需要引导;如果是功能告知,只需要轻量级的引导;如果是版本更新说明,说明书式的引导可以采用,但是要言简意赅。

13、无加载中状态

手机产品只要是需要联网,需要交换数据,都需要提供一个加载中状态的,无论是菊花转还是Toast还是对话框,你需要给开发人员一个全局的定义,并且要告知加载中是模态(前台加载)的还是非模态的(后台加载)。且要考虑到加载时间过长、网络开关没有打开、网络不通等情况分别怎么去处理。

14、未定义Back的逻辑

在为Android做设计的时候,会涉及到硬件交互,其中Back键的使用,是一门学问,Android官方有一些指导原则可以借鉴,但是具体开发的时候,还是会有很多特殊情况,比如单一实例的替换、键盘及一些中间状态,这种情况下,Back可能需要被定义一下,该回到前一个实例(那就需要变成多实例了)还是该回到初始状态(清空输入内容或恢复初始状态)。

15、无横屏模式的设计

由于横屏模式下,纵向空间变得格外宝贵,导航栏、标签栏、键盘都需要被压扁,横盘模式一定要考虑是简单拉伸适配还是重新设计,如果你的应用不适合在横屏模式下使用,就屏蔽横盘,如果你的应用包括应用widget都需要支持横盘模式(甚至是带侧滑键盘的横屏机器),就需要提供设计方案。如果是S60V5这种竖高的机器,甚至需要重新设计。

作为手机产品交互设计师,利用设计规避问题,提升产品用户体验,把体验转化成价值,是我们所追求的境界。手机产品设计禁忌,是笔者遇到的一些设计问题,欢迎各路高手协同补充遇到的问题,共同避免重复发明轮子。

交互说明文档结构:

用户体验评估:

1、状态认知(跳转加载过度、刷新加载、空白状态(不要忘了空状态不仅仅要考虑视觉,它同样要考虑易用性,给用户一个对的指向))

2、页面效率(任务时长、信息浏览、深层页面(出现4级以上页面在顶部右上角增加首页按钮))

3、数据留存(历史记录(a、在不输入时通过历史记录(5-10条)进入;b、在省略输入时可以模糊查询进入;c、在完整输入时可以精确查询))

4、转化力度(关键重点转化(突出重点部分,层次分明)、完整信息呈现、条目信息主次、目标趋近效应(给出“即将完成的状态”)、引导转化(新手引导、推荐)、推荐转化(搜索无结果时用推荐来引导转化))

突出需要内容,弱化次要内容,层次分明。

利用信息增强用户信任感,提高转化力度。

5、防止出错(信息布局、误操作、操作困难、误导(信息展示区和可点击区分开显示)、默认提示)

6、感官吸引(首屏信息(明确产品是什么?干什么?有什么?给首页取一个名字)、视觉干扰、视觉一致性(颜色、高度(二级TAB高度一致)、图标))

交互设计进阶:

1.为了借鉴而借鉴

2.为了避免借鉴而差异化设计

3.为了用户习惯而设计

相关文章

  • 手机设计的禁忌

    手机产品设计禁忌 在做手机产品设计的过程中,遇到很多看似很小,且很容易被忽略的问题,正是这些小问题,一次次的撩拨用...

  • 《GUI设计禁忌2.10》读书笔记及发散思考

    禁忌分7类: 1、GUI控件禁忌 2、导航禁忌 3、文字禁忌 4、交互禁忌 5、图形设计和布局禁忌 6、响应性禁忌...

  • 数据库开发设计规范

    数据库开发设计规范 命名规范 基础规范 字段设计规范: 索引规范 索引禁忌 SQL设计 操作规范: 注意事项:

  • 平面logo设计中都有哪些设计禁忌

    本文由:“学设计上兔课网”原创,图片素材来自网络,仅供学习分享 平面logo设计中都有哪些设计禁忌?作为设计师,我...

  • 手机-陪娃禁忌

    彩色好还是线稿好呢? 亲身体会!千万不要看手机,不然一定被抢,抢去很有可能乱发表情……

  • GUI设计禁忌2.0

    1.基本原则: 关注用户及其任务,而不是技术 首先考虑功能,然后才是表示 与用户对任务的看法保持一致 设计要符合常...

  • 设计圈禁忌话题

    很多刚入职的新手会问初入职场 如何与同行设计师保持良好同事关系 这一问题。这么一个具有深度的话题,决定好好跟你们来...

  • 什么是网页设计中的滚动设计?如何进行滚动设计?

    近年来,曾经的网站设计“禁忌”已经成为最受欢迎的技术之一,用户开始欣赏和喜欢网页站中的滚动设计。滚动设计摆脱了之前...

  • 企业标志LOGO设计有哪些事项是需要忌讳和注意的

    第一:一个企业的标志设计中不应参杂进宗教和文化禁忌的符号元素进来 比如,纳粹、异教等被全世界人民所痛恨的禁忌元素符...

  • 《别说你懂思维导图》第九~十一章

    思维导图的几大禁忌 禁忌1:照搬目录 禁忌2:内容过多 禁忌3:连线错综复杂 禁忌4:层次混乱 禁忌5:缺乏内在逻...

网友评论

    本文标题:手机设计的禁忌

    本文链接:https://www.haomeiwen.com/subject/gsfcmttx.html