色欧美4477福利网在线观看,亚洲国产AV一区二区污污污,精品欧美一区二区三区,免费人成在线观看欧美精品

<fieldset id="cx6lb"></fieldset>

<td id="cx6lb"></td>

百教網(wǎng) > 西安火星時(shí)代教育 > 新聞中心 > UI設(shè)計(jì)師最容易忽略的10個(gè)錯(cuò)誤

西安火星時(shí)代教育是數(shù)字藝術(shù)設(shè)計(jì)教育領(lǐng)域首家A股上市的機(jī)構(gòu)
毫無(wú)保留地把CG技術(shù)分享給更多人,開啟了中國(guó)CG教育元年
西安火星時(shí)代教育攜手眾多國(guó)內(nèi)外知名企業(yè),大力培養(yǎng)數(shù)字藝術(shù)設(shè)計(jì)

全國(guó)學(xué)習(xí)專線 8:00-22:00

UI設(shè)計(jì)師最容易忽略的10個(gè)錯(cuò)誤

UI設(shè)計(jì) 115已閱讀 2020-04-28 11:24:15

導(dǎo)讀 作為UI設(shè)計(jì)師，我們需要時(shí)刻保持關(guān)注，對(duì)設(shè)計(jì)趨勢(shì)擁有較高的敏感度，UI設(shè)計(jì)師在UI設(shè)計(jì)的時(shí)候很容易犯一些錯(cuò)誤，那就是，如果我只要把UI設(shè)計(jì)的界面設(shè)計(jì)的漂漂亮亮的就萬(wàn)事大吉了，事實(shí)就是如此嗎，后面發(fā)現(xiàn)這個(gè)UI設(shè)計(jì)不可用，那是因?yàn)閁I設(shè)計(jì)師容易忽略了的一些關(guān)鍵問(wèn)題，小編為大家找來(lái)了UI設(shè)計(jì)師最容易忽略的10個(gè)錯(cuò)誤，一起來(lái)了解下吧。

UI設(shè)計(jì)師最容易忽略的10個(gè)錯(cuò)誤

UI設(shè)計(jì)師最容易忽略的10個(gè)錯(cuò)誤：

1.空狀態(tài)：空狀態(tài)≠空白頁(yè)面

當(dāng)用戶次打開我們的界面時(shí)，很可能由于尚未添加任何內(nèi)容，因此處于空白狀態(tài)，比如閱讀記錄、項(xiàng)目、待辦事項(xiàng)、好友、歌曲列表等等。

但在內(nèi)容會(huì)出現(xiàn)的地方留下空白，會(huì)讓我們錯(cuò)失一個(gè)和用戶交流的好機(jī)會(huì)，我們完全可以利用空白狀態(tài)來(lái)引導(dǎo)用戶，提供指導(dǎo)和信息，說(shuō)明你的軟件可以做什么...

但不管你決定做什么，都別只說(shuō)"這里還什么都沒(méi)有......"

2.滑塊：請(qǐng)勿將滑塊用于可量化的值

你有沒(méi)有遇到過(guò)想將滑塊調(diào)節(jié)到6，卻一直不小心滑到5和7的情況？這不是你的錯(cuò)，這是設(shè)計(jì)師的錯(cuò)。

雖然滑塊對(duì)于亮度、音量、顏色選擇器等定性值很友好。但我們絕對(duì)不要使用滑塊來(lái)選擇特定的數(shù)值，在某些情況下，滑塊真的讓人令人沮喪并且無(wú)效。

3.下拉式菜單：只有在有選項(xiàng)很多的情況下，才使用下拉菜單。

當(dāng)我們有很多選項(xiàng)時(shí)，比如選擇國(guó)家或生日，下拉菜單可以幫助我們提高可用性。但如果我們只有少數(shù)幾個(gè)選項(xiàng)時(shí)，使用單選按鈕或滑塊會(huì)更適合。

ps.如果我們的下拉菜單非常非常長(zhǎng)，可以考慮添加一個(gè)迷你搜索或過(guò)濾器，這樣用戶就可以快速找到他們需要的選項(xiàng)了。

4.控件：控件的大小應(yīng)該保留足夠的空間，以配合手指點(diǎn)擊操作。

需要小心翼翼的躲避其他選項(xiàng)才能點(diǎn)擊正確的選項(xiàng)是非常令人沮喪的。我的經(jīng)驗(yàn)是元素之間至少保留2mm間距，這樣可以有效防止用戶誤點(diǎn)。

Apple的《iPhone人機(jī)界面指南》建議最小目標(biāo)尺寸為44px寬，44px高。

Microsoft的《Windows Phone UI設(shè)計(jì)和交互指南》建議觸摸目標(biāo)大小為34px，最小觸摸目標(biāo)大小為26px。

5.無(wú)限滾動(dòng)：無(wú)限滾動(dòng)只適合feed流

無(wú)限滾動(dòng)是所有社交媒體APP都在使用的。它的特點(diǎn)在于不需要點(diǎn)擊到下一個(gè)頁(yè)面，內(nèi)容就會(huì)隨著用戶的滾動(dòng)而異步加載。

這種方式在信息流中效果很好，但如果應(yīng)用到消息、郵件、待辦事項(xiàng)、搜索中，會(huì)讓用戶無(wú)法確定開頭、中間和結(jié)尾在哪里。

比如當(dāng)用戶可以看到一個(gè)有945頁(yè)的界面時(shí)，他們可以決定是用搜索、排序還是過(guò)濾來(lái)縮小列表的范圍。但如果他們壓根不知道列表中到底有多少個(gè)項(xiàng)目，那么也無(wú)法鎖定自己想看的內(nèi)容在哪個(gè)位置。

6.分頁(yè)：對(duì)于有開頭、中間和結(jié)尾的內(nèi)容，應(yīng)該使用分頁(yè)。

分頁(yè)雖然看起來(lái)有些過(guò)時(shí)，但它有幾個(gè)好處:

1.它有助于用戶確定自己的位置，而不是瀏覽一個(gè)無(wú)窮無(wú)盡的列表。

2.它會(huì)記住用戶的位置并向他們顯示當(dāng)前頁(yè)面。

3.它可以讓用戶清楚地知道內(nèi)容的開頭、中間和結(jié)尾在哪里。

4.幫助用戶快速切換位置

5.幫助用戶縮小搜索范圍。

7.用戶引導(dǎo)：用戶不希望通過(guò)閱讀來(lái)理解操作

“show don't tell”源自于劇作家安東·契訶夫，這是一種使讀者能夠通過(guò)感官和感覺(jué)而不是作者的描述來(lái)體驗(yàn)故事的技巧。

用戶不希望通過(guò)閱讀來(lái)理解產(chǎn)品如何使用——相反，他們更加喜歡直觀地體驗(yàn)。

雖然視頻演示非常適合復(fù)雜的軟件和界面，如果我們無(wú)法制作視頻，那么界面提示也是很好的起點(diǎn)。不過(guò)，一定要讓這些提示在視覺(jué)上更吸引人、且不會(huì)過(guò)多的搶占用戶注意力。

8.標(biāo)簽：沒(méi)有描述性標(biāo)簽的神秘圖標(biāo)不僅毫無(wú)用處，在用戶測(cè)試中更是表現(xiàn)糟糕。

圖標(biāo)為我們提供了視覺(jué)參考，讓用戶可以通過(guò)它快速識(shí)別控件。但前提是：用戶可以讀懂這個(gè)圖標(biāo)的含義。

有些圖標(biāo)可以不使用標(biāo)簽，如粗體、斜體、下劃線等。但是，在菜單或工具欄中的圖標(biāo)必須用描述性文本來(lái)解釋其含義。

圖標(biāo)經(jīng)常被誤用，以至于用戶有時(shí)很難指出大多數(shù)圖標(biāo)的單一含義。不同的設(shè)計(jì)師用不同的圖標(biāo)來(lái)解釋同一件事，或者用同一個(gè)圖標(biāo)來(lái)描述不同的動(dòng)作。

例如，放大鏡可能在一個(gè)界面中表示“搜索”，在另一個(gè)界面中卻表示“放大”。

9.本機(jī)組件：通過(guò)利用已經(jīng)內(nèi)置到產(chǎn)品中的組件，我們可以為用戶提供熟悉的體驗(yàn)并避免操作失誤。

無(wú)論你是一個(gè)多么優(yōu)秀的設(shè)計(jì)師，你都沒(méi)有理由從零開始設(shè)計(jì)一個(gè)日歷日期選擇器。因?yàn)榧词鼓愕漠a(chǎn)品比原先更好，但用戶還是需要重新學(xué)習(xí)新組件，這對(duì)他們來(lái)說(shuō)是很不友好的。

相比之下本地組件就簡(jiǎn)單很多了——使用它們可以為你的團(tuán)隊(duì)節(jié)省更多時(shí)間和精力，并減少用戶認(rèn)知障礙。

10.載入中：如果任務(wù)需要的時(shí)間不確定，那么使用旋轉(zhuǎn)loading

當(dāng)我們精確地知道一個(gè)加載過(guò)程需要多長(zhǎng)時(shí)間，例如下載或上傳時(shí)，帶有百分比的進(jìn)度條是完美選擇，但是如果我們不能確定這個(gè)加載過(guò)程需要多長(zhǎng)時(shí)間，那么使用只表示狀態(tài)的旋轉(zhuǎn)加載。

并且如果出了問(wèn)題或出現(xiàn)錯(cuò)誤，請(qǐng)確保你的旋轉(zhuǎn)圖標(biāo)停止并向用戶發(fā)出警告。不然你的用戶就只能白白等待一段時(shí)間，而后臺(tái)卻沒(méi)有做任何事。

相關(guān)文章

: 如何學(xué)習(xí)Web前端開發(fā)

由于前端開發(fā)火熱的前景以及一些IT巨頭公司對(duì)web前端開發(fā)人員的需求旺盛，吸引著越來(lái)越多的人轉(zhuǎn)行學(xué)習(xí)WEB前端技術(shù)，要想高效學(xué)習(xí)Web前端知識(shí)，首先應(yīng)該搞清楚Web前端都括哪些技術(shù)結(jié)構(gòu)，小編為大家找來(lái)了學(xué)習(xí)WEB前端技術(shù)的方法介紹，一起來(lái)了解下吧。... [詳情]

95人閱讀

: 零基礎(chǔ)學(xué)室內(nèi)設(shè)計(jì)，應(yīng)該從哪開始學(xué)？

最近很多學(xué)員反映，想要學(xué)習(xí)室內(nèi)設(shè)計(jì)，但是因?yàn)槭橇慊A(chǔ)接觸，不知道該從何學(xué)起？還有的學(xué)員對(duì)學(xué)歷有一定的疑惑，想從事室內(nèi)設(shè)計(jì)一定要學(xué)歷嗎？我現(xiàn)在應(yīng)該從哪里開始學(xué)？小編為大家找來(lái)了相關(guān)的內(nèi)容介紹，一起來(lái)了解下吧。... [詳情]

123人閱讀

: 2020年UI設(shè)計(jì)趨勢(shì)

互聯(lián)網(wǎng)設(shè)計(jì)領(lǐng)域中ui設(shè)計(jì)是最吸引用戶的一項(xiàng)，界面設(shè)計(jì)凝聚了設(shè)計(jì)者的創(chuàng)新和創(chuàng)造力，但隨著科技的不斷進(jìn)步，UI設(shè)計(jì)的流行趨勢(shì)也在不斷更新，小編為大家找來(lái)了2020年UI設(shè)計(jì)趨勢(shì)的相關(guān)內(nèi)容介紹，一起來(lái)了解下吧。... [詳情]

82人閱讀

: 影視后期學(xué)習(xí)攻略

近年來(lái)，影視后期吸引著眾多學(xué)員，很多想要學(xué)習(xí)影視后期的人存在著很多困惑，例如：我想學(xué)影視后期，請(qǐng)問(wèn)該如何入手？我想學(xué)影視后期，需不需要美術(shù)基礎(chǔ)，不懂畫畫能學(xué)嗎？學(xué)影視后期，需要學(xué)什么軟件？小編針對(duì)這些問(wèn)題做了一下的解答，一起來(lái)看看吧。... [詳情]

145人閱讀

: UI設(shè)計(jì)師最容易忽略的10個(gè)錯(cuò)誤

作為UI設(shè)計(jì)師，我們需要時(shí)刻保持關(guān)注，對(duì)設(shè)計(jì)趨勢(shì)擁有較高的敏感度，UI設(shè)計(jì)師在UI設(shè)計(jì)的時(shí)候很容易犯一些錯(cuò)誤，那就是，如果我只要把UI設(shè)計(jì)的界面設(shè)計(jì)的漂漂亮亮的就萬(wàn)事大吉了，事實(shí)就是如此嗎，后面發(fā)現(xiàn)這個(gè)UI設(shè)計(jì)不可用，那是因?yàn)閁I設(shè)計(jì)師容易忽略了的一些關(guān)鍵問(wèn)題，小編為大家找來(lái)了UI設(shè)計(jì)師最容易忽略的10個(gè)錯(cuò)誤，一起來(lái)了解下吧。... [詳情]

115人閱讀

: 原畫不僅僅是，也是生活！

其實(shí)，繪畫原本就是一種觀察的過(guò)程，我們將生活留在腦海中的殘影和上的一些構(gòu)思，用我們的思想填滿，畫在紙上，因而心思會(huì)隨之變得更加細(xì)膩。... [詳情]

97人閱讀

<var id="e4dr9"><ins id="e4dr9"></ins></var>