2016-12-1 ui設(shè)計(jì)分享達(dá)人
如果您想訂閱本博客內(nèi)容，每天自動(dòng)發(fā)到您的郵箱中，?請(qǐng)點(diǎn)這里
上一篇文章我們分享了用戶(hù)體驗(yàn)設(shè)計(jì)需要重點(diǎn)把握的核心原則，今天我們接著來(lái)分享其他的一些核心原則。
（1）文本內(nèi)容應(yīng)足夠清晰。相比于臺(tái)式電腦，智能手機(jī)的屏幕要相對(duì)小的多，這就意味著如何把大量的信息裝到這個(gè)小屏中不得不說(shuō)是移動(dòng)設(shè)計(jì)的一大挑戰(zhàn)。您可能有一個(gè)挺吸引人的想法，即把所有信息都進(jìn)行尺寸上的壓縮也照樣能顯示很多的內(nèi)容。但無(wú)論如何，你應(yīng)該杜絕這種想法。針對(duì)移動(dòng)端的一條經(jīng)驗(yàn)法則：文本大小應(yīng)該至少在11pt左右，好讓用戶(hù)在不用放大的情況也能夠清晰的瀏覽。通過(guò)增加行高或字符間距都能夠提高易讀性，合適的大量的留白可以使一些最亂的界面也能夠看上去簡(jiǎn)潔不少。
（2）保持界面元素清晰可見(jiàn)。應(yīng)該使用顏色和對(duì)比度來(lái)幫助用戶(hù)查看和解讀你的內(nèi)容。選擇出能夠支撐你的程序可用性的主色調(diào)、次要色和強(qiáng)調(diào)色，確保不同的界面元素間有足夠的色彩對(duì)比度以使那些視力不佳的用戶(hù)也能瀏覽使用你的程序。
（3）基于手指的觸控點(diǎn)設(shè)計(jì)控件的布局和位置。Steven Hoover 在他的“用戶(hù)究竟如何使用移動(dòng)設(shè)備”的研究中發(fā)現(xiàn)，49%的人習(xí)慣于使用單個(gè)拇指來(lái)完成所有操作。在下圖中，屏幕中不同顏色的區(qū)域表明用戶(hù)拇指能夠觸及的 難度等級(jí)，其中，綠色區(qū)域表示很容易觸及的范圍，黃色則表示拇指要伸展開(kāi)來(lái)才能夠到，而要觸達(dá)紅色區(qū)域則要求用戶(hù)改變?cè)O(shè)備的手持方式。
（4）減少對(duì)打字輸入的需要。在手機(jī)上打字輸入是一個(gè)緩慢而易于出錯(cuò)的過(guò)程，因此最好要盡量減少移動(dòng)應(yīng)用程序中所需的輸入。盡量移除那些不必要的輸入域，保持表單簡(jiǎn)短。
（5）測(cè)試你的設(shè)計(jì)效果。若把你的設(shè)計(jì)方在一個(gè)大屏的電腦屏幕上看，其效果往往非常不錯(cuò)，然而，一旦放在一個(gè)實(shí)際的手機(jī)屏幕上測(cè)試，其效果甚至不及前者的一半。 即使是那些設(shè)計(jì)最為用心的用戶(hù)界面，放在真實(shí)世界中也難免會(huì)包含一些不可見(jiàn)的缺陷，這就是為何我們要讓真實(shí)用戶(hù)在多樣的移動(dòng)設(shè)備上測(cè)試我們程序的原因。要 把你的應(yīng)用程序當(dāng)做一個(gè)不斷進(jìn)化的實(shí)體，使用分析得來(lái)的數(shù)據(jù)結(jié)果及用戶(hù)的反饋信息不斷的提升你的用戶(hù)體驗(yàn)設(shè)計(jì)。
就如同任何其他設(shè)計(jì)元素一樣，本文提到的諸多準(zhǔn)則可能只是我們?cè)陂_(kāi)始可以參考的一部分。你要嘗試將這些準(zhǔn)則跟自己的想法融合過(guò)濾，找出那些最好的最適合自己的設(shè)計(jì)思路。一定要記住，設(shè)計(jì)不僅僅是面向設(shè)計(jì)人員——設(shè)計(jì)是面向用戶(hù)，是為用戶(hù)而設(shè)計(jì)的。
藍(lán)藍(lán)設(shè)計(jì)( www.88yangsc.com?)是一家專(zhuān)注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì)?、 cs界面設(shè)計(jì)?、 ipad界面設(shè)計(jì)?、 包裝設(shè)計(jì)?、 圖標(biāo)定制?、 用戶(hù)體驗(yàn) 、交互設(shè)計(jì)、?網(wǎng)站建設(shè)?、平面設(shè)計(jì)服務(wù)
藍(lán)藍(lán)設(shè)計(jì)的小編 http://www.88yangsc.com
