中文字幕日韩精品一区二区免费_精品一区二区三区国产精品无卡在_国精品无码专区一区二区三区_国产αv三级中文在线

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

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ì)正確的道路有更大的幫助吧。

用最困難的方法輸入一串電話號(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)慢慢選擇法

通過(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ì)為什么可以這么難用呢?這邊列了一張表:


(難用交互特征表)

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

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)

網(wǎng)站托管運(yùn)營(yíng)
武鸣县| 油尖旺区| 屯留县| 特克斯县| 秭归县| 楚雄市| 安福县| 临沂市| 泰兴市| 根河市| 温泉县| 莎车县| 扬州市| 资讯| 来凤县| 广南县| 雷波县| 万盛区| 长治县| 历史| 新泰市| 云龙县| 南川市| 托克逊县| 宁蒗| 礼泉县| 汪清县| 珲春市| 扎兰屯市| 定日县| 德阳市| 左权县| 麻城市| 科尔| 平潭县| 兴业县| 武川县| 修武县| 安溪县| 岳普湖县| 盐边县|