很长时间没有发表文章了,希望这份早期经验之谈能给各位一点帮助。
一、精心设计应用的目标
1.要为用户用户解决的问题
这个应用与众不同地为用户解决了什么问题?用户为什么要使用这个产品?
2.移动应用和计算机的区别移动应用是帮助用户去完成计算机力所不能及的事情。
3.本书的五要素
人物:框定了应用的受众;
4.移动用户的三种心态
(1、我有个微任务要做
(2、我想看看附近的情况
利用iPhone等手机的传感器,来帮助用户在PC端不能完成的事情。例如微信查看附近的人,或者摇一摇,脑补下电脑有了定位功能后,然后拿着电脑在甩的画面(真是无法想象)。
(3、我有些无聊
5.理清方向
友好易用的用户体验要设计师合理斟酌每一条触动人心的功能点;并在设计过程中要想得多,做得少。意为功能可以列出很多,但是真正用上的却很少。而且要挑选大部分用户大多数时间都会使用的功能,摒弃小众群体的边缘需求。
在我们平时的产品迭代工作中,产品经理收到商户的需求总是一股脑的就扔过来,我有时候真是想说:你特么,真帅(其实我怕)。
6.iPhone应用相比H5页面的优势
其实这块书上说的是在手机浏览器里面浏览网页与APP做比较,但是我因为个人的工作原因,所以把这里替换成H5,修改了一点内容,毕竟书看来是给自己用的嘛~哈哈哈。
(1.高效
(2.更好的展示
(3.本地缓存
7.总结
1.利用“五要素”,发掘应用触动人心的先决条件;
二、为尺寸和触摸设计
1.尺寸与触摸
在设计过程中,iPhone在4的时代里,44像素是标准的控件尺寸,但是发展到5和6的时候,两倍像素更符合当下的设计,所以88会成为更标准的尺寸;但是在正常情况下,我已经看到很多人直接用100像素来设计,也很合适。
在设计的过程中,不要让界面显得太拥挤,标签栏最多放下5个Icon,是为了避免用户有误操作,从而产生挫败感。就好像我们平时使用的App,其实5个也是很少见,大多数情况下都是四个,比如支付宝、微信、QQ等。
2.优秀的iPhone应用,包含以下特点(总结)
· 将重要信息放在顶部,重要操作放在底部;
· 基于一倍尺寸下的44像素的设计韵律来设计;
· 屏幕尽量不要有滚动,在一屏之内展示完(一般适用于实用工具类软件);
· 不要在屏幕上摆放太多的元素
· 应用尽量要简单,将高级工具隐藏;
三、导航模型
1.iPhone 的三种导航模式
(1.平铺页面:类似于卡片翻转页面,它没有信息层级,也没有组织结构;
· 在平铺页面中,可以用单页面前后翻转的形式定义一种交互,即前面是展示,点击之后翻转到背面用来设置;
· 平铺模式能更好的让页面进行编辑,如果页面数量随时都会变化,且当中的导航和顺序都固定,那么平铺非常实用;
· 在平铺页面中,更加不能使用屏幕滚动;
—— 平铺页面的分页控件,也就是小圆点,在页面数量非常多的情况下,要如何展示?因此需要控制数量。
—— 页面非常多的情况还有出现的一个问题,即如何快速跳转至想要去的页面?点击编辑按钮,将页面缩小去浏览。
(2.标签栏:在屏幕底部有几个按钮控件用来点击,现在的大部分App都会有这个栏,这块前面已经说到过。
——标签栏的功能不能超过5个,否则会显示为更多,增加了用户的认知负担;
(3.树形结构:有明显的层级关系;
——如果要回到主功能,而现在处于子子子...功能,就要连续返回,操作上不直观;不过对于微信来说,层级比较浅,就还好。
2.总结
1.遵循普通原则,有时候别人看起来不一定就很普通;
四、iPhone的标准控件
1.导航栏
导航栏的左边唯一只能放后退或返回按钮,其他一律禁止(此为用户习惯);
注意:导航功能必须清晰,不要放多余的控件,保持干净;
两种特殊导航:
(1.在导航栏同时显示提示文字及标题,用户对标题不了解时,可对标题进行诠释,或者对一种状态的解释。
比如QQ聊天窗口:这里在名字下方显示了好友的登录状态。
(这聊天记录是我的隐私)
(2.对于长篇内容的界面,隐藏导航栏,通过某操作来显示,或对导航进行半透明处理可以更好的显示内容。
比如 pinterest:不仅隐藏了导航栏,还对标签栏做了半透明设置,让用户更好的查看图片和标题。
2.工具栏
工具栏是对一个页面进行相应操作的一种属性,跟标签栏有本质的区别,标签栏是不同种类之间的切换。
工具栏的图标和导航的栏的图标可以一致,但是跟标签栏的图标不能一致。
这类修图的软件,就是很典型的把工具栏作为重点,来设计。
3.搜索栏
对于一般的App来说,搜索栏是必须存在的,它该和工具栏以及标签栏保持一致的色调或风格;
搜索栏的存在会导致在浏览某些页面时非常的不方便,可以通过进入页面时,搜索栏存在,而滑动页面搜索栏即上滑消失,跟随屏幕的滚动;
搜索栏的作用非常重要,因此会有很多关于搜索栏的交互:
用户在搜索时,会出现范围选择栏,可以让用户选择搜索结果范围;这类APP还是比较多的,比如某宝,这里就不截图了,相信大家对这块还是比较了解的。
(路人甲:谁说的,我特么就不了解。 呆总:你真棒!)4.表格
表格分为两类:
(1.索引列表
通讯录的字幕排序分组,是索引列表中最成功的应用。或者一些App中的城市定位,在选择城市的时候也有这类分组。
(2.分组列表
分组列表不像索引列表这么轻松的就能到达指定组,所以不适合展示冗长内容的列表;
它可添加页头页脚(当然也可以不加)来作为组的说明;(可能我手机里面的App太少的缘故,没找到这类界面)
表格编辑可删除表格中的某些内容,iPhone官方的步骤是,点击编辑->选择->删除,而另一种滑动,可以少一个步骤,更快的删除你想要删除的内容,微信就是采用这种方式。
但是这种方式不适合删除多条内容的应用,这里可以选择使用复选框来做。像这种云盘的复选框,可以批量操作。
5.总结
1.在设计过程中,多用标准控件,一致性将增加可靠性;
五、APP的第一印象
1.icon 的设计
(1.Icon的设计要清晰,容易理解。在用户看到的第一眼,就应该能了解你的应用的作用,千万不要在icon上面加一些奇怪且多余的文字来说明APP的作用,这样做不仅多余,而且会降低用户对APP的好感。
(2.取名字对于一个icon而言,虽然也是必要的,但并不是最重要的。在取名字的过程中必须要精简,且让用户容易记住,虽然它不像图标一样可以带给用户强烈的感官刺激。
(3.对于图标的尺寸来说,在设计图标的时候要严格遵守。icon上面的投影等等不需要在设计的时候加上,因为App Store上会自动生成。
2.启动图像
启动图像的运用,如果不恰当的话,会让用户反感,并不喜欢使用你的产品。而通过一些技巧使启动页面和产品融合,不让用户感觉到你为了品牌的宣传而设计,会更好的减少用户的感知时间。或者真的减少启动页的时间,QQ在这方面做得还是很好的,即美观又不失风度。
近期有很多APP都开始在启动页加上跳过按钮,用户可以根据自己的意愿去点击是否要跳过,这种设计既能加入广告对得起广告商,又可以保证用户不被打扰。唯一的不足就是用户需要操作,但是这算是合理操作。
并在启动图像结束之后,为首次使用产品的用户提供指示说明,也就是引导。对于首次进入App的用户来说,引导如果做得好,也并不是多余的,懂我意思么~哈哈。
3.总结
1.应用的图标要清晰明了,描述应用的功能、界面、名称或品牌。
六、手势操作
1.总结
这章其实就是在说iPhone的手势,但是本书的年代比价久,不像现在6S有这么多手势,包括touch功能在当时也不存在,因此讲的都很浅。这里就做几个总结就过了。
1.手势来源于经验,人们都会根据日常在现实生活中或鼠标点击的过程中所获得的认知来对移动设备做相同操作。
七、警告、打断和更新
1.警告框
相信不止一次的出现过关于警告框的问题了,看过很多相关文章,每个人都有自己的看法,就算写明是相关机构考证的一些例子都不足以说明一些问题,因为都说的太浅显了。而对于这章,作者还是很详细的说了关于他对警告框的看法以及应用方式。
警告框出现的场景:
(1.应用不能继续进行下去了。
(2.能帮个忙么?
(3.请授权
警告框不该出现的场景:
(1.弹出欢迎消息
(2.App Store打分
(3.小问题
2.通知框
和警告框一样,通知框也会在用户完成任务的时候突然弹出打断用户的工作流。所以在设计时,应对其进行相应的控制。
(1.提空详细的内容控制
(2.确保要有安静状态
(3.让声音可选
3.菊花和进度条
这里还简单介绍了菊花(不是你想的那个)和进度条。他们都代表了时间,所以要把它们运用好是非常重要的。比如它们可以替代进程结束的提示框等。不需要用户去再看烦人的弹框。
4.总结
1.在应用不能进行的紧急情况下,或者应用需要授权的时候,才能使用警告框。
谢谢你的阅读:)
本文原创,未经作者允许不可转载!
更多内容,欢迎关注作者微信公众号: 呆呆有理!
暂无评论
违反法律法规
侵犯个人权益
有害网站环境