触动人心 8.4分
读书笔记 全部
尹清玄

1. 移动互联网,不仅是说设备是移动的、无线的,更重要的是,人们的确常常是在移动(行走、坐车等等)中使用的。这种特点,给需求满足、交互设计都带来很不一样的东西。 2. 美国有4000个捕鼠夹专利,但只有20个转化未商业产品。捕鼠夹已经足够好用了,费力气改进它,不如去干点别的。因此,更重要的是把握“需求有、满足无”的地带。 3. 产品设计的要点:捕捉需求有、满足无的地带;简洁的设计、简单的使用(设计上想的多、实现上做的少);一点点的美感(简洁本身就是一种美)。 4. 移动应用用户使用应用时的心态:有个微任务要做(注意这里是“微”);看看附近的情况;有些无聊。 a. 由于移动应用主要是解决微任务,所以,移动始终不会是全部的互联网生活。但对于任务类的应用,移动版本应当与PC版本无缝连接。 b. 看看附近的情况,即泛LBS需求。个性化、上下文(情境),是很重要的。这里的应用是很多的,如何整合利用? c. 有些无聊,即打发时间。这个比较经典需求了。但设计思路也需要提的一下。受限打发无聊,其主线是让人探索,探索他感兴趣的东东,不断的用新的东西刺激他继续探索。同时,还应当考虑到,游戏、影视、阅读,其实最好是可以微任务化的,如果不能切成一段段的,则需要能支持断点续玩、断点续看。 5. 成功的移动应用的特质 a. 需求:紧密的面向特定受众 b. 需求:由别人无法提供的内容 c. 需求:有简单有效的技术 d. 效率:有创新的信息展示方式 e. 效率:应用会增强你在网站或现实世界中的所见所作之事 f. 粘性:独特的激励机制 g. 粘性:有大量的社区用户在应用中互动 h. 价格:能解决同样问题但是更便宜 6. App store中大部分应用不是工具型应用,而是内容型引用。实际上,人们也会为内容付钱,但是当然人们会更接受免费的内容,除非在应用质量上有质的差别。 7. 传统网站webapp化的好处 a. 适应更小的空间,达到阅读、浏览的高效 b. 应用html5和css3技术,达到更优美的效果,结合小的空间,反而给人精致的感觉 c. 存放离线内容,增加媒体时间 d. 可以做一些pc上不能做的新功能 8. 触屏操作主要靠拇指。而拇指方便触碰的是左中下方的1/3屏幕。考虑到喜欢用左手的同学,其实最适合做常用触碰点击的区域可能只有中下方的1/6屏幕。这样也是为什么常用工具栏是放在iphone屏幕的底边。这个和传统pc差异是很大的。很多iphone应用的界面设计,直接从pc上迁移过来是不合适的。同时一些pc软件照搬iphone的设计也是不合适的。优秀的iphone应用,一般把重要的信息放在顶部,把重要的、常用的操作放在底部。 9. iphone的点击目标大小,apple公司认为最小尺寸是为44*30像素。按钮的现实面积不一定需要这么大,但是点击区域应做到这么大。按钮别挨的太近,除非按钮本身足够的大。 10. 尽量减少屏幕上的元素。高级工具和操作,一般使用率低,但是需要的展示元素、按钮会比较多,最好默认隐藏起来。 11. 尽量单屏显示。滚屏需要手指操作、需要重新浏览。因此能不滚屏,尽量不滚屏。内容较多时,能做成分页+导航也会好一些。如百科的分段;如小说阅读。若内容非常多且内容本来就是line形式组织的(如微博、邮件),那还是滚动吧。 12. HIG是重要的参考文档。《iphone human interface guidelines》。设计能力没有达到一定高度时,尽量使用苹果标准控件,一方面更容易被用户认知,另一方面其实会容易让应用有苹果味儿。 13. 善用隐喻。从真实世界借鉴界面隐喻,但是要确保借鉴的应用能适合于手机。仍然的,最好能使用标准控件。 14. 触屏动作和动作设计: a. 常用动作:点击、拖动、滑、捏、拂、摇 b. 自定义手势的考虑 i. 有些动作对现实物体可以做,或对鼠标控制的指针可以做,那么大家就会同样在触屏上试试能不能做(如:bing的套索,也就是现实中在书本上画圈) ii. 重点需要关注:用户尝试过但是未奏效的手势;用户重复执行且耗时的操作。 iii. 不一定必须用手势,有些也可以或者更合适用快捷方式来实现。 c. 给重要操作设计自卫设计。如删除,可以增加手势的难度,也可以增加提醒确认,或者延迟生效。 d. 给点击和操作增加视觉反馈,有节制的增加音效。 15. 横评做不好的话,不如不做。横评竖屏切换,不仅仅是一个分辨率适配的问题。若未加设计,横评后展示内容就少了,而上面介绍的很多设计原则,会和内容多少是有关系的。 16. 与用户的交互 a. 除非无法进行下去,否则尽量少用警告打扰用户;同样的,推送通知也尽量保证通知的信息价值含量。 b. 应用启动、网络连接带来的等待,可以加上背景、进度条、菊花转等,减少等待时间的感知。 c. 文案少用工程师语言。使用用户能理解、感受到被尊重的语言。 d. 尽量让用户浏览,少让用户文字输入。 e. 实时搜索(这里说的是google instant),对打字慢的人,是一个福音。但对打字快的人,很难说。 17. 花絮: a. 在《触动人心》这本书给了一个内容丰富同时又易于浏览的范例,《USA today》。说实话,真的和最近很高调的网易新闻app的界面好像啊。;D

0
《触动人心》的全部笔记 248篇
豆瓣
免费下载 iOS / Android 版客户端