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

能夠考0份的人，一定是有考100分的實力，因為他竟然能夠巧妙的繞過所有正確的答案，而那些難以實現(xiàn)的交互方式背后一定也有其可借鑒之道。

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

聽過一句話，能考零分的人，一定是有考100分的實力，因為他竟能巧妙地繞過所有正確的部分。所以當(dāng)我看到這些困難的交互方式之后，我覺得，設(shè)計它們的人一定深諳其道。

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

用最困難的方法輸入一串電話號碼

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

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

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

2)逐漸移動法

一個一個號碼逐漸增加，直到加到自己想要的號碼為止。

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

3)慢慢選擇法

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

(使用下拉框選擇)

4)laohuji法

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

(單個號碼隨機(jī)輸入)

難用的音量按鈕

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

1)沙漏法

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

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

2)通感法

顏色與音量的……結(jié)合。點擊帶顏色音量條，就會自動變幻出不同的音量。

(通過顏色展示的音量)

3)鼓勵運動法

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

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

4)長期涂抹法

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

(通過涂抹變換音量)

5)物理慣性法

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

(帶有三瓣齒輪的音量)

6)打氣法

通過不斷點擊按鈕，就可以不斷把音量的滑塊往上推動。

(不斷點擊的音量)

7)重力飛行法

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

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

8)平衡杠桿法

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

(滑動滑塊控制平衡)

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

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

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

10)曲線法

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

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

11)轉(zhuǎn)盤法

轉(zhuǎn)動轉(zhuǎn)盤，轉(zhuǎn)到哪個音量就是哪個了吧!

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

12)下拉菜單法

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

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

小結(jié)

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

(難用交互特征表)

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

1)隨機(jī)

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

2)低效率

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

3)不穩(wěn)定

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

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

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

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

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

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

本文題目：最難實現(xiàn)的頁面交互方式如何設(shè)計
轉(zhuǎn)載源于：http://www.bm7419.com/news/163097.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供用戶體驗、微信小程序、網(wǎng)站設(shè)計、虛擬主機(jī)、動態(tài)網(wǎng)站、關(guān)鍵詞優(yōu)化

廣告

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