【本书针对人群--设计师/程序员/管理层/营销人员和客户,以及那些仅仅对iphone应用如何运作感兴趣的人】
“只有理解了如何造就触动人心的应用是,才会有更多触动人心的应用诞生”
iphone的屏幕很小,用户的注意力也游离不定,让每个像素都起到作用,每一次点击都富含意义,应用才能触动人心--换句话说,优秀的设计必须要有反复考虑过的想法、精炼的功能,有效的可用性和一定程度的个性化。明确应用要做什么-如何运行-如何将自己展示在受众面前。
/人类工程学角度/
1,一切从点击开始-我们是如何使用iphone应用的
简单易用是一个优秀设计的品质保障,确保每一张页面、每一个行为都能传递欣喜,提高效率并能达到目标,让每个元素都能触动人心。
2,能触动人心吗?-精心设计你应用的目标
思考:你的应用与众不同的为用户解决了什么问题?
--确定受众-满足此类人的需求- 不断提供新内容与受众维持长期关系
--对功能取舍和展示方法要深思熟虑,对移动场景要精心构思
--拇指规律:虽然拇指能划到整个屏幕,但只有三分之一的屏幕事真正容易触及的—也就是拇指正对的区域。为了获得人类工程学上舒适的体验,你应将主点击目标放置在方便拇指点击的区域内。同时根据应用最常发生的用例来排布页面元素,引导点击
--简洁是移动设备设计中最重要的一点,在混乱的局势下,设计更要简洁
书中用了Twitter的案例,Twitterrific 2 的项目负责人说:
--如何把应用做的简单,又要给有需求的用户一些附加功能,同时不能对用户百依百顺,在一个应用里,功能越多,用户界面就会越复杂,最后功能就会失控(私以为前段时间的支付鸨就是有点失控了)
/敏锐的设计/
—点击友好指南:(帮助迅速搭建动人、有效、可用的布局设计)
1,将重要的信息放在顶部,重要的操作放在底部:屏幕底部是掌上设备拇指点击最舒适的区域,但也是最容易被手挡住的区域,为了方便看清信息,信息应该摆放在应用操作的上方--遵循主操作在下,主内容在上的原则。
2,基于44像素的设计韵律进行设计:iphone主屏上的图标排列杭高为88像素,主屏按着44像素设计韵律所设计。
3,质疑滚屏:尽量一屏显示完,避免滚动条
优秀的应用一定是会竭尽全力去减少在操作时不必要的思考。界面没有滚屏将减少脑力消耗,同时使此设备更像一个现实设备,而不是一个虚拟设备。固定的屏幕给人牢靠的感觉,简洁胜过繁密,
不管最后决定要不要用滚屏,都要用怀疑的态度对待滚屏。
4,尽量减少屏幕上的元素:只添加一个小图标好似无害,但屏幕上每个元素都会消耗用户的认知成本。每个元素都会减慢视线扫描,减缓理解时间和决策时间
5,将高级工具和操作藏起来:可以隐藏,但要便于操作,又或者用一种可见的方法将隐藏边框界面放在同一平面上。因为,无论你的应用有多复杂,都要保持界面在视觉上的简洁,界面控件有限,要严格审核每一个功能点和操作,然后在放到应用中,确保“触动人心”。同时注意确保防止的位置直观易找。
本章小结:
· 人类工程学问题:要考虑应用的手感
· 要将主操作放置在拇指的“点击热区”中
· 44是个神奇的数字。确保点击区域至少有44像素大小,然后基于44像素的设计韵律进行设计
· 大胆使用空白。不要让设计显得拥挤不堪
· 主要内容在上,主要操作在下
· 主操作要容易够得着,在切实可行的情况下避免使用滚屏
· 用“秘密面板”、“隐藏之门”将高级工具分散到次级视图中,以此来减少边框界面
/有条不紊/
《iphone人机界面指南》—iphone Human Interface Guidelines(http://developer.com/iphone可下载)
--苹果的导航模型
--平铺页面,随意翻动,即能改变应用的基本设置,用户只有一个主屏的简单应用,适合在实用工具中使用,适合浏览并发现方式。文章中用了正面反面的例子:主要信息“正面”展示,简单设置“背面”展示。
优缺点:
· 适合少而精的内容,适于随意浏览的页面——每次只能翻过一页,没法立即跳到非相邻页
· 适于内容自定义,且数量可变的页面——不能适用于较多的页面数量,页面指标器智能容下20个点
· 易于使用,只需熟悉的滑动手势即可导航——难以包含滚屏,对长文本不利
· 界面占用空间少,页面分页控件只占用一点空间,给内容留下很多余地——页面指示器太小,可能被用户忽略,因此让用户错过应用的其他页面
--标签栏,点按按钮,切换页面
优缺点:
· 点击一次即可访问到应用所有的主要功能——指鞥现实5个标签
· 标注清晰的菜单,告知用户主要功能和当前所在的功能——应用的每个(或大多数)页面都会被明显占据一定的屏幕空间
--树形结构,在有层级的分类选项或分类内容中向下细分
优缺点:
· 能应变大量的类别、功能和项目,组织方式常见且容易理解——主功能只有在最顶层页面才会被显示出来,不像标签栏,每个页面都清晰可见
· 可直接对内容进行交互,直观且占用屏幕空间小,列表展示很适用于用户自定义分类——主要功能和分类直接切换有些麻烦,必须要先回到顶级页面,然后再依次 点入
--沉浸式应用,一般应用于全屏且图形丰富的应用,比如大部分的手机游戏
--组合使用导航模型,在应用内容活功能繁多的情况下,混搭导航可以克服单个导航模型的短板
书中同时提到:制作原型,先纸上画出模版,本着做草稿的心态,而不是做设计,主要工作是理清概念。需要哪些页面、每张页面有什么操作、页面工具和内容的比例等,起初要注意组织好页面和任务优先级。
本章小结:
· 遵循普通,不见得别人就会觉得很普通。要有“苹果味”的设计感。
· 苹果内置的导航模型基本可以解决大多数应用的结构问题,要理解好每种导航模型的优缺点,而后再选用一种最适合你的导航模型:平铺页面、标签栏、树形结构。
· 把页面都画成故事板,用这种方式来规划应用的清晰流程。先别考虑细节,刚开始最重要的是大局。
未完待续
互联网产品狗,设计类大四学生,有幸在大厂实习结束,滚回学校做毕设。期间开始梳理实习期间学到的一些知识和技能,同时开始写自己的读书笔记。
微博:czy爱吃咸蛋黄
个人微信公众号:czy爱吃咸蛋黄(xian-dang-huang)
欢迎勾搭(我不会告诉你们公众号发的那篇,按照惯例会有照片)