92国产精品视频_亚洲a级在线观看_国产精品电影观看_国产精品免费观看在线_精品伊人久久97_亚洲人成在线观_尤物九九久久国产精品的特点_成人激情在线播放_成人黄色大片在线免费观看_亚洲成人精品久久久_久久免费视频在线观看_久久精品国产一区_国产一区二区三区18_亚洲欧美中文字幕在线一区_日韩美女中文字幕_日韩视频免费在线

聊聊狀態開關按鈕如何設計

2022-3-20    純純

我遇到的這個例子,和“概念模型”有關,在這里分享給大家。


這個酒店房間的開關是這樣的:


酒店床頭開關



酒店客廳開關



這個開關是觸控式的,開關本身有亮/暗兩個狀態;大家迅速看一眼,我想請問大家,你們認為,亮著的開關(圖1的5個燈,圖2的右上、左下2個燈)對應的狀態應該是打開的還是關閉的?




如果心中有了答案了,繼續往下看。




之前在文章從交互維度量化用戶體驗中我說過一次我個人理解的最小交互模型,大概是下面這段話:


狹義的交互(Interaction)定義交互主體必須是人本身,而客體可以是產品,環境,服務等等,且不論交互客體是什么,只要主體是人,人和客體去進行交互的時候,一定是人帶著一定的心理預期施加一個行為,然后客體會根據這個行為給與一個反饋(沒有反饋本質也是一個反饋),而人會根據這個反饋是否符合預期去進行心理修正。如下圖所示(紅先黑后):


那隨之而來的另一個問題就產生了,人進行交互行為時的心理預期是從哪兒來的?


人初生的時候都是一張白紙,每天重復的交互行為產生的心理預期會隨著不同的教育、家庭進行變化;今年我們家在廣州過年,我第一次見到兩歲的小侄子,通過這一周對小侄子的觀察更能體會出人其實是有某些說不清的潛能在里面的,舉個例子,有一天小侄子生病了,要吃兩種藥,一種是甜的,一種是苦的;吃甜藥的時候小侄子很開心,愉快的呀呀的說這藥是甜的,而吃苦藥的時候小侄子也是皺著說這藥好苦,關鍵的問題是,出生兩年來,家人從來沒有對他描述過苦味是什么,也沒有明確告訴他這兩種藥有一種是“苦味”的,但是兩歲的小孩子就能嘗到苦味的藥在沒有接觸過“苦”這個詞的時候就講得出來這是“苦”。


再舉個例子,還是我的小侄子,我們貴州人過年一般都會真金白銀的打麻將,小侄子目睹了幾天我們在麻將桌上用大把的零錢來支付,有一天我們去公園玩,遇到一個熟人給小孩子了一個紅包,我們就問他“錢是干什么的呀”? 我小侄子脫口而出:“錢是用來打麻將的呀!”


為什么會發生這樣的現象呢?


大概是現在的人買東西都用微信支付寶支付,所以對于小孩子的認知來說,他們由于沒有見到過紙幣參與交易的行為,而這幾天不斷被我們麻將桌上的現金沖擊視覺,才會突然脫口而出這句話。


可能在我小侄子的認知里,手機才是用來買東西的。


我們互聯網圈的設計行業其實能形成理論的東西不多的,大多數時候為了佐證某些東西,我們需要從心理學、社會學、行為學中找到一些理論支撐。我在做產品設計的過程中,最長這么時間一直使用的一種方法是思考用戶在這個頁面的心理預期。(比如在商品詳情頁,業務目標肯定是引導用戶購買,但是用戶心理上之所以點進了這個商品的詳情,無非是在有購買意愿的基礎上,需要一些信息去輔助決策,這時候如果你仔細思考并模擬一下你自己在購買時候點擊詳情頁的行為,其實會發現其實影響決策的信息大多不是價格(因為價格在上一級的列表頁已經標明了),更多的可能是產品描述和用戶口碑等等)


在做尤其是app設計的時候,能明確每一個頁面的業務目標和用戶點進來的預期,其實是一件非常重要的事情,大家可以多留心在這兩點上。



好的扯遠了,回到狀態開關的事情上來,還記得剛剛的那個圖么?


酒店床頭開關



酒店客廳開關


我相信絕大對數的人第一反應都是,亮著的開關對應的燈應該是亮的,因為這個符合常識,但是如果這個酒店也是這樣的話,我就不會舉這個例子了,沒錯,上面開關亮著的燈是關的,沒有亮的開關對應的燈是打開狀態。


我相信設計這個開關的人是為了讓用戶在夜晚起夜的時候使用方便,但是他完全可以用更加高明的辦法,比如換成夜光材質之類的。這種設計師很愚蠢的,我觀察這么多天下來,我們所有親戚每次開關燈幾乎都會誤觸,因為我們的心智一直一直認為的是亮著的開關亮著的燈。


這里就牽扯出一個問題,我們在app設計中如何去設計狀態開關的問題。


首先需要明確,最無歧義的狀態開關一定是需要具備兩個意符:

其一是表征當前狀態

其二是表征用戶點擊之后的狀態。

而現在市面上很多app在這兩個意符上是混的,一般都知道用icon的樣式來表征當前狀態,但是下面的輔助文字則是表征當前狀態的和點擊之后狀態的都有。


這就會讓用戶很蒙。


比如相機app、短視頻app、K歌app中就比較明顯會有很多狀態按鈕,如下圖所示是某相機app的截圖,這樣的設計就是“有歧義的設計”,比如“延時關閉”和“補光燈關閉”這兩個文案,會很容易讓人困惑這文案指代的是當前狀態呢還是點擊之后的狀態呢?


給大家提供一個我個人的小tips:


設計狀態按鈕,盡量把當前狀態和點擊行為拉出兩個層級關系來設計。


當前狀態可以體現在icon上,但是不能只體現在icon上(比如他這個延時關閉的圖標有一個x,但是補光燈關閉又沒有x,這就更加歧義了)


比如如果是我去設計它這個按鈕,我會這么設計:



這樣的話,確實,用戶操作復雜度上會多一級(之前直接點icon,現在點icon之后需要再點開關),但是用戶完全沒有認知成本。


這就是我說的把當前狀態和點擊行為拉出兩個層級關系來設計。其實這個犧牲交互成本減少用戶認知成本的方法在交互設計工作中經常被我們使用,當我們遇到一個問題實在是一步很難理清的時候,不妨可以多嘗試這種思路。不過這種提高復雜度的減少認知的方法,不適用于業務強指引型頁面(比如購買、導航之類)


文章來源:站酷   作者:Seany

分享此文一切功德,皆悉回向給文章原作者及眾讀者.


免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。

藍藍設計m.skdbbs.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務



日歷

鏈接

個人資料

藍藍設計的小編 http://m.skdbbs.com

存檔

92国产精品视频_亚洲a级在线观看_国产精品电影观看_国产精品免费观看在线_精品伊人久久97_亚洲人成在线观_尤物九九久久国产精品的特点_成人激情在线播放_成人黄色大片在线免费观看_亚洲成人精品久久久_久久免费视频在线观看_久久精品国产一区_国产一区二区三区18_亚洲欧美中文字幕在线一区_日韩美女中文字幕_日韩视频免费在线
国产欧美精品一区二区色综合朱莉| 国产精品精品久久久久久| 国产精品一区二区久久久久| 中文字幕亚洲区| 欧美成人精品三级网站| 亚洲精品国产精华液| 国产51人人成人人人人爽色哟哟| 免费在线观看成人| 久久免费高清视频| 黄色网一区二区| 国产尤物一区二区| heyzo中文字幕在线| 久久精品视频一| 91精品久久久久久久久久| 国产后进白嫩翘臀在线观看视频| 国产精品国产自产拍在线| 亚洲色图35p| 国产美女精品在线| 一区二区三区不卡在线观看| 久久综合九色欧美综合狠狠| 高清视频在线观看一区| 欧美精品久久久久久久久老牛影院| 色呦哟—国产精品| 蜜桃久久影院| xx欧美视频| 亚洲欧美区自拍先锋| 成人国产一区二区| 久久99热国产| jizzjizz亚洲| 欧洲专线二区三区| 日韩欧美一区二区不卡| 一区二区三区欧美| av在线不卡一区| 精品国产乱码久久久久久婷婷| 亚洲欧美制服综合另类| 国产精品麻豆成人av电影艾秋| 久久成年人免费电影| 日韩高清av电影| 国产高清视频一区二区| 国产日韩精品在线| 99热精品在线观看| 国产精品99久久精品| 国产亚洲精品bt天堂精选| 国产情人节一区| 久久久久这里只有精品| 欧美成人基地| 91搞黄在线观看| 欧美三级免费观看| 欧美人成在线| 91亚洲精选| 国产亚洲一区二区在线观看| 国产成人综合亚洲91猫咪| 国产污视频在线播放| 欧美激情喷水视频| 久久婷婷国产麻豆91天堂| 99亚偷拍自图区亚洲| 91免费版网站在线观看| 色戒汤唯在线| 911久久香蕉国产线看观看| 国产亚洲精品久久久优势| 91九色蝌蚪成人| 日本视频中文字幕一区二区三区| 国产做受69高潮| 亚洲成人免费观看| 国产人成亚洲第一网站在线播放| 伊人在我在线看导航| 91免费视频网址| 日韩精品久久久久久久软件91| 在线观看三级视频欧美| 欧美日韩ab片| 中文字幕亚洲欧美| 一道本无吗dⅴd在线播放一区| 精品视频一区二区三区四区| 日韩精品一区二区三区在线观看| 欧美精品欧美精品系列| 国产成人久久久精品一区| 色av手机在线| 日韩中文字幕av| 亚洲国产一区二区三区四区| 成人免费91| 少妇精品视频一区二区免费看| 日本成人中文字幕| 奇米一区二区三区四区久久| 91福利视频久久久久| 欧洲色大大久久| 国产精品日日做人人爱| 99精品国产高清在线观看| 亚洲精品8mav| aⅴ在线视频男人的天堂| 亚洲一区二区偷拍精品| 亚洲国产精品久久久久婷婷884| aa级大片免费在线观看| 国产精品999| 日韩大片欧美大片| 国产精品入口66mio| 国产伦久视频在线观看| 国产美女主播一区| 日本亚洲欧洲无免费码在线| 4438x亚洲最大成人网| 欧美日韩高清一区二区不卡| 欧美在线观看禁18| 一个人看的www视频在线免费观看| 色婷婷精品久久二区二区蜜臀av| 裸体一区二区| 日韩精品免费观看视频| 日韩激情综合| 亚洲免费一区三区| 99riav一区二区三区| 综合亚洲自拍| 精品久久久亚洲| 99青草视频在线播放视| 久久综合狠狠| 亚洲精品视频一二三区| 日韩精品久久久久久福利| 国产精品久线观看视频| 久久五月精品| 欧美国产专区| 久久av最新网址| 免费高清在线视频一区·| 一本色道久久88综合亚洲精品ⅰ| 九九热这里只有精品6| 精品国产91乱高清在线观看| 欧美二三四区| 成人亚洲精品久久久久软件| 九九九九精品九九九九| 国产日韩欧美制服另类| 成人激情免费视频| 国产精品久久久久久亚洲影视| 国产日韩欧美在线视频观看| 成人午夜视频在线观看| 久久久综合香蕉尹人综合网| 欧美日本黄视频| 天天av天天翘天天综合网| 国产精品欧美久久| 国产亚洲a∨片在线观看| 日韩视频在线免费观看| 真实国产乱子伦精品一区二区三区| 一本到三区不卡视频| 日韩精品一页| 社区色欧美激情 | 在线播放中文一区| h网站在线免费观看| 国产极品jizzhd欧美| 成人福利一区| 国产欧美日韩中文久久| 亚洲欧美激情视频在线观看一区二区三区| 国产精品xxx| 中文字幕亚洲一区在线观看| 热色播在线视频| 国产精品免费一区二区三区观看| 久久久久久网址| 国产欧美精品xxxx另类| 国产精品视频免费一区| 19禁羞羞电影院在线观看| 一区二区三区四区视频免费观看| av在线官网| 7799精品视频| 国产一区二区三区91| 51精品国产黑色丝袜高跟鞋| 国产成人丝袜美腿| 久久视频在线观看免费| 国产精伦一区二区三区| 美女国内精品自产拍在线播放| 国产69精品久久久久9999人|