人(rén)
已閱讀
已閱讀
幾個(gè)細節讓你的(de)APP開發更完美(měi)
來(lái)源:lexintech.com 發布時(shí)間:2017-08-19
啓動頁、空狀态、動畫(huà)反饋這(zhè)三種狀态,都是容易被忽視,而又能讓移動App 脫穎而出的(de)細節。如何做(zuò)好這(zhè)三個(gè)細節的(de)用(yòng)戶體驗設計?今天樂(yuè)信小編分(fēn)享的(de)這(zhè)篇好文總結了(le)關鍵的(de)幾個(gè)原則。
啓動頁
當用(yòng)戶打開 app 時(shí),最不能做(zuò)的(de)事情就是讓他(tā)們等待。但是如果 app 的(de)初始設置非常耗時(shí),又不可(kě)能優化(huà)該怎麽辦?你不得(de)不讓用(yòng)戶等。如果他(tā)們願意等,你得(de)知道如何 吸引他(tā)們。啓動頁解決了(le)等待的(de)問題,讓你有一個(gè)簡潔有力的(de)窗(chuāng)口來(lái)吸引用(yòng)戶。
Google 和(hé) Apple 都建議(yì)用(yòng)啓動頁 模拟更快(kuài)的(de)加載 來(lái)提高(gāo)用(yòng)戶體驗。啓動頁給到用(yòng)戶即時(shí)反饋,表示 app 已經啓動并正在加載。 爲了(le)保證人(rén)們等待的(de)時(shí)候不厭倦,給他(tā)們一些 娛樂(yuè):有意思的(de),意想不到的(de),或者任何可(kě)以抓住用(yòng)戶注意力的(de)東西,時(shí)間長(cháng)到夠 app 啓動就好。
如果 app 的(de)初始設置超過 10 秒鐘(zhōng),考慮使用(yòng) 進度條 來(lái)表示正在加載。記住,不确定時(shí)間的(de)等待給人(rén)的(de)感覺要比确定時(shí)間的(de)等待更加漫長(cháng)。所以,你要給用(yòng)戶一個(gè)清晰的(de)标識,他(tā)們需要等多(duō)長(cháng)時(shí)間。
空狀态
我們通(tōng)常會設計一個(gè)豐滿的(de)界面,布局中的(de)所有元素都完美(měi)的(de)放置,看上去很美(měi)。但是如果界面正在等待用(yòng)戶操作,該怎麽設計?我要說的(de)就是空狀态。設計空狀态是非常重要的(de),因爲即使它是一個(gè)臨時(shí)狀态,它也(yě)會是 app 中的(de)一份子, 并且對(duì)用(yòng)戶 有用(yòng)。
空狀态的(de)意義不僅是一個(gè)裝飾。除了(le)向用(yòng)戶提示界面上将要展現的(de)内容,它還(hái)可(kě)以作爲一種 導引 (介紹 app,展示爲用(yòng)戶做(zuò)的(de)事情),或者 助手 (出錯時(shí)的(de)屏幕)。這(zhè)兩種情況下(xià),你都希望用(yòng)戶能做(zuò)點什(shén)麽事情,所以,屏幕不會立即變爲空狀态。
給新手用(yòng)戶設計空狀态。記住新用(yòng)戶的(de)體驗很 重要。給他(tā)們設計空狀态的(de)時(shí)候要盡量簡單。重點放在用(yòng)戶的(de)主要目标,設計互動性最大(dà)化(huà):清晰的(de)信息,合适的(de)圖像,一個(gè)按鈕,這(zhè)就夠了(le)。
動畫(huà)反饋
好的(de)交互設計會提供反饋。在現實世界,像按鈕這(zhè)樣的(de)物(wù)體會對(duì)我們的(de)交互做(zuò)出反饋。人(rén)們會對(duì) app 中的(de)元素有同樣水(shuǐ)平的(de)期望。可(kě)視的(de)反饋讓人(rén)們有 掌控感:
它會告知交互的(de)結果,讓結果可(kě)見并可(kě)以理(lǐ)解。
它給用(yòng)戶一個(gè)信号,這(zhè)個(gè)對(duì)象(或者 app )執行一個(gè)任務成功或者失敗。
動畫(huà)反饋通(tōng)過即時(shí)的(de)信息溝通(tōng)來(lái)節約時(shí)間,并且不能讓用(yòng)戶厭煩或者分(fēn)心。
當用(yòng)戶看的(de)點擊/觸摸操作引發的(de)一個(gè)動畫(huà)反饋,他(tā)們馬上知道這(zhè)個(gè)操作被接受了(le)。
動畫(huà)反饋必須經久不衰。第一次看著(zhe)新鮮的(de)東西,100 次之後可(kě)能就煩了(le)。
總結
用(yòng)心設計。app 的(de) UI 裏面,每個(gè)微小的(de)細節都值得(de)密切注意,因爲 UX 就是讓所有細節協調的(de)總和(hé)。所以,請從一而終,持之以恒的(de)打磨你的(de) UI,創造真正無與倫比的(de)用(yòng)戶體驗。
- 上一篇:APP開發如何做(zuò)好原型設計和(hé)交互設計
- 下(xià)一篇:談一談深圳APP開發設計的(de)新趨勢