最難實(shí)現(xiàn)的頁面交互方式如何設(shè)計(jì)

能夠考0份的人，一定是有考100分的實(shí)力，因?yàn)樗谷荒軌蚯擅畹睦@過所有正確的答案，而那些難以實(shí)現(xiàn)的交互方式背后一定也有其可借鑒之道。

今天看到了一些很困難很困難的交互方式。都是在Reddit上看到的，Reddit是一個(gè)很神奇的網(wǎng)站，上面有著各種前沿同時(shí)無聊的人士分享自己的見解。我看到的兩種都是他們想出來的，一個(gè)是：怎么最困難地輸入一串號(hào)碼，另一個(gè)是：怎么樣設(shè)計(jì)一個(gè)最難用的音量按鈕。

聽過一句話，能考零分的人，一定是有考100分的實(shí)力，因?yàn)樗鼓芮擅畹乩@過所有正確的部分。所以當(dāng)我看到這些困難的交互方式之后，我覺得，設(shè)計(jì)它們的人一定深諳其道。

而如果能懂得這些極端的交互，學(xué)會(huì)理解它們并嘗試避免，應(yīng)該也對(duì)正確的道路有更大的幫助吧。

用最困難的方法輸入一串電話號(hào)碼

1)鼠標(biāo)位置法

鼠標(biāo)移動(dòng)的位置代表了電話的號(hào)碼。鼠標(biāo)不斷移動(dòng)，電話號(hào)碼也隨機(jī)進(jìn)行變化。

(使用鼠標(biāo)控制的電話號(hào)碼輸入)

2)逐漸移動(dòng)法

一個(gè)一個(gè)號(hào)碼逐漸增加，直到加到自己想要的號(hào)碼為止。

(使用按鈕控制號(hào)碼輸入)

3)慢慢選擇法

通過下拉列表選擇自己需要的電話號(hào)碼(幸虧還分了三個(gè)小組)。

(使用下拉框選擇)

4)laohuji法

像是laohuji一樣，每個(gè)數(shù)字都在不斷地變化。點(diǎn)擊按鈕就會(huì)把數(shù)字確定下來。

(單個(gè)號(hào)碼隨機(jī)輸入)

難用的音量按鈕

raddit是一個(gè)有著各種奇怪技術(shù)帖子的網(wǎng)站，我有時(shí)候也會(huì)去看一下。最近看到一群清閑的程序員發(fā)起了一個(gè)活動(dòng)：設(shè)計(jì)最難用的音量按鈕。

1)沙漏法

沙漏的綠色的多少代表了音量的大小，綠色越多，音量越大。

(通過沙漏調(diào)整音量)

2)通感法

顏色與音量的……結(jié)合。點(diǎn)擊帶顏色音量條，就會(huì)自動(dòng)變幻出不同的音量。

(通過顏色展示的音量)

3)鼓勵(lì)運(yùn)動(dòng)法

這張圖上寫著，如果你想要調(diào)整音量大小的話，方法很簡(jiǎn)單，就是把你的耳朵靠近音響一點(diǎn)點(diǎn)。

(通過文字與標(biāo)識(shí)提醒)

4)長(zhǎng)期涂抹法

通過面積與涂抹來展示音量的大小。黑色面積越多，音量越大。

(通過涂抹變換音量)

5)物理慣性法

通過鼠標(biāo)移動(dòng)三瓣齒輪，利用齒輪移動(dòng)的物理慣性控制音量。

(帶有三瓣齒輪的音量)

6)打氣法

通過不斷點(diǎn)擊按鈕，就可以不斷把音量的滑塊往上推動(dòng)。

(不斷點(diǎn)擊的音量)

7)重力飛行法

這個(gè)是打氣法的改良版，換成小鳥，就成了flappy bird，成為一款永遠(yuǎn)在飛行不停歇的音量。(個(gè)人覺得如果小鳥再多一點(diǎn)表情，可以更增加趣味性)

(通過點(diǎn)擊控制小鳥升降)

8)平衡杠桿法

右邊滑塊用于控制左邊棍子的傾斜，從而使得滑塊隨著棍子移動(dòng)。

(滑動(dòng)滑塊控制平衡)

9)游戲通關(guān)法

通過射擊游戲積攢分?jǐn)?shù)，獲得音量。

(射擊游戲調(diào)整音量)

10)曲線法

在我的印象里，滑塊一定是固定直線運(yùn)動(dòng)的，誰想到它居然還有離開直線的那一天呢。一旦離開，整個(gè)音量按鈕就失靈，顯示錯(cuò)誤。

(會(huì)偏離正軌的音量按鈕)

11)轉(zhuǎn)盤法

轉(zhuǎn)動(dòng)轉(zhuǎn)盤，轉(zhuǎn)到哪個(gè)音量就是哪個(gè)了吧!

(使用滑輪調(diào)整音量)

12)下拉菜單法

0還是1，一步一個(gè)腳印，慢慢調(diào)就總會(huì)出來的。使用下拉按鈕，一格一格地調(diào)整音量。

(使用下拉按鈕的音量調(diào)節(jié))

小結(jié)

這些設(shè)計(jì)為什么可以這么難用呢?這邊列了一張表：

(難用交互特征表)

發(fā)現(xiàn)如果需要一個(gè)交互很難用，有以下幾個(gè)要點(diǎn)

1)隨機(jī)

這個(gè)操作是隨機(jī)的，是用戶不可預(yù)期的，用戶沒有百分之百的把握去完成一個(gè)操作。這時(shí)用戶便會(huì)失去對(duì)整個(gè)系統(tǒng)的掌控感。

2)低效率

跟隨機(jī)相比，低效率的操作還是在用戶預(yù)期之內(nèi)的，可是操作起來步驟很多，使得用戶失去操作的耐心。

3)不穩(wěn)定

波動(dòng)，不安分。即使這一秒的操作正確，下一秒還是有可能出錯(cuò)。低效率帶來的是時(shí)間的花費(fèi)，但是一旦完成，還是很有成就感的，像拼拼圖一樣。但是如果整個(gè)系統(tǒng)都處于不穩(wěn)定狀態(tài)，這一秒做完的事情，下一秒就馬上被推翻，需要重來，這該是多么令人扼腕。

設(shè)計(jì)一個(gè)難用的設(shè)計(jì)，只要滿足以上任意一條應(yīng)該就好了。

但，要設(shè)計(jì)一個(gè)很好用的設(shè)計(jì)，就必須盡量避免以上所有。

設(shè)計(jì)有時(shí)候需要統(tǒng)一的規(guī)范，但是有時(shí)候規(guī)范多了，感覺就會(huì)處于一個(gè)安全圈里面，很難出來，所以有時(shí)候感覺很需要一些奇怪的東西來填補(bǔ)，今日看到這些無所忌憚的設(shè)計(jì)，覺得真的是需要好好收集。

以前看過一部書改編的電影，里面介紹了未來世界的人類，他們的手腳都進(jìn)化得很短很短，接近于退化，因?yàn)槭澜缫呀?jīng)進(jìn)步到不再需要他們?nèi)プ鋈魏问虑?，食物?huì)送到嘴邊，交通也可以精確到家門口。我其實(shí)覺得交互也是在這樣發(fā)展，變得越來越簡(jiǎn)單，越來越方便，但簡(jiǎn)單到最后，一百年后，一千年后，是否也會(huì)如那電影里面一般。

所以雖然總想把設(shè)計(jì)做得很流暢，卻有時(shí)候也感覺，用戶操作中遇到的障礙，也不一定全是壞事吧?

網(wǎng)站欄目：最難實(shí)現(xiàn)的頁面交互方式如何設(shè)計(jì)
網(wǎng)站路徑：http://www.bm7419.com/news47/163097.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供營銷型網(wǎng)站建設(shè)、面包屑導(dǎo)航、云服務(wù)器、品牌網(wǎng)站建設(shè)、電子商務(wù)、Google

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)