小摘录

矜晏
2015-07-09 看过
第2章 移动战略
为了实现最高的用户性能,应该为每一种移动设备类型设计不同的体验:屏幕越小,功能就越少,设计也越简洁。
响应式设计(针对屏幕尺寸和屏幕方向自动优化网页布局)所适合的网站具有如下特点:移动用户对网站所有的功能和内容有着与桌面用户同等的需求。新闻或报纸网站最有代表性。
移动网站战略的另一个好处是能与整个web进行更好的集成。链接到一个网站比与第三方应用进行集成更容易。从长远来看,互联网会战胜那些小而封闭的体系。
移动一词基本等同于间断性使用。不过它和我们经常研究的网站内部临时性应用程序想比,的确意味着更高一层的用户忠诚度。
人类很擅长选择性注意,基本上,人们对于自己不太关注的事物都会当其不存在。
今天的移动用户高度依赖搜索,当不指定他们应该用哪个网站或应用是,他们第一时间就会求助于最爱的搜素引擎。

第3章 为小屏幕设计
在用户界面设计中,你绝对不能依赖于人们的短期记忆力。
在一个根据渐进式暴露设计的系统中,那些从一开始就存在的事物会让用户了解它们的重要性。用户从初始显示层渐进至第二显示层的方法必须是显而易见的。给按钮或链接加上标签,使用户能清楚地预判进入下一层后将会看到哪些内容。换句话说,渐进这一步骤应该带有强烈的信息气味。
移动端的杀手级应用就是用来打发时间的。

3.1案例研究:为移动使用优化屏幕
(1)减少功能。
作者署名:因为它们对读者选择文章没有帮助。
可选择的分类和标签:太小了不容易准确触到。另外“音乐”分类在流行音乐网站显得多余。
用于在适当位置显示摘要的三角形按钮:直接显示摘要
(2)加大触控目标。
整个文章块都能触控。
(3)用完整的大标题取代了被截取的大标题。
截取标题或产品名称从来都不是一个好主意,有时候还会引发严重的可用性问题。
(4)增强可扫视性。
通过加亮大标题中每位流行歌手的名字。
(5)提供更多的信息气味。
大标题下方增加一小段内容摘要。
(6)使用流行歌手的照片代替日期图标。
不仅增加视觉吸引力,还增强了可扫视性和信息气味。
(7)留出空间,能显示4个完整文章块而无需滚动页面。
(8)只将发表日期当做分隔符显示,用于分隔不同日期发表的文章。
对于一切多次重复显示相同信息的移动射击都应当质疑。
(9)增大导航栏里两个选项之间的距离以降低用户误触到另一个选项的可能性。
(10)给下拉菜单加上文字标签,而不是仅用三角形指代。

信息气味所揭示的最明显的设计原则就是,确保链接和分类描述清楚地告诉用户他们会在目的地找到什么。当用户面临多个导航选项时,最好能让他们清楚分别出除了某条路径有猎物外,其他所有的路径都没什么可吃的。
当用户深入网站后,每一张网页都应清楚地支出用户仍然处在通往食物的路径上。换句话说,要提供关于当前位置的信息反馈,以及它是如何关系到用户任务的。

所需测试:
以上述优化设计若为实际操作,下一步要进行用户测试。
新设计还存在若干有问题的元素,需要进行可用性调研以帮助解决。
※是否应该让每一个文章块更小,从而一屏能显示更多的文章?
※人们是否意识到顶部的日期条是它与下一个日期条(常位于一两屏之后)之间的所有文章的发表日期?
※是否能更好地撰写或裁切大标题、内容摘要和缩略图?人们选择文章阅读时是在寻找什么信息?内容可用性经常是网站是否能成功的最大的决定因素。
※大标题看上去能用手触控吗?它们看上去像是完整的条目,用户会知道自己可以通过点击标题进入对应的文章吗?
※分类菜单可用吗?是否应该换一个名称,或包含不同的菜单项?
※搜索功能容易发现吗?是否应该替换成搜索框,或增加“搜索”一词的对比度?
※将音乐团体的名称以暗红形式突出显示是对带来帮助还是使人困惑?
※我们在测试现有网站时是否忽略了什么?

3.4必须避免过早提出注册要求
移动应用的最重要原则之一就是要避免让用户在第一步就进行注册。
还未能证明自身起码的价值,就要求用户进行注册,这样做是错误的。

在无数的测试中我们都见到用户被可输入文本框所吸引。用户的行动欲望太强,许多人根本不会阅读文字或考虑屏幕中所有的选项,就直奔那些让他们可以“做点什么”的地方。
正在出色的用户体验不仅依靠出色的UI设计。整体的用户体验包括了用户遇到的所有事物,而你开展业务的方式是其中重要的一环。很多时候,业务模型对用户体验的影响是设计师无法补救的。

第4章 移动写作
无边框表格这种版式让用户难以将列表项和描述一一对应起来。

丢弃废话本。所以最好控制一下初稿里的宣传用语,专心回答以下两个问题。
是什么?(用户在本页中能找到些什么,也就是说,页面的功能是什么?)
为什么?(他们为什么要关注,也就是说,对他们有什么好处?)

可以依照重要程度或者使用频率来对长列表进行优先级排序,不应该默认使用不太好用的字母顺序排序法。

第5章 平板电脑和电子书阅读器
iPad中存在着一种阅读和触控间的非对称性,即满足阅读要求的足够大的文字对于触控而言还是太小。图像是iPad的一个优势。
iPad设计面临的三重威胁:功能不易发现,手势不易记忆,意外触发。
模拟印刷品的顺序导航是一种来自印刷品时代却在电子媒介里毫无意义的做法。在数字环境中,“下一篇文章”这种顺序概念经常是人为强加和约束用户的。人们宁愿从一张包含相关内容的菜单里选择自己想去哪里。
图像毫无意义——再漂亮的泡沫也还是泡沫。
欢迎页面不适合网站,也不适合应用,所以别用它们。
强烈建议不要使用启动声音。用户在启动一款应用时不会预料到能听见声音,而且他们经常身处不适合发出声音的场合。

页面滑块是一种少见的毫无用处的导航工具,它不提供可用内容的预览,而且要求用户的手指运动精确到像素级。虽然这个小工具在测试里完全没有帮上用户的忙,但一些用户却说他们喜欢这个东西。这个绝佳的例子再一次说明你不应该听用户说些什么,而应该观察他们做些什么。
人们深深迷失于这些杂志之中,任何一点导航帮助都像是一根救命稻草,哪怕它的用处其实并不大。用户不是设计师,他们不知道还有其他很多导航功能可以代替现有的。

第6章 展望未来
没有一种新媒体曾让老媒体彻底退出市场。
虽然许多任务会从桌面端转移到手机和平板电脑上,但是很大一部分仍然会留在桌面端。想要估算每一类设备能分到其中的几个百分点是一个困难的任务,但我们相当肯定,大多数的高价值任务几乎都会留在桌面端。因此,设备之间的价值分配比重更倾向于PC,而时间分配比重则越来越流向平板电脑和手机。

我们在跨媒体可用性领域的经验还不足以提供一张详尽的原则列表,来帮助你实现各平台相互衔接的UX。但是,我们知道在以下4个问题上作出正确的决定至关重要:
视觉连续性,功能连续性,数据连续性,内容连续性。
总结一下,跨平台UI应该是不同但相似的。


目录其实就是要点~复制过来备忘

第1章  我们的研究  1
1.1 日记式调研  2
1.2 可用性测试  3
1.3 用户定性研究  4
第2章  移动战略  7
2.1 不同类型移动设备的可用性各异  12
2.2 移动网站与完整版网站  14
2.2.1 移动优化的网站  16
2.2.2 为什么完整版网站不适合移动使用  17
2.2.3 移动端比桌面端要求更严格  20
2.2.4 响应式设计  21
2.2.5 可用性原则很少非黑即白  25
2.3 移动网站还是应用:战略变化即将来到  27
2.3.1 当前移动战略:应用最佳  27
2.3.2 未来移动战略:网站最佳  28
2.3.3 战略何时发生转变  32
2.4 移动应用  32
2.5 半速前进,但希望就在前方  35
第3章  为小屏幕设计  37
3.1 被浪费的移动空间  39
3.1.1 Chrome  43
3.1.2 重载命令与通用命令  49
3.1.3 案例研究:为移动使用优化屏幕  52
3.2 移动输入  59
3.3 下载时间  61
3.4 必须避免过早提出注册要求  63
3.5 案例研究:《华尔街日报》的移动应用  68
3.5.1 让人困惑的初始页面  68
3.5.2 给品牌蒙羞  70
3.5.3 一种更好的设计  71
3.5.4 一种新的《华尔街日报》应用工作流程  72
3.5.5 一年后的新版有进步  73
第4章  移动写作  77
4.1 移动内容的难度翻倍  78
4.2 有疑虑,就别放进去  83
4.2.1 填料=垃圾  83
4.2.2 老词汇是最好的  85
4.2.3 如何处理移动内容里的署名  87
4.3 将次级信息移至次级页面  89
4.3.1 范例1:移动优惠券  89
4.3.2 范例2:维基百科里的渐进式暴露  91
4.3.3 推迟信息显示=初始信息+阅读更多  92
4.4 迷你信息架构:设计内容的架构  95
4.4.1 线性分页通常不可取  95
4.4.2 避免按字母顺序排列  96
4.4.3 范例:关联使用习惯的结构  98
4.4.4 由使用习惯驱动的结构  100
第5章  平板电脑和电子书阅读器  101
5.1 iPad 的可用性  102
5.1.1 平板电脑是多人共用的设备  106
5.1.2 人们用iPad 做些什么  106
5.1.3 iPad 设计面临的三重威胁  107
5.1.4 不一致的交互设计  114
5.1.5 模拟印刷品  118
5.1.6 卡片大亨与神圣的卷轴师  120
5.1.7 快速滑动歧义  123
5.1.8 导航过多  124
5.1.9 欢迎页面和启动声音  129
5.1.10 屏幕显示方向  129
5.1.11 为了更好的iPad 用户体验  131
5.2 Kindle 可用性  132
5.2.1 Kindle:电子书阅读器  132
5.2.2 Kindle Fire 可用性  135
第6章  展望未来  141
6.1 为三类屏幕进行跨媒体设计  142
6.1.1 PC 仍将很重要  142
6.1.2 第三类屏幕:电视  143
6.1.3 跨媒体用户体验  143
6.2 超越平面世界  145
6.3 未来人人都是哈利·波特  147
6.3.1 下一代魔法  147
6.3.2 不要伤害麻瓜  148
附录A 一小段历史  149
0 有用
0 没用
贴心设计 贴心设计 7.9分

查看更多豆瓣高分好书

评论 0条

添加回应

贴心设计的更多书评

推荐贴心设计的豆列

了解更多图书信息

豆瓣
免费下载 iOS / Android 版客户端