亚洲av午夜福利精品一区人妖,亚洲乱码日产精品a级毛片久久,91精品视频观看,青草青草久热精品视频在线观看

淺談簡(jiǎn)約交互設(shè)計(jì)四策略

2024-6-24    濤濤

 
 
 

通過(guò)簡(jiǎn)約至上交互式設(shè)計(jì)四策略這本書,來(lái)了解一下要做到簡(jiǎn)約設(shè)計(jì),設(shè)計(jì)師應(yīng)該要注意什么

今天小編來(lái)帶大家了解一下如何讓產(chǎn)品能更加簡(jiǎn)單易用的四個(gè)設(shè)計(jì)策略:合理刪除、分層組織、適時(shí)隱藏和巧妙轉(zhuǎn)移;

 

首先咱們以書中遙控器的例子先簡(jiǎn)單介紹下這四個(gè)策略~

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

組織-按照有意義的標(biāo)準(zhǔn)將按鈕劃分成組。 

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

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

 

• 刪除 

 

刪除的目的在于讓用戶在使用產(chǎn)品時(shí)聚焦于產(chǎn)品的核心功能,避免被其他因素所干擾,增加我們的認(rèn)知負(fù)擔(dān)。

 

那么哪些東西可以刪除?

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

不必要的功能會(huì)降低用戶使用產(chǎn)品時(shí)的效率,或許你覺(jué)得一個(gè)功能沒(méi)什么,當(dāng)你慢慢進(jìn)行功能的堆砌時(shí),你會(huì)意識(shí)到整個(gè)產(chǎn)品是多么的混亂,甚至用戶都不知道這個(gè)產(chǎn)品是做什么的。

 

2.減少選擇項(xiàng),降低用戶在使用產(chǎn)品的決策負(fù)擔(dān)

這里提供三個(gè)可參考策略:

(1)提供一個(gè)合適的默認(rèn)值

(2)刪除不必要的選項(xiàng)

(3)不要在選項(xiàng)中使用專業(yè)術(shù)語(yǔ)來(lái)表達(dá)

 

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

這里提供三個(gè)可參考的策略:

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

(2)刪除不必要的說(shuō)明,例如:填寫完這些字段后,請(qǐng)您點(diǎn)擊提交按鈕把申請(qǐng)?zhí)峤唤o我們,像這些說(shuō)明的東西完全可以去掉,因?yàn)轫?yè)面中的標(biāo)題以及內(nèi)容已經(jīng)足以讓用戶明白我現(xiàn)在是在做什么。

(3)減少?gòu)U話。

4.刪除干擾用戶的視覺(jué)元素,當(dāng)混亂的視覺(jué)元素出現(xiàn)在界面上時(shí),會(huì)大大增加用戶的認(rèn)識(shí)負(fù)擔(dān)

這里提供四個(gè)可參考的策略:

(1)使用空白或輕微的背景色來(lái)劃分頁(yè)面,而不要使用線條,因?yàn)槭褂镁€條會(huì)更多的吸引人的注意力。

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

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

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

 

這里引用一下螞蟻金服設(shè)計(jì)規(guī)范中的一條原則,小編認(rèn)為是一個(gè)很好的總結(jié):“人在處理信息、學(xué)習(xí)規(guī)程和記憶細(xì)節(jié)方面的能力是有限的。現(xiàn)實(shí)中,人可能還面臨各種中斷和打擾,這些都進(jìn)一步限制了人的能力。界面中過(guò)多的小細(xì)節(jié)會(huì)增加用戶的認(rèn)知負(fù)擔(dān),刪除那些可有可無(wú)的功能、多余的選項(xiàng)、冗余的文字、花哨的修飾,可以減輕用戶的負(fù)擔(dān)”。

 

• 組織 

 

組織是簡(jiǎn)化設(shè)計(jì)最常見的一種方式,而且這種方式不用過(guò)多投入,只需要按照一些設(shè)計(jì)原則進(jìn)行信息的重新組織就可以簡(jiǎn)化設(shè)計(jì),這種設(shè)計(jì)策略不局限于使用在產(chǎn)品設(shè)計(jì)中,我們?nèi)粘V幸矔?huì)遇到,例如:我們平常用的電腦鍵盤、洗衣機(jī)的控制面板、計(jì)算器的按鈕等等。

 

1.分塊

以微軟的Word為例,其包含了數(shù)百項(xiàng)功能。為了便于管理,他們把這些功能組織到了9個(gè)菜單中,這些大大小小的功能通過(guò)分塊,被組織成了清晰的層次結(jié)構(gòu),另外,分塊的數(shù)量最好能控制在“7加減1”,因?yàn)檫@是人的大腦中瞬間能夠記住的最大數(shù)目,不過(guò)分塊越少,肯定越好,因?yàn)榉謮K越少,選擇越少,記憶也就越少,用戶負(fù)擔(dān)越輕。

 

2.圍繞著行為進(jìn)行組織

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

 

3.確定清晰的分類標(biāo)準(zhǔn)

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

 

4.按照格式來(lái)排序

按照格式(文字、圖片、視頻)來(lái)對(duì)內(nèi)容進(jìn)行排序,例如在豆瓣APP搜索時(shí),列表的內(nèi)容會(huì)按照小組、電影、影評(píng)等進(jìn)行排序,這也是組織的一種形式。

 

5時(shí)間與空間

按照時(shí)間線來(lái)組織信息是一種簡(jiǎn)單又通用的方式,例如相冊(cè),另外也可以按照空間來(lái)組織信息也是一種簡(jiǎn)單的方式,例如你要規(guī)劃一個(gè)酒店的網(wǎng)站,可以按照門崗、前臺(tái)、餐廳、會(huì)議室、客房等,因?yàn)槊總€(gè)人都能夠輕易的記住這些空間。

 

6.大小和位置

不太重要的界面元素應(yīng)該小一些;對(duì)于相似的元素,要放在一起。

 

7.感知分層

倫敦地鐵圖包含了13條線300多個(gè)站點(diǎn),為了防止信息混亂不清,使用了一種名為感知分層的技術(shù),每條線路都用一種不同的顏色表示,人們?cè)跓o(wú)意的狀態(tài)下,只會(huì)感知自己關(guān)心的那條線路的顏色,將其他線路排除在意識(shí)之外,盡管各條線路交叉縱橫。

 

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

8.色標(biāo)

色標(biāo)系統(tǒng)是隨處可見的。例如文件夾、交通信號(hào)燈、儀表盤等,因?yàn)轭伾抢昧巳藗兊挠洃浽恚虼擞脩裟芸焖倮斫狻?/p>

 

9.期望路徑

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

 

• 隱藏 

 

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

 

1.哪些功能可以隱藏

(1)事關(guān)細(xì)節(jié)(例如,對(duì)服務(wù)器進(jìn)行配置或設(shè)計(jì)電子郵件的簽名)

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

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

 

2.隱藏的形式

(1)自定義

不太贊成讓用戶根據(jù)自己的需求來(lái)自定義界面,因?yàn)檫@樣會(huì)顯得設(shè)計(jì)人員懶惰,沒(méi)有主見,給用戶自己選擇的權(quán)利,聽起來(lái)很公平,但是問(wèn)題在于自定義可能是一件非常耗費(fèi)時(shí)間的問(wèn)題,因此,自定義并不能解決問(wèn)題,而且在簡(jiǎn)化用戶界面之前,必須對(duì)這個(gè)軟件的各種各樣的功能了如指掌。

 

(2)自動(dòng)定制

根據(jù)用戶的習(xí)慣來(lái)自動(dòng)定制,例如系統(tǒng)會(huì)給你一個(gè)默認(rèn)菜單,你在使用這個(gè)菜單時(shí),程序會(huì)記住你經(jīng)常使用的命令,并對(duì)菜單自動(dòng)調(diào)整,最終只顯示你最常用的的命令,隱藏其他命令,看起來(lái)好像簡(jiǎn)化了設(shè)計(jì),其實(shí)也有缺陷,

例如很難保證默認(rèn)菜單的準(zhǔn)確性,因?yàn)槊總€(gè)人想要的東西都不一樣。

 

(3)漸進(jìn)展示

通常,一項(xiàng)功能會(huì)包含少數(shù)核心的供主流用戶使用的控件,另有一些是為專家級(jí)用戶準(zhǔn)備的擴(kuò)展性的控件,隱藏這些擴(kuò)展性的控件是保持設(shè)計(jì)簡(jiǎn)單不錯(cuò)的選擇。

例如,當(dāng)你點(diǎn)擊文件的“保存”時(shí),對(duì)于主流用戶應(yīng)該先展示核心選項(xiàng),如命名、保存到哪里,對(duì)于專家級(jí)用戶,可以單擊擴(kuò)展按鈕,然后找到更高級(jí)的選項(xiàng),如創(chuàng)建新文件夾、希望在保存之前看看哪個(gè)硬盤有空間等。

 

(4)階段展示

除了在軟件中的某個(gè)部分隱藏功能,還可以隨著用戶逐步深入界面而展示相應(yīng)的功能,例如,用戶一開始可能只會(huì)使用簡(jiǎn)單的文本框來(lái)搜索,如果找不到自己想要的,還可以通過(guò)篩選和排序來(lái)尋找。

 

(5)適時(shí)出現(xiàn)

例如你在網(wǎng)頁(yè)框選一個(gè)英文單詞時(shí),會(huì)出現(xiàn)一個(gè)問(wèn)號(hào)圖標(biāo),點(diǎn)擊后會(huì)給出該單詞的解釋,這種設(shè)計(jì)的聰明之處在于它隱藏了功能,并且會(huì)在你需要的時(shí)候在合適位置上出現(xiàn)該功能。

 

3.如何做好隱藏

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

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

(3)不可強(qiáng)迫或寄希望于主流用戶使用自定義功能,不過(guò)可以給專家提供這個(gè)選項(xiàng)

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

 

同時(shí)對(duì)于隱藏,小編建議可以參考以下四象限表格來(lái)考慮。

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

•重要但不高頻的功能應(yīng)該要適當(dāng)隱藏

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

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

 

 • 轉(zhuǎn)移 

 

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

 

1.在不同平臺(tái)之間轉(zhuǎn)移

任何設(shè)備或者平臺(tái)都有自己的長(zhǎng)處和不足,因此,把某項(xiàng)任務(wù)的某些部分(如拍攝)轉(zhuǎn)移到不同的平臺(tái)上可能是一種更好的選擇。

 

2.用戶最擅長(zhǎng)于做什么

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

 

作者:麥克優(yōu)艾
鏈接:https://www.zcool.com.cn/article/ZODk1NzIw.html
來(lái)源:站酷
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請(qǐng)聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請(qǐng)注明出處。
 

 

 

藍(lán)藍(lán)設(shè)計(jì)(m.skdbbs.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)B端界面設(shè)計(jì)桌面端界面設(shè)計(jì)APP界面設(shè)計(jì)圖標(biāo)定制用戶體驗(yàn)設(shè)計(jì)交互設(shè)計(jì)UI咨詢高端網(wǎng)站設(shè)計(jì)平面設(shè)計(jì),以及相關(guān)的軟件開發(fā)服務(wù),咨詢電話:01063334945。我們建立了一個(gè)微信群,每天分享國(guó)內(nèi)外優(yōu)秀的設(shè)計(jì),有興趣請(qǐng)加入一起學(xué)習(xí)成長(zhǎng),咨詢及進(jìn)群請(qǐng)加藍(lán)小助微信ben_lanlan。

WechatIMG27.jpg

關(guān)鍵詞:UI咨詢UI設(shè)計(jì)服務(wù)公司軟件界面設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)公司UI交互設(shè)計(jì)公司數(shù)據(jù)可視化設(shè)計(jì)公司用戶體驗(yàn)公司高端網(wǎng)站設(shè)計(jì)公司銀行金融軟件UI界面設(shè)計(jì)能源及監(jiān)控軟件UI界面設(shè)計(jì)氣象行業(yè)UI界面設(shè)計(jì)軌道交通界面設(shè)計(jì)地理信息系統(tǒng)GIS UI界面設(shè)計(jì)航天軍工軟件UI界面設(shè)計(jì)醫(yī)療行業(yè)軟件UI界面設(shè)計(jì)教育行業(yè)軟件UI界面設(shè)計(jì)企業(yè)信息化UI界面設(shè)計(jì)、軟件qt開發(fā)軟件wpf開發(fā)軟件vue開發(fā)

日歷

鏈接

個(gè)人資料

存檔

亚洲av午夜福利精品一区人妖,亚洲乱码日产精品a级毛片久久,91精品视频观看,青草青草久热精品视频在线观看
<strike id="cy2gs"><menu id="cy2gs"></menu></strike>
  • <del id="cy2gs"><dfn id="cy2gs"></dfn></del>
  • 国产欧美一区二区精品忘忧草 | 国产精品久久久一本精品| 久久亚洲午夜电影| 欧美中文字幕视频在线观看| 午夜在线不卡| 欧美亚洲一区二区三区| 久久国内精品自在自线400部| 久久精品一本| 美女91精品| 欧美成人免费小视频| 欧美另类一区二区三区| 欧美调教视频| 国产欧美视频在线观看| 激情五月***国产精品| 在线精品国产欧美| 亚洲精品视频在线| 亚洲精品视频一区| 亚洲女同性videos| 久久精品视频免费播放| 久久亚洲精品一区| 欧美精品在线视频观看| 国产精品毛片在线看| 国产一区 二区 三区一级| 在线观看三级视频欧美| 亚洲精品欧美精品| 国产精品99久久久久久白浆小说| 亚洲欧美一区二区三区极速播放| 久久久久久亚洲精品杨幂换脸| 欧美国产日韩一区二区三区| 欧美日韩亚洲高清| 国产日韩欧美不卡在线| 亚洲国产精品成人久久综合一区| 日韩午夜av电影| 午夜一区二区三区在线观看| 麻豆亚洲精品| 国产精品久久久久9999高清| 韩国av一区二区三区四区| 91久久中文字幕| 亚洲欧美影院| 欧美成人69av| 国产精品中文在线| 亚洲国内自拍| 午夜精品福利一区二区蜜股av| 久久这里有精品视频| 欧美日韩一区二区精品| 国模 一区 二区 三区| 亚洲每日更新| 久久精品国产一区二区电影| 欧美日本亚洲视频| 国产一区二区福利| 亚洲伦理中文字幕| 久久精品电影| 欧美日韩视频专区在线播放 | 亚洲国产高清aⅴ视频| 亚洲一区999| 久热re这里精品视频在线6| 欧美日韩中文精品| 精品99视频| 亚洲自拍偷拍一区| 欧美成人黄色小视频| 国产精品亚发布| 亚洲精品乱码久久久久久蜜桃91 | 亚洲大片av| 亚洲一区二区综合| 免费在线看一区| 国产免费成人av| 亚洲破处大片| 久久久久免费视频| 国产精品久久午夜夜伦鲁鲁| 亚洲韩日在线| 久久黄色级2电影| 欧美日韩午夜视频在线观看| 在线观看一区视频| 亚洲欧洲99久久| 欧美日韩午夜激情| 亚洲国产一区二区三区在线播| 香蕉精品999视频一区二区| 欧美成人一品| 国产有码一区二区| 亚洲女同精品视频| 欧美日韩亚洲精品内裤| 亚洲国产精品999| 久久精品亚洲一区二区| 国产精品欧美久久| 亚洲人精品午夜| 玖玖视频精品| 韩曰欧美视频免费观看| 欧美亚洲系列| 国产精品女人网站| 一区二区不卡在线视频 午夜欧美不卡在 | 欧美自拍偷拍| 国产精品视频内| 一区二区三区高清在线| 欧美国产精品人人做人人爱| 尤物精品在线| 久久久久久噜噜噜久久久精品 | 免费视频一区| 尤物99国产成人精品视频| 欧美夜福利tv在线| 国产精品日韩在线播放| 亚洲视频综合在线| 欧美日韩精品免费在线观看视频| 最新国产乱人伦偷精品免费网站 | 久久久久久伊人| 国产日韩欧美在线观看| 亚洲欧美久久| 国产精品亚洲综合| 亚洲男人的天堂在线| 国产精品第2页| 亚洲先锋成人| 国产精品久久久久aaaa| 亚洲午夜女主播在线直播| 欧美性开放视频| 亚洲午夜久久久久久久久电影网| 欧美午夜www高清视频| 国产精品99久久99久久久二8 | 亚洲香蕉视频| 国产精品久久久久久久久免费樱桃 | 国产精品久久久久aaaa| 亚洲一区二区三区免费在线观看| 国产精品草莓在线免费观看| 亚洲专区在线视频| 国产精品综合久久久| 亚洲女同在线| 国产日韩欧美麻豆| 久久久久.com| 亚洲成色www久久网站| 欧美精品久久99| 一区二区免费看| 国产精品久久久久三级| 欧美一区二区日韩| 国内精品久久久久国产盗摄免费观看完整版 | 免费一级欧美在线大片| 亚洲精品欧美日韩专区| 国产精品hd| 欧美一级一区| 在线观看不卡| 欧美风情在线观看| 一区二区三区高清| 国产欧美三级| 另类激情亚洲| 99re热精品| 国产九色精品成人porny| 久久久精品国产99久久精品芒果| 亚洲国产aⅴ天堂久久| 欧美日本国产在线| 亚洲欧美日韩系列| 伊人久久大香线| 欧美日韩国产精品一卡| 亚洲一区二区三区四区视频| 国产小视频国产精品| 麻豆精品91| 国产精品99久久99久久久二8 | 在线观看日韩一区| 欧美日本高清| 欧美一区二区成人6969| 亚洲国产精品va在看黑人| 国产精品99一区二区| 久久精品在线观看| 亚洲精品影院| 国产日韩高清一区二区三区在线| 老司机免费视频久久| 一区二区三区久久网| 国产性做久久久久久| 欧美成人按摩| 亚洲欧美日韩网| 亚洲黄色精品| 国产免费成人av| 欧美大片一区二区三区| 午夜精品成人在线视频| 91久久久亚洲精品| 国产精品一区二区三区乱码 | 亚洲免费成人| 国产亚洲欧美色| 欧美日韩你懂的| 久久精品在这里| 在线亚洲精品| 在线日韩成人| 国产酒店精品激情| 欧美国产欧美亚洲国产日韩mv天天看完整 | 一区二区电影免费观看| 精品动漫3d一区二区三区| 欧美色欧美亚洲另类七区| 久久人人超碰| 亚洲欧美日韩一区二区在线| 亚洲欧洲日产国产网站| 国产亚洲一区二区三区在线播放| 欧美日韩国产色站一区二区三区| 久久黄色影院| 亚洲综合清纯丝袜自拍| 亚洲精品中文字幕女同| 精品福利免费观看| 国产精品一区一区三区| 欧美日韩国产另类不卡| 久久综合给合久久狠狠色| 羞羞色国产精品| 亚洲视频在线观看三级| 亚洲剧情一区二区| 在线播放日韩欧美| 国产亚洲一区精品|