2022-06-04 分類: 網(wǎng)站建設(shè)
能夠考0份的人,一定是有考100分的實(shí)力,因?yàn)樗谷荒軌蚯擅畹睦@過(guò)所有正確的答案,而那些難以實(shí)現(xiàn)的交互方式背后一定也有其可借鑒之道。
今天看到了一些很困難很困難的交互方式。都是在Reddit上看到的,Reddit是一個(gè)很神奇的網(wǎng)站,上面有著各種前沿同時(shí)無(wú)聊的人士分享自己的見解。我看到的兩種都是他們想出來(lái)的,一個(gè)是:怎么最困難地輸入一串號(hào)碼,另一個(gè)是:怎么樣設(shè)計(jì)一個(gè)最難用的音量按鈕。
聽過(guò)一句話,能考零分的人,一定是有考100分的實(shí)力,因?yàn)樗鼓芮擅畹乩@過(guò)所有正確的部分。所以當(dāng)我看到這些困難的交互方式之后,我覺得,設(shè)計(jì)它們的人一定深諳其道。
而如果能懂得這些極端的交互,學(xué)會(huì)理解它們并嘗試避免,應(yīng)該也對(duì)正確的道路有更大的幫助吧。
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)慢慢選擇法
通過(guò)下拉列表選擇自己需要的電話號(hào)碼(幸虧還分了三個(gè)小組)。
(使用下拉框選擇)
4)laohuji法
像是laohuji一樣,每個(gè)數(shù)字都在不斷地變化。點(diǎn)擊按鈕就會(huì)把數(shù)字確定下來(lái)。
(單個(gè)號(hào)碼隨機(jī)輸入)
raddit是一個(gè)有著各種奇怪技術(shù)帖子的網(wǎng)站,我有時(shí)候也會(huì)去看一下。最近看到一群清閑的程序員發(fā)起了一個(gè)活動(dòng):設(shè)計(jì)最難用的音量按鈕。
1)沙漏法
沙漏的綠色的多少代表了音量的大小,綠色越多,音量越大。
(通過(guò)沙漏調(diào)整音量)
2)通感法
顏色與音量的……結(jié)合。點(diǎn)擊帶顏色音量條,就會(huì)自動(dòng)變幻出不同的音量。
(通過(guò)顏色展示的音量)
3)鼓勵(lì)運(yùn)動(dòng)法
這張圖上寫著,如果你想要調(diào)整音量大小的話,方法很簡(jiǎn)單,就是把你的耳朵靠近音響一點(diǎn)點(diǎn)。
(通過(guò)文字與標(biāo)識(shí)提醒)
4)長(zhǎng)期涂抹法
通過(guò)面積與涂抹來(lái)展示音量的大小。黑色面積越多,音量越大。
(通過(guò)涂抹變換音量)
5)物理慣性法
通過(guò)鼠標(biāo)移動(dòng)三瓣齒輪,利用齒輪移動(dòng)的物理慣性控制音量。
(帶有三瓣齒輪的音量)
6)打氣法
通過(guò)不斷點(diǎn)擊按鈕,就可以不斷把音量的滑塊往上推動(dòng)。
(不斷點(diǎn)擊的音量)
7)重力飛行法
這個(gè)是打氣法的改良版,換成小鳥,就成了flappy bird,成為一款永遠(yuǎn)在飛行不停歇的音量。(個(gè)人覺得如果小鳥再多一點(diǎn)表情,可以更增加趣味性)
(通過(guò)點(diǎn)擊控制小鳥升降)
8)平衡杠桿法
右邊滑塊用于控制左邊棍子的傾斜,從而使得滑塊隨著棍子移動(dòng)。
(滑動(dòng)滑塊控制平衡)
9)游戲通關(guān)法
通過(guò)射擊游戲積攢分?jǐn)?shù),獲得音量。
(射擊游戲調(diào)整音量)
10)曲線法
在我的印象里,滑塊一定是固定直線運(yùn)動(dòng)的,誰(shuí)想到它居然還有離開直線的那一天呢。一旦離開,整個(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ì)出來(lái)的。使用下拉按鈕,一格一格地調(diào)整音量。
(使用下拉按鈕的音量調(diào)節(jié))
小結(jié)
這些設(shè)計(jì)為什么可以這么難用呢?這邊列了一張表:
(難用交互特征表)
1)隨機(jī)
這個(gè)操作是隨機(jī)的,是用戶不可預(yù)期的,用戶沒有百分之百的把握去完成一個(gè)操作。這時(shí)用戶便會(huì)失去對(duì)整個(gè)系統(tǒng)的掌控感。
2)低效率
跟隨機(jī)相比,低效率的操作還是在用戶預(yù)期之內(nèi)的,可是操作起來(lái)步驟很多,使得用戶失去操作的耐心。
3)不穩(wěn)定
波動(dòng),不安分。即使這一秒的操作正確,下一秒還是有可能出錯(cuò)。低效率帶來(lái)的是時(shí)間的花費(fèi),但是一旦完成,還是很有成就感的,像拼拼圖一樣。但是如果整個(gè)系統(tǒng)都處于不穩(wěn)定狀態(tài),這一秒做完的事情,下一秒就馬上被推翻,需要重來(lái),這該是多么令人扼腕。
設(shè)計(jì)一個(gè)難用的設(shè)計(jì),只要滿足以上任意一條應(yīng)該就好了。
但,要設(shè)計(jì)一個(gè)很好用的設(shè)計(jì),就必須盡量避免以上所有。
設(shè)計(jì)有時(shí)候需要統(tǒng)一的規(guī)范,但是有時(shí)候規(guī)范多了,感覺就會(huì)處于一個(gè)安全圈里面,很難出來(lái),所以有時(shí)候感覺很需要一些奇怪的東西來(lái)填補(bǔ),今日看到這些無(wú)所忌憚的設(shè)計(jì),覺得真的是需要好好收集。
以前看過(guò)一部書改編的電影,里面介紹了未來(lái)世界的人類,他們的手腳都進(jìn)化得很短很短,接近于退化,因?yàn)槭澜缫呀?jīng)進(jìn)步到不再需要他們?nèi)プ鋈魏问虑?,食物?huì)送到嘴邊,交通也可以精確到家門口。我其實(shí)覺得交互也是在這樣發(fā)展,變得越來(lái)越簡(jiǎn)單,越來(lái)越方便,但簡(jiǎn)單到最后,一百年后,一千年后,是否也會(huì)如那電影里面一般。
所以雖然總想把設(shè)計(jì)做得很流暢,卻有時(shí)候也感覺,用戶操作中遇到的障礙,也不一定全是壞事吧?
網(wǎng)站欄目:最難實(shí)現(xiàn)的頁(yè)面交互方式如何設(shè)計(jì)
網(wǎng)站路徑:http://www.rwnh.cn/news47/163097.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供營(yíng)銷型網(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í)需注明來(lái)源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容