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