嫩草影院久久99_老司机午夜网站国内精品久久久久久久久_久久夜色精品国产_国产一级做a爰片久久毛片

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

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

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


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

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



日歷

鏈接

個人資料

藍藍設計的小編 http://www.sdgs6788.com

存檔

嫩草影院久久99_老司机午夜网站国内精品久久久久久久久_久久夜色精品国产_国产一级做a爰片久久毛片
<em id="09ttv"></em>
    <sup id="09ttv"><pre id="09ttv"></pre></sup>
    <dd id="09ttv"></dd>

        • 免费日韩av电影| 亚洲欧美精品在线观看| 亚洲婷婷在线| 久久综合久久美利坚合众国| 一区二区三区精密机械公司| 久久婷婷国产综合尤物精品| 国产精品美女www爽爽爽| 亚洲精品日韩在线| 久久亚洲视频| 亚洲欧美日本日韩| 欧美日韩亚洲免费| 91久久精品国产91性色| 久久夜色精品| 亚洲网友自拍| 欧美日韩精品一区| 亚洲精品美女在线| 免费观看成人www动漫视频| 午夜精品视频一区| 国产精品免费网站在线观看| 一区二区福利| 亚洲黑丝一区二区| 久久综合电影一区| 国模大胆一区二区三区| 欧美一区二区三区久久精品茉莉花| 亚洲精品中文字幕女同| 欧美国产国产综合| 91久久在线播放| 欧美jizzhd精品欧美喷水| 欧美主播一区二区三区美女 久久精品人 | 美日韩精品视频免费看| 国产一区二区三区久久| 欧美一区午夜视频在线观看| 亚洲一区二区三区四区中文 | 亚洲人成毛片在线播放女女| 免费日韩成人| 亚洲狠狠丁香婷婷综合久久久| 美女久久一区| 美女久久网站| 亚洲人成人一区二区在线观看| 欧美成人综合一区| 免费成人美女女| 亚洲片在线资源| 亚洲第一精品久久忘忧草社区| 麻豆精品网站| 亚洲日本久久| 亚洲黄色影院| 欧美日韩高清在线播放| 亚洲社区在线观看| 在线综合亚洲欧美在线视频| 国产精品久久久久毛片软件| 欧美在线高清视频| 欧美在线免费观看亚洲| 伊人成人网在线看| 欧美成人一区二区在线 | 午夜精品久久久久久久99樱桃| 国产精品久久久一本精品| 亚洲欧美在线磁力| 午夜精品福利电影| 又紧又大又爽精品一区二区| 欧美国产一区二区在线观看| 欧美高清在线精品一区| 在线亚洲一区二区| 亚洲女人小视频在线观看| 国产亚洲第一区| 久久永久免费| 欧美粗暴jizz性欧美20| 中文av字幕一区| 亚洲制服丝袜在线| 韩国一区二区三区在线观看| 欧美国产精品久久| 欧美日韩国产区一| 欧美中文字幕第一页| 久久另类ts人妖一区二区| 亚洲精品久久视频| 一区二区三区产品免费精品久久75 | 亚洲精品一区二区在线观看| 亚洲免费成人| 国产精品五月天| 久久综合狠狠| 欧美激情综合色| 午夜精品久久久久久99热| 久久经典综合| 99re成人精品视频| 亚洲免费在线观看| 在线日韩欧美视频| 日韩亚洲欧美成人| 极品av少妇一区二区| 最新国产拍偷乱拍精品| 国产精品视频福利| 欧美二区在线看| 国产精品久久久久久久app| 免费成人在线视频网站| 欧美午夜精品久久久久久孕妇| 久久久久亚洲综合| 欧美精品在线视频| 久久久91精品国产| 欧美剧在线免费观看网站| 久久国产视频网站| 欧美激情一区在线观看| 久久久国产亚洲精品| 欧美精品一区在线发布| 久久偷窥视频| 欧美视频一区二区三区四区| 女主播福利一区| 国产精品乱码久久久久久| 六月天综合网| 国产精品久久久久一区二区三区| 免费成年人欧美视频| 欧美午夜精品久久久久久人妖| 美女网站在线免费欧美精品| 国产精品v亚洲精品v日韩精品| 男男成人高潮片免费网站| 国产精品久久久久久影视| 亚洲国产女人aaa毛片在线| 国产欧美综合一区二区三区| 亚洲精品国精品久久99热一| 韩日精品视频| 亚洲午夜未删减在线观看| 91久久国产综合久久| 午夜电影亚洲| 亚洲图片激情小说| 欧美91大片| 久久―日本道色综合久久| 国产精品第十页| 亚洲国产欧美日韩另类综合| 国产主播一区二区三区| 9久re热视频在线精品| 亚洲欧洲日韩在线| 久久成人国产| 午夜激情一区| 欧美日韩国语| 亚洲第一成人在线| 狠狠久久综合婷婷不卡| 中文亚洲视频在线| 99re6热只有精品免费观看| 鲁鲁狠狠狠7777一区二区| 久久久国产精品亚洲一区| 国产精品久久久久久久一区探花| 亚洲另类在线一区| 亚洲精品日产精品乱码不卡| 久久蜜桃资源一区二区老牛| 久久国产日本精品| 国产精品久久一级| 日韩午夜在线视频| 夜夜嗨av一区二区三区四季av | 欧美偷拍一区二区| 亚洲国产精品第一区二区三区| 狠狠久久亚洲欧美专区| 欧美一二三区在线观看| 亚洲欧美日韩国产中文| 欧美日韩一区二区三区四区五区| 亚洲高清不卡av| 亚洲电影在线观看| 欧美自拍偷拍| 久久久久国产成人精品亚洲午夜| 国产精品美女久久久久久免费| 99精品视频免费在线观看| 亚洲免费福利视频| 欧美第十八页| 亚洲国产精品高清久久久| 亚洲高清电影| 久久在线视频| 欧美承认网站| 亚洲国产精品123| 噜噜噜躁狠狠躁狠狠精品视频 | 国产精品入口66mio| 一区二区三区久久网| 亚洲一区二区不卡免费| 欧美视频久久| 中文精品视频一区二区在线观看| 亚洲一区二区三区涩| 欧美视频国产精品| 亚洲一区二区成人| 性欧美1819性猛交| 国产免费观看久久| 亚欧成人精品| 久久资源av| 亚洲福利在线看| 欧美大片免费久久精品三p| 亚洲三级影片| 亚洲一区视频在线| 国产精品视频网址| 翔田千里一区二区| 久久亚洲欧美| 亚洲欧洲日韩女同| 欧美日韩久久不卡| 在线综合欧美| 久久精品理论片| 一区二区亚洲精品国产| 美女图片一区二区| 亚洲精品久久嫩草网站秘色| 亚洲影视在线| 国产乱理伦片在线观看夜一区| 性久久久久久| 免费欧美日韩国产三级电影| 亚洲精品免费在线观看| 欧美日韩视频专区在线播放 | 国产专区综合网| 久热这里只精品99re8久| 亚洲激情二区|