UI知識(shí),10個(gè)UI設(shè)計(jì)需要問的問題

來源:站酷 作者:SSSStorm 學(xué)習(xí):3659人次

UI 設(shè)計(jì)的魅力在于,你不僅需要適當(dāng)?shù)募记,更要理解用戶與程序的關(guān)系。一個(gè)有效的用戶界面關(guān)注的是用戶目標(biāo)的實(shí)現(xiàn),包括視覺元素與功能操作在內(nèi)的所有東西都需要完整一致。

 

1. 你的UI是否高度一致?

用戶來到你的站點(diǎn),腦子里會(huì)保持著一種思維習(xí)慣,你的 UI 需要保持一致,以免用戶的思維方向被打亂。比如,如果你的某個(gè)品目下的產(chǎn)品可以拖放到購物車,那你站點(diǎn)中所有產(chǎn)品都應(yīng)該可以這樣操作。將按鈕放到不同頁面相似的位置,使用相契合的配色,使用一致的語法和書寫習(xí)慣,同時(shí),讓你的頁面擁有一致的結(jié)構(gòu)。

 

2 . 用戶能自由掌控自己的操作嗎?

你應(yīng)當(dāng)分析一下,自己的站點(diǎn)是否容易導(dǎo)航。用戶應(yīng)當(dāng)可以自由掌控自己的瀏覽行為,確保他們能從某個(gè)地點(diǎn)跳出,能夠毫無障礙地退出。那些在用戶離開前彈出窗口的行為是 UI 易用性的一個(gè)大問題。

 

3. 你知道誰是你的用戶群嗎?

要設(shè)計(jì)有效的 UI,必須對(duì)你的用戶群有所了解,不同的用戶階層對(duì)不同的設(shè)計(jì)元素有不同的理解,17~25 歲年齡段的人,和 40~55 年齡斷的人有不同的喜好。你的 UI 設(shè)計(jì)必須針對(duì)你的用戶群進(jìn)行設(shè)計(jì)。

  

4. 你是否有足夠的預(yù)防錯(cuò)誤的措施?

應(yīng)該盡可能檢查程序中的錯(cuò)誤和 BUG,雖然你可以彈出一個(gè)窗口告訴用戶發(fā)生了什么,但為了更好的用戶體驗(yàn),最好減少這些東西。Beta 測試是消減錯(cuò)誤的最好方法。

 

5. 你是否首先將最重要的東西展示給用戶?

將重點(diǎn)放在重要的內(nèi)容上面,首先為用戶展示最重要的內(nèi)容,以便用戶更好地理解你的內(nèi)容。

 

6. 你的設(shè)計(jì)是否簡約?

很多站點(diǎn)的設(shè)計(jì)十分簡約,簡約設(shè)計(jì)可以增強(qiáng) UI 的易用性,可以讓用戶不必關(guān)心那些無關(guān)的信息。你的 UI 應(yīng)該是這樣的,它的功能很強(qiáng)大,但設(shè)計(jì)很簡約,擁擠的界面,不管功能多么強(qiáng)大,都會(huì)嚇跑用戶。

 

7. 你是否使用了視覺提示?

如果你使用了 Ajax, Flash 一類的技術(shù),當(dāng)內(nèi)容在加載的時(shí)候,應(yīng)當(dāng)提供視覺提示,應(yīng)當(dāng)始終讓用戶知道目前在做什么。

  

8. 你的UI 是否有操作提示?

你的用戶是否靠自己研究或 FAQ 文檔學(xué)習(xí)如何操作?你應(yīng)當(dāng)在 UI 現(xiàn)場提供簡單的操作提示,比如,使用 jQuery 在你的各個(gè) UI 元素上顯示操作提示。

 

9. 你如何使用色彩?

色彩是 UI 的重要元素,不同的顏色代表不同的情緒,你對(duì)色彩的使用應(yīng)當(dāng)和站點(diǎn)以及主題相契合。還應(yīng)注意,有的用戶是色盲,你應(yīng)當(dāng)考慮到他們的感受。色彩的使用應(yīng)該一致,一旦選定了某種配色,就應(yīng)該在整個(gè)站點(diǎn)一致使用這種配色。

 

10. 你的UI 是否大象無形?

UI Engineering曾經(jīng)說過,”最好的設(shè)計(jì)不是用來看的,是用來體驗(yàn)的"。這意味著,你的 UI 應(yīng)該讓用戶去體驗(yàn),而不是放一些花哨的東西給用戶看。UI 設(shè)計(jì)越簡單,用戶體驗(yàn)越好,不要濫用設(shè)計(jì)元素,不要使用擁擠的界面。

 

來源:spyrestudios.com Diving Into The User Interface With Fundamental Questions(原文作者:Joel Reyes)

學(xué)習(xí) · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評(píng)論 | 交作業(yè) -
最新評(píng)論
暫無評(píng)論,交個(gè)作業(yè)支持一下吧~

關(guān)注大神微博加入>>

網(wǎng)友求助,請(qǐng)回答!