《瞬間之美》主要是針對(duì)Web端的界面颜武,闡述的交互設(shè)計(jì)如何達(dá)到用戶最滿意的狀態(tài)令宿,如何能讓用戶一眼就愛上你寇荧。
第一部分是指引用戶
設(shè)計(jì)絕不包含任何運(yùn)氣成分。一個(gè)網(wǎng)站的外觀羞海。板式布局忌愚、導(dǎo)航結(jié)構(gòu)、傳達(dá)個(gè)性的元素却邓,這其中的任何一項(xiàng)硕糊,乃至顏色和字體的使用方式,對(duì)于第一印象(以及隨后的效果)而言都至關(guān)重要腊徙。它們都需要我們有明確的目標(biāo)简十,進(jìn)行針對(duì)性的設(shè)計(jì),才能傳達(dá)正確的信息昧穿,而用戶才會(huì)信任我們的網(wǎng)站和產(chǎn)品勺远。
(1)令人心動(dòng)的第一印象
引導(dǎo)用戶留下來,美貌很重要时鸵,分別從網(wǎng)站布局,頁(yè)面色彩的強(qiáng)弱對(duì)比(色彩可用對(duì)角線平衡)來提升用戶對(duì)我們的第一印象厅瞎,引導(dǎo)用戶留下來饰潜。
(2)凸顯個(gè)性
凸顯品牌形象,統(tǒng)一設(shè)計(jì)風(fēng)格和簸。
(3)導(dǎo)航之道
導(dǎo)航設(shè)計(jì)成用戶主導(dǎo)的模式彭雾,讓用戶隨心所欲的尋找自己想去的地方。
(4)鏈接生來不平等
對(duì)于一堆鏈接放在一起的現(xiàn)象會(huì)讓人一看就頭大不知道如何下手锁保,可以通過改變字號(hào)大小薯酝,顏色強(qiáng)弱來排序半沽,這樣可以從視覺上直接感受到重要和不重要的順序了。
第二部分是學(xué)習(xí)
(1)開門見山
用戶沒有時(shí)間和耐心讀你的長(zhǎng)篇大論吴菠,對(duì)于用戶來講者填,一個(gè)簡(jiǎn)短的句子遠(yuǎn)比一大段文字來的有意義,用戶需要有用的信息做葵。
(2)為界面做標(biāo)記
設(shè)計(jì)部不能只基于我們自己一廂情愿的“假設(shè)”占哟。相反,我們需要假設(shè)用戶毫不了解我們的軟件酿矢,隨后給他們足夠的信息以便幫助他們理解榨乎。說明性文字、what is this?鏈接以及表意清楚的標(biāo)記都能達(dá)到這一目的瘫筐。
(3)生動(dòng)傳神的視頻
視頻可以讓用戶了解新功能一目了然蜜暑,省去很多繁瑣的語言描述。
第三部分是搜索
(1)提出搜索詞建議
自動(dòng)搜索
(2)列出搜索結(jié)果
遵循普遍的標(biāo)準(zhǔn)策肝,幫助用戶達(dá)到他們的目的史煎,而不是迫使用戶學(xué)習(xí)任何新的東西。
(3)精煉你的搜索
簡(jiǎn)化高級(jí)搜索表單驳糯,但在其他地方它還能用來隱藏各種高級(jí)功能篇梭,甚至還能為那些少見的配置選項(xiàng)提供一個(gè)容易辨識(shí)的入口≡褪啵可采用“遞進(jìn)顯示”的方法來隱藏其中的內(nèi)容恬偷。
第四部分是深入
(1)視頻播放器的標(biāo)準(zhǔn)化
對(duì)比業(yè)內(nèi)多家視頻產(chǎn)品,取各家之長(zhǎng)帘睦,優(yōu)化最佳體驗(yàn)袍患。
(2)鞏固你的表單布局
遵循用戶視線平移方向,從上到下竣付,從左到右诡延。表單的設(shè)計(jì)讓問題和答案在一列上可以提升用戶的瀏覽順序。
(3)駕馭wizard向?qū)?/p>
簡(jiǎn)歷清晰的向?qū)ьA(yù)期古胆,不要讓用戶有永遠(yuǎn)看不完的感覺肆良。可以采用分層隱藏下拉的方式把所有的題目一次呈現(xiàn)出來逸绎。
(4)最后的一英里:即使校驗(yàn)
要糾錯(cuò)也要表?yè)P(yáng)惹恃,填對(duì)了時(shí)刻給用戶以反饋,填錯(cuò)了可以通過顏色的改變提示錯(cuò)誤棺牧,而不是用彈窗的形式提示用戶巫糙,減少用戶的點(diǎn)擊和挫折感。
(5)簡(jiǎn)化長(zhǎng)表單
并不是所有的交互都能夠簡(jiǎn)化颊乘,建立清晰的預(yù)期参淹,并把復(fù)雜的過程分解成能一口口干掉的小塊醉锄。
(6)讓他們登錄
簡(jiǎn)化登錄流程,盡量減少用戶的輸入內(nèi)容浙值。
(7)計(jì)算字符數(shù)
對(duì)于有字?jǐn)?shù)限制的地方恳不,要有明確的提醒,減少用戶的出錯(cuò)亥鸠。例如在輸入框的右上角有個(gè)單獨(dú)的數(shù)字計(jì)算器妆够。
第五部分是參與
(1)創(chuàng)建個(gè)人資料
(2)編輯
(3)開展社交活動(dòng)
(4)顯而易見的微博
(5)邀請(qǐng)討論
(6)得到一個(gè)好的評(píng)分
第六部分是管理信息
(1)讓RSS更有意義
(2)自定義標(biāo)簽
(3)通過拖放來組織信息
(4)用系統(tǒng)通知來管理中斷
不要無故停止系統(tǒng)運(yùn)營(yíng)或者升級(jí),要給忙碌的用戶提前一個(gè)提示负蚊。
第七部分是離開
(1)退出
用戶退出后不需要些很多的多余的話神妹,用戶也不會(huì)看,可以進(jìn)入一個(gè)鼓勵(lì)和慫恿用戶再次登錄的窗口家妆。界面太空的話鸵荠,可以加入一些新功能的介紹,
(2)抹去那些塵封的用戶
(3)由他們?nèi)グ?/p>