能夠考0份的人,一定是有考100分的實(shí)力,因為他竟然能夠巧妙的繞過(guò)所有正確的答案,而那些難以實(shí)現的交互方式背后一定也有其可借鑒之道。
今天看到了一些很困難很困難的交互方式。都是在Reddit上看到的,Reddit是一個(gè)很神奇的網(wǎng)站,上面有著(zhù)各種前沿同時(shí)無(wú)聊的人士分享自己的見(jiàn)解。我看到的兩種都是他們想出來(lái)的,一個(gè)是:怎么最困難地輸入一串號碼,另一個(gè)是:怎么樣設計一個(gè)最難用的音量按鈕。
聽(tīng)過(guò)一句話(huà),能考零分的人,一定是有考100分的實(shí)力,因為他竟能巧妙地繞過(guò)所有正確的部分。所以當我看到這些困難的交互方式之后,我覺(jué)得,設計它們的人一定深諳其道。
而如果能懂得這些極端的交互,學(xué)會(huì )理解它們并嘗試避免,應該也對正確的道路有更大的幫助吧。
用最困難的方法輸入一串電話(huà)號碼
1)鼠標位置法
鼠標移動(dòng)的位置代表了電話(huà)的號碼。鼠標不斷移動(dòng),電話(huà)號碼也隨機進(jìn)行變化。
?。ㄊ褂檬髽丝刂频碾娫?huà)號碼輸入)
2)逐漸移動(dòng)法
一個(gè)一個(gè)號碼逐漸增加,直到加到自己想要的號碼為止。
?。ㄊ褂冒粹o控制號碼輸入)
3)慢慢選擇法
通過(guò)下拉列表選擇自己需要的電話(huà)號碼(幸虧還分了三個(gè)小組)。
?。ㄊ褂孟吕蜻x擇)
4)老虎機法
像是老虎機一樣,每個(gè)數字都在不斷地變化。點(diǎn)擊按鈕就會(huì )把數字確定下來(lái)。
?。▎蝹€(gè)號碼隨機輸入)
難用的音量按鈕
raddit是一個(gè)有著(zhù)各種奇怪技術(shù)帖子的網(wǎng)站,我有時(shí)候也會(huì )去看一下。最近看到一群清閑的程序員發(fā)起了一個(gè)活動(dòng):設計最難用的音量按鈕。
1)沙漏法
沙漏的綠色的多少代表了音量的大小,綠色越多,音量越大。
?。ㄍㄟ^(guò)沙漏調整音量)
2)通感法
顏色與音量的……結合。點(diǎn)擊帶顏色音量條,就會(huì )自動(dòng)變幻出不同的音量。
?。ㄍㄟ^(guò)顏色展示的音量)
3)鼓勵運動(dòng)法
這張圖上寫(xiě)著(zhù),如果你想要調整音量大小的話(huà),方法很簡(jiǎn)單,就是把你的耳朵靠近音響一點(diǎn)點(diǎn)。
?。ㄍㄟ^(guò)文字與標識提醒)
4)長(cháng)期涂抹法
通過(guò)面積與涂抹來(lái)展示音量的大小。黑色面積越多,音量越大。
?。ㄍㄟ^(guò)涂抹變換音量)
5)物理慣性法
通過(guò)鼠標移動(dòng)三瓣齒輪,利用齒輪移動(dòng)的物理慣性控制音量。
?。◣в腥挲X輪的音量)
6)打氣法
通過(guò)不斷點(diǎn)擊按鈕,就可以不斷把音量的滑塊往上推動(dòng)。
?。ú粩帱c(diǎn)擊的音量)
7)重力飛行法
這個(gè)是打氣法的改良版,換成小鳥(niǎo),就成了flappy bird,成為一款永遠在飛行不停歇的音量。(個(gè)人覺(jué)得如果小鳥(niǎo)再多一點(diǎn)表情,可以更增加趣味性)
(通過(guò)點(diǎn)擊控制小鳥(niǎo)升降)
8)平衡杠桿法
右邊滑塊用于控制左邊棍子的傾斜,從而使得滑塊隨著(zhù)棍子移動(dòng)。
?。ɑ瑒?dòng)滑塊控制平衡)
9)游戲通關(guān)法
通過(guò)射擊游戲積攢分數,獲得音量。
?。ㄉ鋼粲螒蛘{整音量)
10)曲線(xiàn)法
在我的印象里,滑塊一定是固定直線(xiàn)運動(dòng)的,誰(shuí)想到它居然還有離開(kāi)直線(xiàn)的那一天呢。一旦離開(kāi),整個(gè)音量按鈕就失靈,顯示錯誤。
?。〞?huì )偏離正軌的音量按鈕)
11)六合彩法
轉動(dòng)轉盤(pán),轉到哪個(gè)音量就是哪個(gè)了吧!
?。ㄊ褂没喺{整音量)
12)下拉菜單法
0還是1,一步一個(gè)腳印,慢慢調就總會(huì )出來(lái)的。使用下拉按鈕,一格一格地調整音量。
?。ㄊ褂孟吕粹o的音量調節)
小結
這些設計為什么可以這么難用呢?這邊列了一張表:
?。y用交互特征表)
發(fā)現如果需要一個(gè)交互很難用,有以下幾個(gè)要點(diǎn):
1)隨機
這個(gè)操作是隨機的,是用戶(hù)不可預期的,用戶(hù)沒(méi)有百分之百的把握去完成一個(gè)操作。這時(shí)用戶(hù)便會(huì )失去對整個(gè)系統的掌控感。
2)低效率
跟隨機相比,低效率的操作還是在用戶(hù)預期之內的,可是操作起來(lái)步驟很多,使得用戶(hù)失去操作的耐心。
3)不穩定
波動(dòng),不安分。即使這一秒的操作正確,下一秒還是有可能出錯。低效率帶來(lái)的是時(shí)間的花費,但是一旦完成,還是很有成就感的,像拼拼圖一樣。但是如果整個(gè)系統都處于不穩定狀態(tài),這一秒做完的事情,下一秒就馬上被推翻,需要重來(lái),這該是多么令人扼腕。
設計一個(gè)難用的設計,只要滿(mǎn)足以上任意一條應該就好了。
但,要設計一個(gè)很好用的設計,就必須盡量避免以上所有。
設計有時(shí)候需要統一的規范,但是有時(shí)候規范多了,感覺(jué)就會(huì )處于一個(gè)安全圈里面,很難出來(lái),所以有時(shí)候感覺(jué)很需要一些奇怪的東西來(lái)填補,今日看到這些無(wú)所忌憚的設計,覺(jué)得真的是需要好好收集。
以前看過(guò)一部書(shū)改編的電影,里面介紹了未來(lái)世界的人類(lèi),他們的手腳都進(jìn)化得很短很短,接近于退化,因為世界已經(jīng)進(jìn)步到不再需要他們去做任何事情,食物會(huì )送到嘴邊,交通也可以精確到家門(mén)口。我其實(shí)覺(jué)得交互也是在這樣發(fā)展,變得越來(lái)越簡(jiǎn)單,越來(lái)越方便,但簡(jiǎn)單到最后,一百年后,一千年后,是否也會(huì )如那電影里面一般。
所以雖然總想把設計做得很流暢,卻有時(shí)候也感覺(jué),用戶(hù)操作中遇到的障礙,也不一定全是壞事吧?
參考資料
https://www.reddit.com/r/ProgrammerHumor/search?q=volume&restrict_sr=on&count=150&after=t3_6ijyv1https://uxdesign.cc/the-worst-volume-control-ui-in-the-world-60713dc86950https://qz.com/679782/programmers-imagine-the-most-ridiculous-ways-to-input-a-phone-number/https://blog.codepen.io/2017/06/09/best-volume-sliders/