前面我們通過《如何注重移動端視覺體驗設(shè)計》這篇文章介紹了,聚焦點原理以及操作方法,屏幕上突出顯示聚焦點和通過動畫創(chuàng)造臨時聚焦點,在設(shè)計過程中，考慮用戶體驗同時要著重用戶獲取信息的方便度，接下來由南昌網(wǎng)站制作公司百恒網(wǎng)絡(luò)設(shè)計師介紹具體思路及操作方法。

清理屏幕，給內(nèi)容讓位

當(dāng)用戶看到移動終端的屏幕時，需要使用選擇性注意 的能力，區(qū)分有用和無 用的內(nèi)容。這種辨別過程不是自動進(jìn)行的，用戶必須首先在大腦中進(jìn)行選擇分 析，然后把注意力集中在有用的內(nèi)容上。屏幕上無用的信息越多，大腦選擇耗費 的認(rèn)知成本 就越大。

根據(jù)認(rèn)知心理學(xué)上的最新發(fā)現(xiàn)，大腦在注意模式下會優(yōu)先處理無用的信息， 選擇無視它們，就好像大腦在抑制這些讓人分心的信息。這可是個好消息，設(shè)計 者可以幫助用戶減少大腦在這里付出的辛勞!只要屏幕上僅顯示有用的信息，用 戶就不需要花費過多的認(rèn)知成本抑制無用的信息，注意自然會更多地集中在有用 的信息上。

為了能夠即時為用戶選擇有用的信息，我們可以使用交互時刻的概念：用戶 看到的屏幕內(nèi)容、剛剛進(jìn)行的操作、最終的目標(biāo)等不同因素，決定了用戶的需求 也不一樣。設(shè)計者應(yīng)該自問，用戶在什么時候需要導(dǎo)航選項，什么時候需要把精 力集中在頁面內(nèi)容上。下面請看幾個例子。

讓文章的形式利于閱讀

凸顯視覺信息的一個方法是讓用戶對閱讀活動產(chǎn)生興趣。移動終端和其他媒 介一樣，在用戶進(jìn)行操作的核心部分里，提供的內(nèi)容最為重要。令用戶輕松地獲 得閱讀信息，把閱讀信息作為界面核心，會讓用戶活動明顯簡化。在移動過程 中，閱讀活動需要在各種不同的環(huán)境中進(jìn)行，而且這些環(huán)境往往不夠安靜，難以 讓人集中精力。所以，應(yīng)該幫助用戶更容易快速獲得信息和迅速瀏覽。

一些簡單的方法能夠讓文章的布局更利于快速瀏覽。如果設(shè)計者要呈現(xiàn)的是 以文字為基礎(chǔ)的內(nèi)容，以下建議就顯得更為重要，尤其是各種媒體文章、報刊網(wǎng) 站、檔案資料、博客和社交網(wǎng)絡(luò)等。

把閱讀內(nèi)容分成小段

為了便于用戶在移動終端上閱讀，可以把文章分割成小段，這樣有利于讀者 獲取資訊：如果作者的每一個想法都用單獨的一小段文字呈現(xiàn)，那么這種布局方 式有利于讀者在瀏覽全篇文章時不遺失信息。

控制好背景與文字的對比度

為了保證讀者能夠輕松地閱讀文章，設(shè)計者應(yīng)該優(yōu)化背景顏色和文字顏色的 對比度。這條原則不但有利于視力不佳的用戶(隨著人口不斷老齡化，視力不佳 的用戶數(shù)目將越來越多)，對其他用戶同樣大有裨益!如果背景與文字對比強(qiáng)烈， 那么移動終端用戶即便處于光線暗淡、反射光弱、持續(xù)運動等不利于閱讀的環(huán)境 中，也會感到更加舒適。

萬維網(wǎng)聯(lián)盟(W3C)就此制定了標(biāo)準(zhǔn)，而且設(shè)計者可以使用“16 進(jìn)制顏色 碼”等工具，測試顏色和亮度的差別，比如喬納森·斯努克(Jonathan Snook) 設(shè)計的工具測試，網(wǎng)址如下：http://goo.gl/E5xZPc。如果你正在設(shè)計移動終端網(wǎng) 站，還可以在 HTML 文本上使用瀏覽器擴(kuò)展程序完成自動測試。

設(shè)計者可以根據(jù)文章各部分的重要性調(diào)整背景與文字的對比度：不重要的文 字可以與背景的對比度小一些。這樣一來，設(shè)計者從視覺上建立等級梯度，用戶 自然心領(lǐng)神會，知道該信息屬于次要信息。

最后，在使用背景圖片的時候，更不要忘記加強(qiáng)文字與背景的對比度。尤其 是，網(wǎng)站更新需要常常更換背景圖片，文字設(shè)計更需留心。如果設(shè)計者無法全權(quán)決定使用何種背景圖片，那么一定要挑選一種適合任何背景的字體顏色，或者設(shè) 計一種無論使用什么背景圖片，文字依然能保持清晰、醒目的界面。

本文僅限內(nèi)部技術(shù)人員查閱學(xué)習(xí)交流,不得作于其他商業(yè)用途.原創(chuàng)文章出自:南昌網(wǎng)站建設(shè)公司-百恒網(wǎng)絡(luò) http://www.51yjwy.com 此文禁止轉(zhuǎn)載,謝謝合作!