OrangeCLK对《触类旁通》的笔记(23)

触类旁通
  • 书名: 触类旁通
  • 作者: [美] Josh Clark
  • 副标题: 多终端时代的触屏界面设计
  • 页数: 200
  • 出版社: 电子工业出版社
  • 出版年: 2017-4
  • 第4页
    手机无疑是我们在日常生活当中打交道最多的触屏设备。据统计,在我们每天醒着的时间中有20%是对着这块小屏幕的,我们平均每天打开屏幕的次数有221次之多(http://bkapart.com/dft/01-02)。
    2017-06-19 10:52:11 回应
  • 第5页
    Hoober发现,虽然单手持机操作的人当中有90%是右手习惯,但实际上使用右手持机的人只占单手持机总人数的66%左右,这就意味着有很多人通过非惯用手操作手机,而惯用手则忙于其他事务,例如写字、泡咖啡、抱孩子,或是捧着一本关于触屏界面设计的书。
    2017-06-19 10:54:42 回应
  • 第5页
    对手机来说,75%的触屏交互行为是由拇指驱动的。
    2017-06-19 10:56:13 回应
  • 第11页
    不过,根据Hoober和Shank的研究,人们在更多的时候是坐着使用平板电脑的,其比例达到88%,而坐着使用手机的比例只有19%。
    2017-06-20 09:31:49 回应
  • 第14页
    透过触屏,原本冷冰冰的数字化界面仿佛变成了有着温度与情感的实体。

    触摸屏比鼠标更自然,更不抽象。鼠标对键盘也是如此。

    2017-06-20 09:34:27 回应
  • 第17页
    将一些相对敏感的交互元素,例如可能会对数据内容产生变更的功能控件,放置在热区以外,通过不便来换取安全。要记得,界面的布局方式不仅要满足高频操作对便捷性的需求,也要对那些可能造成破坏性后果的误操作进行防御。
    2017-06-20 09:36:41 回应
  • 第18页
    其实,过去数字界面的设计师无需过多担心这方面的问题,尤其是在桌面设备中,我们通常采用的方式正好相反,即工具、菜单或导航控件位于界面顶部,而用于呈现内容的区域则位于其下方。

    我认为这和人类的阅读习惯有关,人们从左到右、从上到下阅读内容,所以把导航放在左上角对人类来说会更好。

    但是开始菜单和Dock却在屏幕下方。我仔细想了想,这两个设计的效能其实是比较低的。我猜测这可能是无奈之举。菜单栏和标题栏已经占据了上部,在屏幕尚小的年代,就只有下部空间可以再放一个系统级导航了。MacOS做得更好一些,左上角也提供导航功能。

    但我不确定这样的猜测是否正确,欢迎大家移步知乎为我解答:https://www.zhihu.com/question/61355777

    2017-06-21 10:35:56 回应
  • 第68页
    完成任务的过程涉及的界面数量越少,效率就越高。当一个界面仅仅聚焦在少量的关键任务或内容上的时候,人们就可以更加快速地理解并掌握操作方法,而且,在同一个界面中完成任务所花费的时间通常也少于跨界面任务流程。

    感觉这里可能有翻译问题,开头可能是“完成任务的过程涉及的界面操作量越小,效率就越高”。

    2017-06-21 10:44:12 回应
  • 第71页
    “渐进呈现”的本质是以牺牲信息密度来换取易读性,所以,要想获取更加详尽的信息,就必须付出额外的交互成本。

    看密度怎么定义。密度不一定被牺牲,说不定还提高了。因为一篇长文对于用户来说可能是信息密度很低的,因为其中大部分信息对用户都没有意义。但是精当的标题和导语密度反而就高了,如果用户需要详情,他可以自己在探索。

    界面同理。密度和易读性是正相关的,我看的东西密度越高、效率越高,对我而言就越易读。

    所谓“难读”,就是我要花一大堆精力去寻找有用的信息,这样就会很累很难读。

    2017-06-21 10:50:37 1人喜欢 回应
  • 第76页
    轮播模式在本质上与我们希望打造高效界面的初衷相悖。假设一个新闻类产品通过轮播呈现10条热点内容,如果要定位到第10条,需要执行9次交互动作,而一个用于传播重要信息的产品不该将任何关键内容藏匿得如此之深。此外,如果轮播内容之间缺乏明显的逻辑关联,人们更是难以对其所展示的信息类型进行预判,必须依靠不断的浏览才能产生认知,耐心很快会耗尽。 一项研究(http://bkaprt.com/dft/03-03/)表明,网站首页轮播中的点击量有84%生产在第一幅内容上,其余内容所吸引的关注及访问少得可怜。Nielsen Norman Group的《自动轮播及折叠模式会干扰用户并降到底内容可见性》(Auto-Forwarding Carousels Accordions Annoy Users and Reduce Visibility,http://bkaprt.com/dft/03-04/),以及约克大学数字营销团队博客的《首页轮播是行之有效的模式吗》(Are Homepage Carousels Effective,http://bkaprt.com/dft/03-05/)等文章,都对这种情况进行了详细的分析。总该有些更好的方法帮助我们在首页重要位置展示内容才对。 自动轮播如何?如果人们不愿意手动浏览,那么自动切换轮播内容就可以解决问题了吧!太乐观了。别以为人们愿意呆坐在那里等着轮播图片一幅幅自动切换——特别是在移动情境中。实际上,这种思路本身就意味着设计师把本该由自己承担的思考与决策的责任转嫁到了用户身上。 “编辑精选”。理论上讲,轮播中的所有内容都拥有相同的权重,用户不必挑选第一、第二、第三,这里的内容都是精华,但实际情况却不是这样。正如前面提到的,绝大多数用户确实只会点击默认位于首位的内容,只有产品设计者本人才会认为所有的内容都能获取相同的关注度。与其这样,不如直接提供一个优先级最高的“编辑精选”内容,同时让用户能够轻松触及那些相对次要的内容。
    2017-06-22 09:38:39 回应
<前页 1 2 3 后页>

OrangeCLK的其他笔记  · · · · · ·  ( 全部700条 )

恶意
1
漂亮朋友
1
重塑
3
解忧杂货店
2
遗失在西方的中国史
17
人工智能简史
10
点石成金
1
人类的群星闪耀时
13
今天也要好好吃饭
7
从点子到产品
2
千年一叹
4
洛丽塔
3
寻味
9
Quirkology
8
基督山伯爵
15
统计推断
1
统计学习基础
1
闲情偶寄
26
Practical Vim
2
批评官员的尺度
41
万历十五年(增订本)
29
旧制度与大革命
4
Learning Python
3
具体数学(英文版第2版)
22
高老头
8
亚理斯多德《诗学》《修辞学》
24
算法设计
5
The Language of New Media
23
笑傲江湖
5
Effective Java
15
Spring实战(第4版)
2
Java编程思想
5
Java Persistence with Hibernate
1
论美国的民主
77
荒原狼
3
Understanding Media
7
设计模式
1
Spring in Action (In Action series)
1
浪潮之巅
8
唐诗三百首
1
资治通鉴
7
中国的经济制度
1
东晋门阀政治
13
博物志(外七种)
7
知识产权法教程
16
欧债危机
5
离散数学
14
全球新闻传播史(第二版)
5
Node.js开发指南
1
Fifty Challenging Problems in Probability with Solutions
14
Red Hat Linux用户基础
24
Red Hat Enterprise Linux系统管理
17
Pro Git
5
安珀志4:奥伯龙之手
1
时间简史
1
悲惨世界(全三册)
1
老子今注今译
10
不能承受的生命之轻
6
人间词话七讲
8
文心雕龙.人间词话
5
明朝那些事儿(柒)
1
明朝那些事儿(陆)
1
蔡康永的說話之道
4
經濟學家給孩子的28封信
6
关于他人的痛苦
12
局外人
1
史记(全十册)
2
Harry Potter and the Sorcerer's Stone
1
枪与玫瑰的使用方法
9
嫌疑人X的献身
4
社会主义体制
1
像我这样笨拙地生活
3
历史的惯性
5
国际关系分析
7
Elements of Information Theory
2
爱的算法
3
Alice's Adventures in Wonderland & Through the Looking-Glass
1
神雕侠侣
3
Pattern Classification
1
中国历代政治得失
3
射雕英雄传(全四册)
18
我与地坛
6
格林童话(上下)
2
城南旧事
1
新媒体导论
1
1988:我想和这个世界谈谈
1
中国的逻辑
4
平凡的世界(全三部)
2