設(shè)計(jì)師應(yīng)該知道的15個(gè)UI優(yōu)化秘訣

2018-01-17 1060 0
Visual-Interface-Design1 Visual-Interface-Design2 Visual-Interface-Design3 Visual-Interface-Design4 Visual-Interface-Design5 Visual-Interface-Design6 Visual-Interface-Design7 17:嘗試顯示狀態(tài),而不是狀態(tài)無關(guān) 在任何用戶界面中,我們經(jīng)常可以有不同的狀態(tài)顯示元素。有可以讀取電子郵件,未讀消息,發(fā)票狀態(tài)、支付與否。接口狀態(tài),可以幫助人們了解到,不論他們過去的行為已成功開展,以及是否應(yīng)采取行動。 idea017
  18:嘗試創(chuàng)造效益,而不是僅僅停留在任務(wù)按鈕 試想一下,同時(shí)有兩個(gè)按鈕顯示在頁面上,一個(gè)告訴你”存款”,另外一個(gè)告訴你”注冊”。第一個(gè)按鈕有較高機(jī)會被點(diǎn)擊。相反,注冊過程需要努力,往往需要填寫N多冗長的字段。這是一個(gè)假設(shè),加強(qiáng)利益按鈕,可能得到更高轉(zhuǎn)換。另外,也可以放置跟利益密切相關(guān)的按鈕,告訴人們?yōu)楹我@么做。當(dāng)然,任然有空間,基于任務(wù)環(huán)路,可以保留那些經(jīng)常用到的入口按鈕。 idea018
  19:嘗試直接操縱,而不是上下文的菜單 當(dāng)顯示數(shù)據(jù)表格時(shí),我們通常要允許用戶可以自由操作表格項(xiàng)。點(diǎn)擊、或懸停在某一數(shù)據(jù)時(shí),對數(shù)據(jù)進(jìn)行快捷的刪除、修改、重命名等操作。點(diǎn)擊數(shù)據(jù)項(xiàng)(如文本),則變?yōu)榭删庉媱t是另外一個(gè)典型例子。 idea019
  20:嘗試公開領(lǐng)域,而不是創(chuàng)造額外的頁面 這個(gè)容易理解,直接看圖: idea020
  21:嘗試轉(zhuǎn)換,而不是瞬間變化。 經(jīng)常出現(xiàn)的界面元素,隱藏,移動,轉(zhuǎn)移,并調(diào)整其大小,為用戶體驗(yàn)各司其職。元素作為回應(yīng)我們的互動,例如通過時(shí)間元素,能更容易讓人理解剛剛發(fā)生了什么。而一個(gè)內(nèi)置的動畫或過渡的效果,故意延遲,讓人適應(yīng)位置變化所需的時(shí)間。但請記住,我們開始增加這種轉(zhuǎn)變的持續(xù)時(shí)間超過0.5秒,會有如下情況,人們可能會開始感到疼痛。對于那些只是希望把事情做得很快的人,過長的延遲,當(dāng)然可以是一種負(fù)擔(dān)。 idea021
  22:嘗試逐步參與而不是倉促簽約 為什么不讓用戶首先執(zhí)行一個(gè)任務(wù)通過它演示了一些有價(jià)值的東西,而不是要游客立即注冊。像這樣的交互產(chǎn)品既能展示它的好處,還可以有助于個(gè)性化。一旦用戶開始看到你的產(chǎn)品的價(jià)值,看看他們?nèi)绾文苁顾鼈€(gè)性化,他們將更樂于分享與你額外的信息。逐步參與是盡可能的推遲簽約過程,讓用戶自定義產(chǎn)品與服務(wù)。
idea022
  23:嘗試減少邊界,避免影響用戶注意力 用戶真正需要的內(nèi)容,如果存在邊界的話,會更加分散用戶的注意力。雖然邊界可以準(zhǔn)確清晰的定義劃分一個(gè)片區(qū),但卻也成為用戶認(rèn)知能力的負(fù)擔(dān)。為了定義屏幕元素之間的關(guān)系,元素可以僅僅通過靠近、對齊、不同背景,甚至只是一個(gè)相似的排版樣式即可。 idea023
  24:嘗試銷售福利,而非功能 人們傾向于關(guān)心特性而不是利益。好處他們隨身攜帶更多的清晰定義的值??死锼?middot;吉爾伯在《100美元啟動》寫道,人們真正關(guān)心有更多的:愛、金錢、認(rèn)同和空閑時(shí)間,同時(shí)希望有更少的壓力,沖突,麻煩和不確定性。 展示特性的時(shí)候,盡可能用給用戶的好處來代替,當(dāng)然,功能是可以偶爾出來一下的。(譯者理解:把功能性的陳述轉(zhuǎn)意成對用戶得到好處的陳述。) idea024
  25:盡量使用零數(shù)據(jù),而不是非常多數(shù)據(jù) 一些情況下,你會有0、1、10、100、或10000 +數(shù)據(jù)結(jié)果可能需要以某種不同的方式顯示。最常見的場景可能是第一次使用的過渡與零數(shù)據(jù)對未來使用更多的數(shù)據(jù)。我們經(jīng)常忘記去設(shè)計(jì)這個(gè)初始情況仍沒有任何顯示,通過這樣做,我們可能會忽視用戶。一個(gè)零數(shù)據(jù)世界是一個(gè)寒冷的地方。當(dāng)用戶第一次看你的應(yīng)用程序和它所做的就是顯示一片空白,沒有任何指導(dǎo),那么你很可能錯(cuò)失一個(gè)機(jī)會。零數(shù)據(jù)狀態(tài)是完美的候選人獲得用戶在最初的障礙學(xué)習(xí)跟他們下一步要做什么。好東西規(guī)模和用戶界面也不例外。
idea025
  26:試著選擇退出,而不是選擇 選擇推出策略,意味著用戶會無需任何行動就可以做一些事情?;蛘?,也有更多傳統(tǒng)的推出策略,為了收到一些新信息,首先要讓人們采取一些行動。兩個(gè)更好的理由說明喜歡選擇退出比傳統(tǒng)推出更好:第一,選擇退出減小了用戶行為軌跡的阻力,因?yàn)橛脩舨恍枰鋈魏问?;第二,推薦選擇,也是某種規(guī)范暗示 —— “因?yàn)閯e人需要它,所以,我可能同樣需要。”當(dāng)然,選擇退出策略常被認(rèn)為是有爭議的,因?yàn)橛泻芏嗳藶E用這樣的功能給用戶制造麻煩。用戶為了某些事,在不知情的情況下而注冊。因此,在道德標(biāo)準(zhǔn)范疇內(nèi),如果你決定使用選擇退出方法,確保你的默認(rèn)選擇退出對于你的客戶清晰和容易理解。畢竟,這個(gè)策略也被使用在歐洲挽救生命。 idea026
  27:嘗試界面一致性,不要讓用戶重新學(xué)習(xí) 爭取在用戶界面設(shè)計(jì)一致性。保持一個(gè)更加一致的用戶界面或互動方式,以減少學(xué)習(xí)量。當(dāng)我們按下按鈕和換檔滑桿,我們學(xué)會期待看到這些交互元素,我們的行為被我們所期望的方式反復(fù)。一致性鞏固了我們的學(xué)習(xí)方式進(jìn)行互動。如果界面不一致,我們會被迫進(jìn)入重復(fù)學(xué)習(xí)模式。如:顏色,方向,行為,定位,大小,形狀,標(biāo)記和語言,等可以實(shí)現(xiàn)一致的元素。我們一度讓一切保持一致,但是,請記住,保持不一致的事情仍然有價(jià)值。從我們潛意識中,要求不一致的元素或行為 – 它可以是一件好事。試試吧,這種潛意識讓我們常常能夠打破常規(guī)。 idea027
  28:嘗試使用智能默認(rèn)值,而不是要求做額外的工作 使用智能默認(rèn)或預(yù)填充表單字段,這是一種常見的技術(shù),幫助用戶更快地移動表格,消除他們的工作量,尊重他們有限的時(shí)間。嘗試顯示預(yù)裝值進(jìn)行驗(yàn)證,而不是要求每次重新輸入值的字段。更少工作,就會更好。 idea028
  29:嘗試公約,而不是重新發(fā)明輪子 公約比一致性更具備共識基礎(chǔ)。如果我們保持一致性的用戶界面,人們便可以輕而易舉的完成任務(wù)。另一方面,我們還可以讓業(yè)務(wù)流程盡可能有相同的多個(gè)入口,進(jìn)一步降低學(xué)習(xí)曲線。在這些幫助,我們學(xué)會了建立UI約定關(guān)閉屏幕窗口的右上角(通常),或期望一定看從我們的設(shè)置圖標(biāo)。當(dāng)然有時(shí)候,在新模式下,一個(gè)約定不再服務(wù)的目的。非常規(guī)時(shí),確保它目標(biāo)明確,具備良好的意圖。 idea029
  30:嘗試讓用戶厭惡損失,而不是強(qiáng)調(diào)收益 我們想贏,但是我們不想失去。據(jù)說服力心理學(xué)規(guī)則表明,我們可能更傾向于避免損失比獲得收益。這可以應(yīng)用到提供的產(chǎn)品是如何被選中并溝通。
idea030

29
評論區(qū)(0)
正在加載評論...