CS巴别塔(1)

所有的触屏滑动手势都做错了

Posted in Uncategorized by Kenny Yuan on 2015/01/23

这次不是标题党,是他们真的都做错了

滑动返回、滑动删除这一类的横向滑动手势比想像中的难用,观察一下大量的非GEEK用户就能发现,这个手势的成功率很低。其实,哪怕GEEK们也不能保证每次滑动操作都成功,不信的话,你不经意地滑几次试试。

所以这里要重新叙述一下我的一个老观点:滑动的方向不应该由最初的几个触摸事件的运动方向来决定,而是应该学习用户的习惯来决定。说到实现的话,可以是观察用户习惯然后硬编码到源代码中,也可以用机器学习的方式。

具体举例来说,如果我想横向滑动,但不小心在最初的2毫米是斜向上45度的——于是,无论我后面的滑动操作横向滑了多远(比如5厘米),手势检测过程也会把这个识别成为竖向的滚动,而不是横向的滑动返回。

虽然这问题主要表现在横向滑动上,但其实不只是横向滑动有问题,是滑动的方向决策有问题。

所以,你是去反复教育用户去接受你的严格假定,还是去接受用户的输入同时改进一下手势识别的算法?

(不要跟我说实现有难度,本人程序员,并非可被随意忽悠的设计师。而且很多年前就已经实现过延迟决定滑动方向的手势检测状态机)

Tagged with: , ,

习惯养成

Posted in Uncategorized by Kenny Yuan on 2014/05/28

过去的网页都设计得挺干净。根据眼球跟踪仪统计显示,用户喜欢先看标题,就跟看报纸头条大标题似的。其实吧,这个习惯,哪怕没有仪器的统计数据,也容易猜得出来……

然后,banner广告把这地方占据了。

再然后,用户们就被训练得不看那个最显眼的、一定是广告的、叫做banner的东西了……

Banner这样的黄金地段失去了价值,逼着网站不得不开发新增长点。仔细想一想,用户喜欢看正文环绕的插图,这也是不用仪器的跟踪数据来证明就能想象得到。于是,插图式的广告就出现了

再于是,用户们就被训练得不看正文环绕的那个特显眼的方块了……哪怕你用#ff0000和#ffff00做背景色来交替闪也不行!

再后来微软的Windows/MSN Messenger开始流行,那个动画的小窗口,从屏幕右下角“长”出来,伴随着一声“咚”的声音,让人很难不注意它,不愧为一种提醒用户的好方式……然后,网站就在右下角弹小窗广告了(夸张一些的,在广告小窗上会给你一个关闭按钮,点了之后,还会先播放一个动画广告然后才缩起来——都不让用户完全关闭)

很快,用户们对这种动画弹小窗也开始麻木了……

形势很严峻,下一步要怎么往用户眼前塞他们不想看的东西?很自然地,有人想到了“新版”IE加了一个黄色的警告条,这个黄色的条还会闪一下蓝色……对!就是它了!又是一个用户会注意的地方……广告!广告!More广告!!!

于是用户们又开始对这个黄色的警告条免疫了……

……

有一天,我突然发现一些下载网站的诱骗链接/按钮都没有了,整个网页上下滚动了三遍,发现只有一个孤零零的、大大的绿色下载按钮,我却不敢点……

P.S. 观察某些移动APP用户,已经学会了新的习惯(“操作性条件反射”)——在移动APP中,所有弹出的非全屏界面,坚决不点那个显眼的彩色大按钮,专点小个的灰色按钮…………什么?你说按钮上面的文字?谁喜欢去仔细读啊……

Tagged with: ,

想象力和UX

Posted in Uncategorized by Kenny Yuan on 2014/05/23

人类的想象力往往没有那么强,了解一些历史的人,应该不会对这个结论感到意外。不多做说明和论证,上一个图。

高大上的智能手表

回到UX上来说,我认为这个结论仍然是成立的。于是就有了一个类似的判断:那些职业做UX咨询/设计的人,往往不能设计出超越技术限制的UX。

(在这里插个段子:有个朋友做UX/UI设计时,总要来咨询我,问“这样的功能做得到么”。有时候我会写一些简要的说明,给出程序实现的思路。为什么非要这样来问我呢?因为他们公司的程序员经常会用“这个在技术上办不到”来拒绝UI上的更改)

想要超越现有模式的UX革新,还是要靠技术帮来做领路人,影响力大的比如Douglas Engelbart,影响力小的比如Fingerworks。

无法超越技术限制的职业UX咨询师,一个很典型的例子就是Jakob Nielsen。

哪怕不是升级换代式的革新,仅仅是利用现有的技术,那些专做UX的职业人士的表现,也相当令人失望,比如在我看来,现有的touch HCI还远远没有开发出它的潜力,这个观点我也在多个不同场合表达过,也有相当多的具体例子可供说明。其实,这个情况是有解的,需要的是真正的合作,需要UX和Coding两方坐在一起,抛下一切固有的思维包袱的重新来过。

(上面段落中的最后一句,我没有强有力的证明。但是我曾经同时以两种身份,做过一些个人项目和研究,对这种模式的潜力有充分的信心)

Tagged with: ,

Lindsay’s Vocabulary Mar-10-2014

Posted in Uncategorized by Kenny Yuan on 2014/03/11

闺女一岁半不到,目前会200左右的词,大约还得有几十个没记下来的,估计以后会越来越少记录这个了,所以把平时记录的sort uniq一下,留作纪念

更新:又过了一个多月之后,词汇量大约在350~400之间,这个阶段学语言真是快啊。

更新:又过了一个月,现在有400多,不完整的列表已经记录了400多个词。这回真的停止记录了。

另:有朋友和同事,以及推友说,里面有些词他们不会。我估计,这应该是应试教育的英语和生活英语的区别吧🙂

1 Animal
2 Apple
3 Baboon
4 Baby
5 Back
6 Ball
7 Balloon
8 Banana
9 Bath
10 Bathroom
11 Beaker
12 Bear
13 Bed
14 Bee
15 Bin
16 Bird
17 Bite
18 Book
19 Boot
20 Bowl
21 Bread
22 Broken
23 Bubble
24 Bucket
25 Buckle
26 Bump head
27 Bunny
28 Bus
29 Cake
30 Car
31 Careful
32 Carrot
33 Cat
34 Chick
35 Clap your hand
36 Clock
37 Close
38 Come
39 Comfortable
40 Cookie
41 Cow
42 Cup
43 Daddy
44 Diaper
45 Dog
46 Dolphin
47 Door
48 Down
49 Drawer
50 Drop it
51 Duck
52 E – I – E – I – O
53 Ear
54 Earth
55 Egg
56 Elephant
57 Elmo
58 Elmo’s world
59 Eye
60 Fart
61 Feed the dog
62 Fish
63 Five
64 Flamingo
65 Food
66 Fork
67 Four
68 Fox
69 Freeze
70 Fridge
71 Frisbee
72 Giraffe
73 Girl
74 Go go go
75 Good night
76 Ground
77 Hair
78 Hand
79 Hand it over
80 Happy
81 High chair
82 Hole
83 Hop
84 Hotdog
85 Hungry
86 Ice
87 iPad
88 It’s not time
89 Ketchup
90 Key
91 Kiss
92 Knock down the tower
93 Let’s go
94 Lid
95 Lollipop
96 Lucy
97 Mango
98 Mat
99 Micky
100 Moon
101 More
102 Mouse
103 Mouth
104 Music
105 Neck
106 Needle
107 Next
108 Nose
109 One
110 Open
111 Out
112 Outside
113 Pacifier
114 Pack
115 Pad
116 Pants
117 Pear
118 Pee
119 Peel
120 Peeler
121 Pick it up
122 Pickle
123 Pillow
124 Pink
125 Please
126 Pocket
127 Poop
128 Price tag
129 Puppy
130 Purple
131 Push
132 Put it back
133 Put it down
134 Put it in
135 Put on
136 Quilt
137 Ready go
138 Remote
139 Rice
140 Right
141 Ring
142 Roar(lion)
143 Santa
144 Sauce
145 Sausage
146 Say
147 Seahorse
148 Shake
149 Shoes
150 Shovel
151 Sit
152 Sit down
153 Six
154 Soap
155 Socks
156 Spin
157 Spoon
158 Stack
159 Stand up
160 Star
161 Stomp your feet
162 Stop
163 Strawberry
164 Supermarket
165 Switch
166 T-shirt
167 Tail
168 Take it
169 Take off
170 Tangerine
171 Taxi
172 Thread
173 Three
174 Tissue
175 Tomato
176 Toothbrush
177 Tree
178 Truck
179 Tummy
180 Two
181 Umbrella
182 Up
183 Upside down
184 Video
185 Waffle
186 Wait
187 Walk
188 Wall
189 Warm
190 Wash your hand
191 Watch
192 Water
193 Watermelon
194 We will we will rock you
195 Wheel
196 Whole
197 Wipe
198 Woof
199 Work
200 Yellow
201 Yes/no
202 Yogurt
203 Yummy
204 Zebra





下面是400单词的版本


1 America
2 Animal
3 Apple
4 Apple tree farm
5 Arch
6 Around
7 Baboon
8 Baby
9 Back
10 Backpack
11 Bag
12 Ball
13 Balloon
14 Banana
15 Bang
16 Bath
17 Bathroom
18 Beverage
19 Beef
20 Beaker
21 Bear
22 Bed
23 Bee
24 Beginning
25 Big
26 Bin
27 Bird
28 Bite
29 Blow
30 Blue
31 Boiled egg
32 Bone
33 Book
34 Boots
35 Bottle
36 Bowl
37 Box
38 Bread
39 Broken
40 Brush
41 Bubble
42 Bucket
43 Buckle
44 Buick
45 Bump head
46 Bunny
47 Bus
48 Bus stop
49 Cabbage
50 Cake
51 Can
52 Canada
53 Candy
54 Car
55 Careful
56 Carrot
57 Carseat
58 Cat
59 Cave
60 Celery cabbage
61 Chameleon
62 Cheese
63 Cheesecake
64 Chevy
65 Chick
66 Chimp
67 Clap your hand
68 Clock
69 Close
70 Coin
71 Coke
72 Color
73 Come
74 Come on
75 Comfortable
76 Cook
77 Cookie
78 Cool
79 Cover
80 Couch
81 Cow
82 Crate
83 Crayon
84 Croissant
85 Cucumber
86 Cup
87 Daddy
88 Dance
89 Dark
90 Delivery
91 Dent
92 Diaper
93 Dig
94 Dinner
95 Dog
96 Dolphin
97 Door
98 Door bell
99 Dot
100 Down
101 Drape
102 Draw
103 Drawer
104 Drool
105 Drop it
106 Dry
107 Duck
108 Ear
109 Eat
110 Earth
111 Egg
112 Eggwhite
113 Elephant
114 Elevator
115 Elmo
116 Elmo’s world
117 Enough
118 Episode
119 Eye
120 Eyelash
121 Face
122 Fart
123 Fat
124 Feed the dog
125 Find
126 Fire truck
127 Fish
128 Five
129 Flamingo
130 Floor
131 Food
132 Ford
133 Fork
134 Four
135 Fox
136 Freeze
137 Friday
138 Fridge
139 Frisbee
140 Game
141 Garden
142 Giraffe
143 Girl
144 Good night
145 Gorillas
146 Grandma
147 Grandpa
148 Green
149 Gripy
150 Ground
151 Hair
152 Hand
153 Handbag
154 Hand it over
155 Happy
156 Have
157 Help
158 Hide
159 High chair
160 Hole
161 Home
162 Home made
163 Honda
164 Hop
165 Horse
166 Hotdog
167 Hug
168 Hungry
169 Ice
170 Ice cream
171 It’s not time
172 Jar
173 Juicy
174 Key
175 Kiss
176 Knock down the tower
177 Knock on the door
178 Ladybug
179 Later
180 Leash
181 Lemon
182 Let’s go
183 Lid
184 Light
185 Lock
186 Lollipop
187 Lucy
188 Luggage
189 Mango
190 Many
191 Mat
192 Mayonnaise
193 Meat
194 Mickey
195 Milk
196 Monday
197 Money
198 Moon
199 More
200 Mouse
201 Mouth
202 Music
203 Naked
204 Neck
205 Needle
206 Next
207 Night
208 No
209 Nose
210 Not
211 Note
212 Notebook
213 Off
214 Okay
215 On
216 One
217 Open
218 Orange
219 Out
220 Outside
221 Over
222 Pacifier
223 Pack
224 Page
225 Pants
226 Paper
227 Parking lot
228 Pat
229 Peacock
230 Pear
231 Pee
232 Peel
233 Peeler
234 Penguin
235 Permission
236 Photo
237 Piano
238 Pick it up
239 Pickle
240 Piece
241 Pillow
242 Pink
243 Play
244 Please
245 Plum
246 Pocket
247 Point
248 Police
249 Ponytail
250 Poop
251 Pork
252 Potato
253 Pour
254 Powder
255 Preserved
256 Price tag
257 Puff
258 Puppy
259 Purple
260 Push
261 Put it back
262 Put it down
263 Put it in
264 Put on
265 Quack
266 Quilt
267 Rain
268 Rabbit
269 Ready go
270 Real
271 Really
272 Recognize
273 Red
274 Remote
275 Rice
276 Right
277 Ring
278 Road
279 Roar(lion)
280 Rock
281 Round
282 Rubber band
283 Santa
284 Saturday
285 Sauce
286 Sausage
287 Say
288 Scary
289 Seahorse
290 Seal
291 Seal bag
292 Seat
293 See
294 Seek
295 Shadow
296 Shake
297 Shoes
298 Short
299 Shortalls
300 Shovel
301 Show
302 Shut
303 Sit
304 Sit down
305 Six
306 Sky
307 Sleep
308 Small
309 Sneaker
310 Soap
311 Socks
312 Sorry
313 Spin
314 Spoon
315 Stack
316 Stand up
317 Star
318 Starfish
319 Stomp your feet
320 Stool
321 Stop
322 Strawberry
323 Stroller
324 Subway
325 Suitcase
326 Sunday
327 Supermarket
328 Switch
329 T-shirt
330 Tail
331 Take it
332 Take off
333 Tall
334 Tangerine
335 Tank
336 Taxi
337 Tea
338 That
339 Thin
340 This
341 Thread
342 Three
343 Throw
344 Thursday
345 Time
346 Tired
347 Tissue
348 Tap
349 Tomato
350 Tomorrow
351 Tooth
352 Toothbrush
353 Toothpaste
354 Touch
355 Toyota
356 Treat
357 Tree
358 Triangle
359 Truck
360 Trumpet
361 Tuesday
362 Tummy
363 Turn
364 Turn on
365 Turn off
366 Turnstile
367 Turtle
368 Twin
369 Two
370 Umbrella
371 Under
372 Up
373 Upside down
374 Upsy-daisy
375 Vault
376 Video
377 Waffle
378 Wait
379 Wake
380 Walk
381 Warm
382 Wash your hand
383 Watch
384 Water
385 Watermelon
386 We will we will rock you
387 Wednesday
388 What
389 Wheel
390 Where
391 Who
392 Whole
393 Wipe
394 Woof
395 Work
396 Yeast
397 Yellow
398 Yes
399 Yogurt
400 Yolk
401 Yummy
402 Yucky
403 Zebra
404 iPad
405 iPhone

开喷现在所有流行的GUI(HCI)

Posted in Uncategorized by Kenny Yuan on 2014/03/05

这两天CTS犯了,手疼打不了多少字,先贴个草稿。回头再修订补充——只要还有这一段话贴在这里,这贴就算没有修订完毕。




PC和Mobile共有的问题


Chrome条占用太多空间

操作系统有一条或者两条Chrome,很多APP有上面一条和下面一条(甚至中间还会再有,如果是桌面系统,系统还要给APP添加至少一条),有时候左右也会出现Chrome条,APP内的内容(或浏览器内的网站)还有自己的Chrome条……屏幕空间就是这样被蚕食浪费的。
有些Chrome条所显示的信息和操作是十分必要的,但是并不一定非要用“条”的方式。特别是当你的平板横置、显示器为宽屏的时候。当然这需要打破现有的设计,从而也就需要更高的挑战。可惜多数系统和应用的设计和实现者,都是遵循“常规”、“传统”,在设计的时候就先入为主地一条接一条,把屏幕空间给分掉了(不相信的话,去看各种网站、APP的原始手绘稿,看他们的第一版是如何设计UI的)
http://www.nngroup.com/articles/browser-and-gui-chrome/

sketched_wireframes_9


让用户迁就系统,而不是系统迁就用户

举几个小例子:
系统想问用户一个问题,比如“是不是允许当前APP访问联系人”,那用户就必须要现在回答。否则就什么也做不了,连那个随时可以退出APP的HOME键都不管用了。
系统电量低,需要报警。用户把充电器插上,一直充到100%。然后再解锁设备,系统仍然执着地报告电量低。


至少有50年历史的HCI定律到现在还被处处违反

比如最简单的Fitts’ Law,就是一个如何让用户的鼠标或手指少跑路的问题,到现在也没有看到好的解决方案。用户的手指或者鼠标得需要在屏幕上面左右上下来回翻飞——你说我就想清空个回收站,为什么非要把鼠标挪到屏幕中心去点那个OK?拜托!我的屏幕有30寸呢!中间那个小小的对话框太遥远了。


经常不支持直觉操作

举个例子吧:我想关闭屏幕上的软键盘,应该怎么操作?
——右上角带有叉子按钮的可以点这个按钮;右下角有收回键盘按键的,可以点那个按键。可问题是,你考虑到用户的直觉了没有?
如果我说某种东西是直觉,作为使用过各种UI很多很多年的你和我,可能意见会不一致。那么去观察下一岁的婴儿和没接触过触屏的老人,就会发现:软键盘从下方弹出来,他们常常会有的直觉反应是反着把它滑回去。可惜这个操作没有任何系统支持。所以他们会感到迷惑,然后想办法解决,或者求助。最后就接受了非直觉操作的洗脑,开始用点击来关闭软键盘了。
iPad支持双手“撕”开键盘成为两块,这个有不少人觉得挺好。那为什么沿着软键盘弹出的相反方向,把键盘滑动回去,反倒没有支持?
如果有人仍然不同意我,请想一想下拉的通知中心是用什么方式收回去的?iOS的上滑的控制中心,是用什么方式收起来的?

这些“不支持的直觉操作”,存在于各种地方。如果你发现不了,只能说你用现在这种水平的UI用得太久了,形成了习惯了。


剪切板没有任何可见的提示

相比于拖动,剪切板有独特的优势:可以把操作拆分成阶段,并且可以一次COPY,多次PASTE。
但是,因为剪切板没有任何可见的提示,用户会对以下问题感觉困惑:

  • 我这一次CUT/COPY操作是否成功了?
  • 现在剪切板里有东西么?如果有,是什么样的?
  • 现在剪切板里的东西能用在哪些目标程序中?

其实,剪切板内容可视化不仅仅是可能的,而且还是可以做到很优雅、实用的(比如方便地使用、管理剪切板历史条目,没有可视化就很难做)。


App是一个独立王国


“我可以给你想要的,但必须按我的方式来”



Mobile独有的


在触摸前没有跟踪


触摸事件没有直接反馈


所有APP全是全屏APP,有时候APP需要想办法来填满大屏幕

一个时钟APP,真有必要占满整个平板的屏幕么?
一个计算器APP,真有必要占满整个平板的屏幕么?
一个词典APP,真有必要占满整个平板的屏幕么?
目前有分屏的系统,虽然有一定的装机量(比如三星的NOTE),但还不是太主流。而且,目前可用到的分屏方式也很原始。


主屏图标只能用来启动APP,一般还只能启动到APP的主界面。

有时候启动APP后可以自动找到上次退出时候的位置和状态。但这也并不代表就是用户想要的。比如一个TWITTER图标,点了它就只能启动APP,如果用户启动TWITTER APP只是想来发一条TWEET,那就需要再点一次NEW TWEET按钮。如果APP可以记住上次退出时候的状态,比如某个人的首页,那么APP启动后还要花时候装进来这个人的页面。在用户仅仅想进来发推的时候,这种“智能”反倒更加阻塞了用户想做的操作。
在通知中心发送TWEET或许可以解决TWITTER的问题,但明显这只是一个临时的HACK,不是一个通用解决方案。


APP只能有一个运行界面

这个和APP全屏有关。如果是非全屏,就必须要解决这个问题了。


主屏图标只能有一种数字BADGE

除此之外,主屏图标就再没有能和用户主动交流的手段了。


APP启动只能死等

这个问题跟APP全屏有关。如果不是全屏的APP,那么用户还可以看到和操作系统或其它的APP,这可以在很大程度上缓解等待APP启动时的焦急心理。


只为单手优化

比如iPhone,基本上可以认为是需要用左手握持的。


遍地列表

列表是给懒惰不负责任的开发者准备的。明明有很好的办法展示信息,却不肯下功夫去做,非要使用落后的官方控件。
列表把有用的信息都藏起来了,让人不得不一次一次点击打开新界面,然后再不停地回到上一级界面。这就是所谓的hierarchical browsing,信息密度太低,可用性太差。一个看起来很明显的例子:https://twitter.com/lukew/status/471681632039342081



从手机向平板移植操作系统

在手机上,如果你把弹出的MessageBox放在屏幕中心,其它区域规定为死区不可操作,然后还给MessageBox限定大小,这倒也有情可原。但是你的平板有10寸那么大,弹出的MessageBox还是比火柴盒要小,MessageBox中的文字还需要我滚动才能看完,这算怎么回事?另外你知道我的手从边缘往屏幕中心移动有多么不方便么?(道理和前面的“回收站删除确认非要显示在屏幕中间”的例子相同)



PC独有的


简单粗暴的窗口最大化


拖动困难

  • 拖动的目标难于找到(被遮盖或最小化了)
  • 拖动过程不能中途休息
  • 拖动过程容易被打断
  • 拖动距离往往很远。单独这一条不算太过分,但是有前面几条问题之后,距离太远就成了问题了



P.S. 本文就纯开喷,不提供解决方案(当然这并不代表没有)。许多问题已经在各种探索中解决了,或者尝试解决过。于是为什么没有流行,那就不是简单的“好”与“坏”的问题了。

P.P.S. 如果有人原先不知道解决方案,又迫切地想从我这里知道,那我是不是可以考虑收点咨询费?比如五毛钱一小时?这价钱算公道不?要不我也赶个时髦收BTC好了?¥0.5值多少BTC来着?












观察一岁小朋友使用平板

Posted in Uncategorized by Kenny Yuan on 2014/01/27

女儿现在16个月大,她从7、8个月大的时候开始接触iPad,现在可以熟练使用iPad放little fox视频,摆弄一些app(如wooden clock/solar system),会用iPhone的QQ音乐听歌。

下面是我观察到的一些值得记录的地方

  1. iOS7的解锁不如iOS6的滑动解锁明显,升级后很长一段时间她不会解锁:iOS7的锁屏可以向左滑动再弹回,这个提示有时候会导致歧义,女儿会再次尝试向左滑动,发现还是弹回,于是最终就换手向另一边滑动解锁了。iOS6中的那种解锁就没这种问题。iOS7锁屏也会有不少误解锁的情况。因为我有一个iPad升级到iOS7,另一个没有升级,所以这个区别非常明显。
    Win8的解锁比iOS6的提示更容易懂,第一次看见,点了一下之后,马上就明白如何使用了。
  2. 发现任何不明白的状况就会尝试按HOME键回到主屏。一个推论就是,如果某个对话框弹出来了,非要用户回答YES和NO,这时候阻止HOME按钮起作用不是个好的策略
  3. 某个大型的东西(如软键盘)滑动弹出的时候,第一反应是反方向滑动手指把它关闭。比如iOS6以前的版本,全局搜索位于主屏左侧,如果用HOME键呼出的话,可以用手指反方向滑回去。但是软键盘不行,它自动滑出来的时候,不支持反向滑动关闭。
  4. 应用启动的等待时间超过2秒钟会不耐烦,这时候按HOME键还不是不管用,需要很长的延迟才能回主屏。iOS7在应用启动的时候按HOME键还会出现BUG:有时候应用会自己再次弹出来。
  5. 用“旋转一个小菊花”来表示等待太不明显了,很容易被忽略。
  6. TAP动作很难做到清晰准确无拖动。女儿的应对策略是多次重复点击,等界面有变化了之后再抬起手来。
  7. 手指误触不仅发生在边缘,而是整个屏幕到处都有。
  8. 双指放大缩小是个很难学习的手势,且不符合直觉(对老年人的观察给出了同样的结果。大约四、五年前对普通成年手机用户的观察是:双指缩放很难自主学会,但看到别人用一次就能理解,几次尝试后就能掌握,很难忘掉)
  9. 系统死机/重启(仅发生在iOS7)时的突然黑屏是一个很明确的提示,很容易让人意识到发生了严重故障,需要更多的等待。女儿对视频卡住或者应用启动慢会表现出不耐烦,但对黑屏的容忍度较高。
  10. 口水滴到屏幕上会使整个屏幕失灵,或者出现触屏BUG:很多无中生有的假触点,高频率反复点击。
  11. 拟物化的图标很容易识别和归类。比如女儿会对主屏的时钟喊“clock”,还会对WIN8 21″平板desktop上的空回收站喊“没有/empty”,虽然家里的垃圾筒没有一个长得和它一样。
  12. 先想到这么多,以后再慢慢补充。
  13. 补充:自动屏幕旋转导致困惑,多数时候都是锁住屏幕方向使用的。
  14. 补充:放视频时在屏幕上滑动就能调整音量和进度这样的手势非常容易误操作,而且早期这些功能都没什么可见的提示。现在有了提示,但是不太清晰。这种误操作还不能取消。
  15. 补充:虽然拟物化有助于认知,但图标这东西,并不一定非得要有什么含义。比如用三角来代表播放视频,用实心圆形中的X来代表关闭乱弹的广告,这些东西都不是什么生活经验,但是女儿对它们适应得很好。
  16. 补充:探索未知时,使用的是“观察” & “试探 + 二次观察”方式,摇手机(或摇平板)不是天生就会的技能。摇手机摇平板只发生在特别高兴想跟着音乐节奏舞动的时候,或者生气的时候(摔打)。在对成年人和老年人的观察中,从没发现主动想要摇手机(平板)的情况。
  17. 补充:一开始的时候,和玩其它玩具一样,女儿会尝试使用多指+手掌来交互;但在屡次失败之后,学习大人开始使用一只手指来操作。从这个角度来说,触摸屏APP扼杀了天性,以它本身的设计限制,反过来培养用户的使用习惯。
  18. 补充:切换照片时,向右滑动用右手,向左滑动用左手。起始位置是屏幕的中间,有时候会更接近屏幕边缘
  19. 补充:前面说过启动速度太慢了会等不及去按HOME键。但忘了说这样的现象:因为启动太慢所以去按HOME键了,然后因为还想要打开这个应用,所以又去按了图标,然后发现还是太慢,于是又去按HOME键。iOS做得还可以,这样折腾几次竟然还能启动。
  20. 补充:前面说过点X关广告。在iOS上关广告关多了,用WIN8平板的时候,直接就会去关窗口右上角的红色关闭按钮了。但是双击打开这个概念她还没有建立,不过这并不影响她打开视频播放,因为她的点击策略一直是“频繁点击多次直到有显著的界面变化”。
  21. 补充:刚刚想去教女儿pinch/spread zoom手势。我费劲儿演示了半天,然后问她:do you wanna zoom in the cat picture? 她看了我一眼,然后用食指对着要放大的猫点了几下,于是图片就自动放大了——这个故事告诉我们一个道理:双击放大不可废啊……不可废

论动画的设计

Posted in Uncategorized by Kenny Yuan on 2014/01/08

标题仍然是开了一个小玩笑,不过倒也不是瞎说。

这年头大家都在乎动画了,大约能总结以下几点:

1、样式是不是好看;

2、效果是不是让人感觉舒适、愉悦(最好不要带来任何不适感);

3、总量的控制,不要给“正事儿”捣乱;

4、要有一个统一合理的隐喻;

然后下面呢,就是我的私货了,也是我一直想推广的理念(可惜没有人买帐啊)。

A、动画不能是“死”的。不能一播放就变成了“开弓没有回头箭”,比如iPhone屏幕要休眠了,会有一个变黑的动画,大约1秒多吧,如果用户发现了,想打断这个过程,会去屏幕上点点划划想“挽救”,但现在的设计是不管用户输入的,必定要去休眠——“朕意已决,无需多言”。

另一个例子是弹出的对话框,这个动画很慢,在动画还没结束的时候,反应快的用户基本上已经知道要去点哪个按钮了(人类强大的模式识别能力),但是动画中的元素是“死”的,那些按钮是不能点击的,于是用户会感觉明明点击了,但是没有效果(微吃是一个Usability问题)。

再举一个电子书翻页的例子,多数电子书阅读器的翻页动画是必须要看的,不看完动画不能翻下一页(或上一页)……说到这里,你可以感受一下想连续翻10页,或者翻错了一页想快速翻回去时的心情……

B、动画不能是单模式的。单模式动画会让人感觉很过时,很不“怀申”。单模式的例子:整个动画的画面一起滚动/平移,整个动画的画面整体缩放。更好的动画的必要条件是组成元素的运动轨迹并不一致但又有规律可循(分不清必要条件和充分条件的请优雅地transform and roll out)。

C、不能带来illusion。这其实是一个底线,但常常会被打破。有些是设计上的问题,比如我原来提到过的虚拟键盘设计造成了Hermann grid illusion。其实实体键盘也有,比如苹果家的银底黑键帽。或者设计没有严重问题,是动画本身的illusion,比如有一个大面积的网格对象在滚动,如果它的网格元素的个体识别度不高,又赶上了驻波,就会造成反方向倒退的假像(想想电影中的车轮)。

(未完待续)

P.S. 说“未完待续”有点儿显得自己还没想好似的,我还是试着说一句“临时有事,回头再接着整理贴上来”吧,这样显得自己准备充足,嘻嘻……

Tagged with: , ,

Twitter风格

Posted in Uncategorized by Kenny Yuan on 2013/12/31

你本来只是喜欢知识,但不知不觉中就对书这种介质产生了不可割舍的情结;你本来只是喜欢电子产品带来的功能,但不知不觉中就对电子产品本身和品牌产生了眷恋……人类的本能性思维模式的确很难战胜:我敢肯定有些被此推“冒犯”到的人会打算立即矢口否认,还会下意识思索如何才能讽刺挖苦一下我这个作者

Tagged with:

允许我跑个题——给新手父母的箴言

Posted in Uncategorized by Kenny Yuan on 2013/12/29
总的来说其实就是一句话:不信中医和伪科学,安全又省钱
 

怀孕时

 
不怕吃螃蟹,不怕钉钉子,不怕用剪刀,不怕吃驴肉,不怕吃兔肉
不用买防辐射服
正常使用手机、电脑,不关WIFI热点
不乱服补药、中药
不保胎
不把宠物狗踢出家门
不查ABO溶血
不胎教
 
 

生产后

 
不做月子,于是就不担心感染和并发症(比如静脉血栓)。
正常吃水果、蔬菜和盐,正常喝水,洗澡刷牙开窗吹空调剪指甲,下床运动爬楼梯
不喝催奶汤
不吃中药产后康,生化汤
不喝米酒水(月子水)
不吃米酒调生鸡蛋
不喝红糖水
不挑马牙
不管螳螂嘴
不捆蜡烛包
不把母乳往婴儿眼里挤
不服中药,于是就不用担心汞、砷中毒
不喝人参水,不用担心猝死
不喝葡萄糖水
不喝甘草水
不剃头
不用枕头防侧睡,于是就不用担心SIDS
不测微量元素(比如常见的剪头发、扎指尖血测量法)
不查视力
不补钙
不测骨密度
不测母乳成分
不套脖圈游泳
不喝浆糊
不喝蜂蜜
不用杜曼闪卡
不早教,不背古诗,不"开发右脑"
添辅食前不喝蔬菜汁,不喝果汁,不喝米汤
辅食里加肉
不穿开裆裤
不把尿、把屎
放心使用纸尿片
按温度增减衣服,不捂
正常照镜子
晚上正常出门,不怕撞鬼
使用安抚奶嘴
不用学步车、学步产品
出生就开始用安全睡篮,座椅。坐车必用
睡婴儿床
黄疸时绝不碰中药茵栀黄
女婴不挤乳房
不查过敏源
不去体检评上中下
不担心上火
不止咳
不吃感冒药
不用红药水,紫药水
不摇婴儿
 
 
 
 

进步的时代

Posted in Uncategorized by Kenny Yuan on 2013/12/29

写太多的tweets,都不会写长文章了

上世纪80年代的时候我正在读小学,当时社会上对戴眼镜的人很歧视,各种嘲笑。但凡小孩子爱看个书什么的,家长就如临大敌,生怕把眼睛用坏了,这辈子就完了,这种情形,就跟90年代的家长防小孩子去游戏厅、2000年代的家长防孩子去网吧、2010年代的家长防孩子用手机平板一样。不知道未来的家长会防孩子做什么?

有一个被广泛引用的研究,其结论中有这样一条:如果让婴儿看电视若干小时,到7岁的时候认知能力等会差于其他的孩子。我想这个结论,应该是家长们特别喜欢去相信的,对吧?但是那个研究并不只有一个结论,另外一个是这样写的:如果这些时间用来玩电子游戏,则观察不到有任何影响——这第二条结论,家长们还会愿意去相信么?

对了,我今天看到这样一个图片:

图像

(近似地)翻译一下——

1815年的一个校长说:这年头的学生们太依赖纸张了。他们都不懂如何能在石板上写字又不弄自己一身灰。他们也不会正确地擦石板。如果纸用光的时候他们该怎么办呢?

Tagged with: