老司机91精品网站在线观看-老司机67194免费观看-老司国产精品视频-老熟人老女人国产老太-中文字幕日本在线-中文字幕日本一区久久

淺談簡約交互設計四策略

2024-6-24    濤濤

 
 
 

通過簡約至上交互式設計四策略這本書,來了解一下要做到簡約設計,設計師應該要注意什么

今天小編來帶大家了解一下如何讓產品能更加簡單易用的四個設計策略:合理刪除、分層組織、適時隱藏和巧妙轉移;

 

首先咱們以書中遙控器的例子先簡單介紹下這四個策略~

刪除-去掉所有不必要的按鈕,直到不能再減。 

組織-按照有意義的標準將按鈕劃分成組。 

隱藏-把那些不是最重要的按鈕安排在活動艙蓋下面去,避免分散用戶的注意力。 

轉移-只在遙控器上保留具有最基本功能的按鈕,將其他控制轉移到電視屏幕上的菜單里,從而將復雜性轉移到電視。

 

• 刪除 

 

刪除的目的在于讓用戶在使用產品時聚焦于產品的核心功能,避免被其他因素所干擾,增加我們的認知負擔。

 

那么哪些東西可以刪除?

1.刪除不必要的功能,讓用戶的注意力放在主要功能的完成上

不必要的功能會降低用戶使用產品時的效率,或許你覺得一個功能沒什么,當你慢慢進行功能的堆砌時,你會意識到整個產品是多么的混亂,甚至用戶都不知道這個產品是做什么的。

 

2.減少選擇項,降低用戶在使用產品的決策負擔

這里提供三個可參考策略:

(1)提供一個合適的默認值

(2)刪除不必要的選項

(3)不要在選項中使用專業術語來表達

 

3.刪除不必要的文字,多余的文字描述很難讓用戶聚焦于關鍵的信息上

這里提供三個可參考的策略:

(1)刪除引見性文字,例如:歡迎光臨我們的網站,我們希望您心情愉快...這些話聽起來不會讓人覺得你口才好,只會讓讀者感到尷尬,刪掉這些文字,開門見山會更適合。

(2)刪除不必要的說明,例如:填寫完這些字段后,請您點擊提交按鈕把申請提交給我們,像這些說明的東西完全可以去掉,因為頁面中的標題以及內容已經足以讓用戶明白我現在是在做什么。

(3)減少廢話。

4.刪除干擾用戶的視覺元素,當混亂的視覺元素出現在界面上時,會大大增加用戶的認識負擔

這里提供四個可參考的策略:

(1)使用空白或輕微的背景色來劃分頁面,而不要使用線條,因為使用線條會更多的吸引人的注意力。

(2)如果要使用強調,使用其中一種強調方式就可以,不必又加粗,又放大,又變成紅色。

(3)別使用粗黑線,勻稱,淺色的線更好。

(4)減少元素樣式的變化,例如在使用按鈕樣式時,最好只使用1種按鈕樣式,不要使用3-4種按鈕樣式。

 

這里引用一下螞蟻金服設計規范中的一條原則,小編認為是一個很好的總結:“人在處理信息、學習規程和記憶細節方面的能力是有限的。現實中,人可能還面臨各種中斷和打擾,這些都進一步限制了人的能力。界面中過多的小細節會增加用戶的認知負擔,刪除那些可有可無的功能、多余的選項、冗余的文字、花哨的修飾,可以減輕用戶的負擔”。

 

• 組織 

 

組織是簡化設計最常見的一種方式,而且這種方式不用過多投入,只需要按照一些設計原則進行信息的重新組織就可以簡化設計,這種設計策略不局限于使用在產品設計中,我們日常中也會遇到,例如:我們平常用的電腦鍵盤、洗衣機的控制面板、計算器的按鈕等等。

 

1.分塊

以微軟的Word為例,其包含了數百項功能。為了便于管理,他們把這些功能組織到了9個菜單中,這些大大小小的功能通過分塊,被組織成了清晰的層次結構,另外,分塊的數量最好能控制在“7加減1”,因為這是人的大腦中瞬間能夠記住的最大數目,不過分塊越少,肯定越好,因為分塊越少,選擇越少,記憶也就越少,用戶負擔越輕。

 

2.圍繞著行為進行組織

在開始組織之前要先理解用戶的行為,例如人們一般都希望按照某種特定的步驟做事情,打亂這個步驟就會讓用戶感到迷惑,所以要先想,他們想要做什么,繼而先做什么,后做什么。

 

3.確定清晰的分類標準

在對一組性質相同的產品(例如電商產品的分類)進行分類時,確定清晰的分類標準對用戶非常重要,這樣,用戶才能明確到哪里可以找到自己想要的東西。

 

4.按照格式來排序

按照格式(文字、圖片、視頻)來對內容進行排序,例如在豆瓣APP搜索時,列表的內容會按照小組、電影、影評等進行排序,這也是組織的一種形式。

 

5時間與空間

按照時間線來組織信息是一種簡單又通用的方式,例如相冊,另外也可以按照空間來組織信息也是一種簡單的方式,例如你要規劃一個酒店的網站,可以按照門崗、前臺、餐廳、會議室、客房等,因為每個人都能夠輕易的記住這些空間。

 

6.大小和位置

不太重要的界面元素應該小一些;對于相似的元素,要放在一起。

 

7.感知分層

倫敦地鐵圖包含了13條線300多個站點,為了防止信息混亂不清,使用了一種名為感知分層的技術,每條線路都用一種不同的顏色表示,人們在無意的狀態下,只會感知自己關心的那條線路的顏色,將其他線路排除在意識之外,盡管各條線路交叉縱橫。

 

感知分層借助于顏色很容易實現,除了顏色之外,使用灰色陰影,大小縮放,甚至形狀變化,都可以實現感知分層。

8.色標

色標系統是隨處可見的。例如文件夾、交通信號燈、儀表盤等,因為顏色是利用了人們的記憶原理,因此用戶能快速理解。

 

9.期望路徑

在描述用戶的使用路徑時,千萬不要被自己規劃圖中清晰的線條和整潔的布局所迷惑,多觀察下用戶在做同樣的事情時的路徑。

 

• 隱藏 

 

隱藏也就是將使用頻率較低的功能隱藏的更深,在隱藏之前,我們需要知道哪些功能可以隱藏,哪些不能隱藏,如果這個不清楚的話,反而會降低用戶的體驗。

 

1.哪些功能可以隱藏

(1)事關細節(例如,對服務器進行配置或設計電子郵件的簽名)

(2)選項與偏好(例如,修改繪圖應用程序的單位,由英寸改為厘米)

(3)特定于地區的信息(例如,時間和日期等需要頻繁自動更新的信息)

 

2.隱藏的形式

(1)自定義

不太贊成讓用戶根據自己的需求來自定義界面,因為這樣會顯得設計人員懶惰,沒有主見,給用戶自己選擇的權利,聽起來很公平,但是問題在于自定義可能是一件非常耗費時間的問題,因此,自定義并不能解決問題,而且在簡化用戶界面之前,必須對這個軟件的各種各樣的功能了如指掌。

 

(2)自動定制

根據用戶的習慣來自動定制,例如系統會給你一個默認菜單,你在使用這個菜單時,程序會記住你經常使用的命令,并對菜單自動調整,最終只顯示你最常用的的命令,隱藏其他命令,看起來好像簡化了設計,其實也有缺陷,

例如很難保證默認菜單的準確性,因為每個人想要的東西都不一樣。

 

(3)漸進展示

通常,一項功能會包含少數核心的供主流用戶使用的控件,另有一些是為專家級用戶準備的擴展性的控件,隱藏這些擴展性的控件是保持設計簡單不錯的選擇。

例如,當你點擊文件的“保存”時,對于主流用戶應該先展示核心選項,如命名、保存到哪里,對于專家級用戶,可以單擊擴展按鈕,然后找到更高級的選項,如創建新文件夾、希望在保存之前看看哪個硬盤有空間等。

 

(4)階段展示

除了在軟件中的某個部分隱藏功能,還可以隨著用戶逐步深入界面而展示相應的功能,例如,用戶一開始可能只會使用簡單的文本框來搜索,如果找不到自己想要的,還可以通過篩選和排序來尋找。

 

(5)適時出現

例如你在網頁框選一個英文單詞時,會出現一個問號圖標,點擊后會給出該單詞的解釋,這種設計的聰明之處在于它隱藏了功能,并且會在你需要的時候在合適位置上出現該功能。

 

3.如何做好隱藏

(1)隱藏使用頻率非常低的功能

(2)隱藏專家級選項,但專家用戶必須能夠讓這些選項始終保持可見

(3)不可強迫或寄希望于主流用戶使用自定義功能,不過可以給專家提供這個選項

(4)巧妙的隱藏,就是首先需要徹底隱藏,其次是適時出現

 

同時對于隱藏,小編建議可以參考以下四象限表格來考慮。

•重要且高頻的功能應該放在顯眼并方便使用的位置

•重要但不高頻的功能應該要適當隱藏

•不重要但高頻的功能可以考慮做到方便使用的位置上面,不需要顯眼

•不重要且低頻的功能需要隱藏得比較深

 

 • 轉移 

 

以遙控器為例,只保留最常用的功能,例如播放和暫停,把其他功能轉移到電視的控制菜單中去,就可以將復雜性轉移到電視。

 

1.在不同平臺之間轉移

任何設備或者平臺都有自己的長處和不足,因此,把某項任務的某些部分(如拍攝)轉移到不同的平臺上可能是一種更好的選擇。

 

2.用戶最擅長于做什么

像之前提到不同設備會有自己的長處和不足,那么人和設備之間也會有長處與不足,有些事情是程序擅長的,就讓程序去完成,如果不是,還是需要用戶去完成,所以讓用戶感到簡單設計的一個前提是,要先搞清楚把什么工作交給計算機,把什么工作留給用戶。

 

作者:麥克優艾
鏈接:https://www.zcool.com.cn/article/ZODk1NzIw.html
來源:站酷
著作權歸作者所有。商業轉載請聯系作者獲得授權,非商業轉載請注明出處。
 

 

 

藍藍設計(www.hk66688.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的大數據可視化界面設計B端界面設計桌面端界面設計APP界面設計圖標定制用戶體驗設計交互設計UI咨詢高端網站設計平面設計,以及相關的軟件開發服務,咨詢電話:01063334945。我們建立了一個微信群,每天分享國內外優秀的設計,有興趣請加入一起學習成長,咨詢及進群請加藍小助微信ben_lanlan。

WechatIMG27.jpg

關鍵詞:UI咨詢UI設計服務公司軟件界面設計公司、界面設計公司、UI設計公司UI交互設計公司數據可視化設計公司用戶體驗公司高端網站設計公司銀行金融軟件UI界面設計能源及監控軟件UI界面設計氣象行業UI界面設計軌道交通界面設計地理信息系統GIS UI界面設計航天軍工軟件UI界面設計醫療行業軟件UI界面設計教育行業軟件UI界面設計企業信息化UI界面設計、軟件qt開發軟件wpf開發軟件vue開發

日歷

鏈接

個人資料

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

存檔

中文字字幕人妻中文| AE成品免费下载网站| 日本三级吃奶头添泬| 好男人资源在线观看好| 99久久婷婷国产综合亚洲| 五十路熟妇无码AV在线| 蜜臀人妻四季AV一区二区不卡| 国产AV国片精品一区二区| 亚洲综合激情七月婷婷| 色欲av蜜臀一区二区三区vr| 久久久久国色AV免费看| 丰满少妇被粗大猛烈进人高清| 亚洲熟妇无码AⅤ在线播放| 日韩精品人妻系列无码专区免费| 娇妻玩4P被3个男子伺候| 爆乳上司JULIA中文字幕| 亚洲另类激情综合偷自拍图| 人人妻人人做从爽精品| 精品少妇人妻AV一区二区三区| 波多野结衣AV一区二区无码 | 日本亚洲欧美一区二区麻豆| 精品国产日韩一区二区三区| 草莓视频APP在线下载| 亚洲色欲色欲综合网站色偷偷| 日日噜噜夜夜狠狠久久无码区| 久久久久久亚洲精品| 国产成人AV一区二区三区在线| 在线观看视频一区二区三区| 无人区一码卡二卡三乱码| 欧美黑人一级爽快片婬片高清 | 永久免费不卡在线观看黄网站| 特级欧美ZOOXX| 男男GAy作爱免费观看| 国产亚洲VA综合人人澡精品| А√天堂资源在线地址BT| 亚洲欧美成人在线| 少妇做爰免费视频网站| 蜜臀av一区二区蜜臀AV免费| 国产又爽又粗又猛的视频| 锕锕锕锕锕锕好多水APP网站| 男人用嘴添女人私密视频| 国产三级多多影院| Y1111111少妇影院无码| 亚洲熟妇丰满XXXXX黑| 四虎成人永久在线精品免费| 男生把手放进我内裤揉摸好爽| 韩漫漫画无遮挡免费| 大香伊蕉在人线国产最新2005| 中国猛少妇色XXXXX| 亚洲AV乱码中文一区二区三区| 日本一道综合久久AⅤ久久| 久久综合给久久狠狠97色| 国产欧美精品一区二区三区四区 | 农民人伦一区二区三区| 精品国产三级A在线观看| 丰满熟妇人妻AV无码区| 97SE狠狠狠狠狼亚洲综合网| 亚洲欧美成人综合久久久| 天堂VA在线高清一区| 欧美香蕉爽爽人人爽| 久久久久精品少妇9999| 国产午夜精品无码理论片| 成人无码区免费AⅤ片在线观看| 中日大胆裸体棚拍人体| 亚洲大尺度专区无码浪潮AV| 天堂中文资源库官网| 欧洲美熟女乱又伦AV影片| 久久棈精品久久久久久噜噜| 不收费的十大免费好用的软件| 在公车上拨开内裤进入| 亚洲国产成人精品无码区在线秒播| 色一情一乱一伦一区二区三欧美| 男人边吃奶边揉好爽免费视频 | 影音先锋亚洲成AⅤ无码| 亚洲AV无码国产剧情| 熟女一区二区三区| 人妻精品久久久久中文字幕| 老外免费CSGO交易网站下载| 火柴人战争遗产破解版| 国产精品国产三级国快看| 成人免费午夜无码视频| AⅤ成年女人毛片免费观看| 一区二区乱子伦在线播放| 亚洲大尺度专区无码| 无码熟妇人妻AV在线电影| 日韩人妻潮喷中文在线视频| 欧美A级情欲片在线观看免费 | 6080YYY午夜理伦三级| 亚洲午夜无码久久久久| 亚洲AV无码久久久久久精品同性| 婷婷蜜桃国产精品| 色吊丝AV中文字幕| 秋霞电影网免费观看| 男生女生一起相差差差| 久久婷婷人人澡人人爽人人喊 | 荫蒂添的好舒服视频囗交| 亚洲精品无码不卡| 亚洲AV无码男人的天堂| 无码精品人妻一区二区三区中 | 国产女人乱子对白AV片| 国产DB624色谱柱36521| 吃了继兄开的药后我做的梦更长了| AV中文无码乱人伦在线观看| 中文字幕无码成人免费视频 | 欧美XXXXX高潮喷水| 麻豆AV一区二区三区久久| 久久精品国产一区二区无码| 护士交换粗吟配乱大交| 国内精品久久久久影院日本| 国产精品美女乱子伦高| 国产SP调教打屁股视频网站| 粗了大了 整进去好爽视频| 被公侵犯怀孕的人妻中文字幕| A级毛片内射免费视频| 最新精品国偷自产在线婷婷| 在公交车上弄到高C了怎么办| 亚洲欲色欲WWW怡红院| 亚洲精品AⅤ中文字幕乱码| 亚洲AV无码一区二区三区网址| 小SAO货CAO得你舒服么| 无码AV一区二区三区无码| 天堂久久久久VA久久久久| 少妇CHINA中国人妻VIDE| 色噜噜AV男人的天堂| 三级4级全黄60分钟| 日韩精品无码综合福利网| 日本巨大的奶头在线观看| 人妻丰满熟妇A无码区| 欧美性猛交XXXX黑人| 欧美人与人动人物2020| 欧美乱妇高清无乱码在线观看| 欧美精品黑人成人另类视频| 欧美成人精品在线| 欧美日韩中文国产一区| 琪琪电影网WWW888DVDC| 人妻少妇粗大持久满足| 日本插槽X8插槽怎么用的| 日韩精品成人一区二区三区| 日本丰满熟妇乱XXXXX软件| 日本亚洲色欲网站WWW| 日韩无码av一区二区| 少妇人妻AV无码专区| 天美传媒MV在线看免费| 天天夜碰日日摸日日澡性色AV| 无码A级毛片免费视频内谢5J| 无码久久精品国产亚洲AV影片| 无码人妻一区二区三区在线| 性色AV一区二区三区天美传媒 | 五月婷日韩中文字幕| 亚洲AVT无码天堂网| 亚洲AV永久无码精品少妇| 亚洲欧洲日产国码无码APP| 野花香在线观看免费观看大全动漫 | 人妻 白嫩 蹂躏 惨叫| 人人妻人人澡人人爽超污| 日出水了特别黄的视频| 私人影院无在线码免费| 无码中文字幕日韩专区视频| 亚洲AV无码专区国产乱码京东传 | 黑人上司与人妻激烈中文字幕 | 麻豆人妻少妇精品无码专区2 | 美女喷水一区国产| 欧美老熟妇欲乱高清视频| 日本高清视频网站WWW| 熟女内射婷婷直播| 性一交一乱一色一视频| 亚洲精品无码AⅤ片影音先锋在线 亚洲精品无码AⅤ片桃花岛 | 乱码一二三乱码又大又粗| 欧美XXXX做受欧美88BBW| 人人妻人人澡人人爽精品欧美| 色哟哟网站在线观看| 五月丁香六月狠狠爱综合| 亚洲VA无码VA在线VA天堂| 亚洲伊人伊成久久人综合网| 资源在线WWW天堂官网| ZOOM与人性ZOOM2023| 风流少妇又紧又爽又丰满| 国产人成无码视频在线| 精品少妇爆乳无码AⅤ区| 没带罩子让他捏了一节课| 亲近相奷对白中文字幕片| 少妇人妻无码专区视频免费| 校花下乡被灌满受孕| 亚洲日本一线产区和二线| 中文字幕日韩一区二区不卡| 白白嫩嫩又小又紧| 国产精品 高清 尿 小便 嘘嘘| 狠狠色丁香婷婷综合潮喷| 久久人妻AV中文字幕| 欧美一区二区三区孕妇精品| 色翁荡熄又大又硬又粗又视频 | 精品人妻系列无码人妻免费视频| 乱人伦人妻中文字幕在线入口| 人马畜禽CORPORATION| 头埋入双腿之间被吸到高潮| 亚洲精品综合欧美一区二区三区 | 领导边摸边吃奶边做爽在线观看| 欧美人与性口牲恔配视频o| 丝袜一区二区三区在线播放| 亚洲VA在线VA天堂VA不卡|