亚洲av无码成人专区片在线观看,亚洲av岛国动作片在线观看,少妇,喷水,亚洲av成人无遮挡网站在线观看,天堂网www资源在线

恭喜你成為UI中國推薦設(shè)計師 (詳情)
//百度統(tǒng)計 20220402 uicn

您的意見是我們 UI 中國進(jìn)步的動力!
點擊立即反饋按鈕,發(fā)表您的意見!
立即反饋
QQ群反饋
您也可以加入UI中國官方反饋群進(jìn)行反饋!
群號:302892100
備注:反饋問題后@管理員能讓我們及時了解您的意見

提交需求

賽事與廣告咨詢合作,請?zhí)顚懶枨蟊韱?,我們會在第一時間與您聯(lián)系!

0/20
0/200

設(shè)計大賽

  • 設(shè)計大賽
  • 發(fā)布廣告
  • 發(fā)布招聘
  • 其它需求

提交完成
感謝您對UI中國的支持和信賴!
設(shè)計師最常忽略的UI頁面狀態(tài):空白狀態(tài)
0.0°
2016-06-27 自譯外文 經(jīng)驗/觀點 原作者: Nick Babich 舉報 7469 32 36 0

設(shè)計師必須讓用戶在 “首次使用" 就有好的體驗!本篇就要探討設(shè)計師最常忽略的頁面 – 空白狀態(tài)(empty state) 頁面。

大多 app 平均會失去 77% 的用戶(用戶下載后三天)。更糟的是,在 30 天內(nèi), 將近 80% 的用戶不再使用。造成如此低的用戶留存率(retention rates)是因為 app 制作或概念不良嗎?恐怕有其他原因。基本上,使用者會下載許多 app 試用,并在幾天內(nèi)就會決定該刪除那幾個。這代表怎么在這個期間內(nèi)讓使用者上癮,是邁向成功的關(guān)鍵。而你的任務(wù)就是確保用戶要經(jīng)常使用你的app,且能心滿意足。但在達(dá)到這個目標(biāo)之前,你必須讓他們在 “首次使用" 就有好的體驗!本篇就要探討設(shè)計師最常忽略的頁面 – 空白狀態(tài)(empty state) 頁面。



第一眼印象太重要了!

設(shè)計師應(yīng)該通常都會先設(shè)計內(nèi)容齊全的代表頁面,并在示意圖上呈現(xiàn)最佳排列的效果。直到最后(或沒有)才考慮可能遇到的空白狀態(tài)(empty state) 。但重要的是,"空白狀態(tài)" 的呈現(xiàn)具有能驅(qū)動用戶繼續(xù)使用的潛力,我們要把握這個與用戶溝通價值的時機(jī)。


什么時候使用者會遭遇 “空白狀態(tài)" ?


  • 首次使用: 首次開啟 App
  • 發(fā)生錯誤:觸發(fā)某事件
  • 使用者主動清除:當(dāng)使用者把內(nèi)容都清空時



設(shè)計空白頁面的效益并不僅是美學(xué)的提升,它能讓用戶預(yù)期接口可能要呈現(xiàn)的內(nèi)容,也可增加使用者的黏著度,并告知使用者進(jìn)行某些動作會發(fā)生甚么事情。設(shè)計 “空白狀態(tài)" 頁面,可達(dá)到下述三大效益:


  1. 教學(xué)與幫助
  2. 讓使用者開心
  3. 激勵使用者行動




1. 提供教學(xué)與幫助

在 “空白狀態(tài)" 頁面上可達(dá)成的第一個效益就是:指導(dǎo)使用者如何使用你的 app。如果他們不懂 如何操作,app 可能就會被打入冷宮。所以,你應(yīng)該要協(xié)助他們理解下一步要干嘛?或讓他們可期待會有種事件發(fā)生。


Invoice app?—?搭配雙色的插畫,來告知用戶趕緊輸入相關(guān)數(shù)據(jù),以呈現(xiàn)你的銷售表現(xiàn),并開始經(jīng)營客戶。


在發(fā)生 “錯誤" 的頁面上,應(yīng)該要提供有用的信息,如協(xié)助排除。此頁面的設(shè)計需在 “友善的程度" 與 “幫助的效益" 中取得平衡。當(dāng)錯誤發(fā)生時,你應(yīng)該向使用者解釋為什么看不到內(nèi)容,該怎么解決。


負(fù)面案例: Spotify 在錯誤頁面上僅呈現(xiàn) “有錯誤發(fā)生" 的訊息。


Spotify 的錯誤頁面并沒有提供任何幫助


好的案例: Azendoo 留下訊息: 你就像身處荒島,感到迷失方向且失去聯(lián)系嗎?跟隨我們的建議,保持冷靜,點把取暖的火,并且按下重整試試。


Azendoo 的錯誤頁面就有趣且有幫助多了。



好的 “初次使用" 頁面設(shè)計可以傳達(dá)以下信息:

  • 解釋正在使用的內(nèi)容類為何
  • 告知使用者目前所在頁面
  • 告知用戶此步驟,需要一些資料的導(dǎo)入,才會顯示出內(nèi)容(例如先follow一些人)


2.讓使用者開心

若要給使用者好的第一印象,使用性是關(guān)鍵但非為一,產(chǎn)品所呈現(xiàn)的 “品牌個性" 更是重要。假使你能讓 “空白狀態(tài)" 的頁面看起來與其它競爭對手不同,其實也代表著你向用戶證明 “產(chǎn)品體驗同樣也具獨特性"! 而我們的目標(biāo)就是設(shè)計出令人愉悅驚喜的界面。


Image title


你能做出清新或讓人意想不到的創(chuàng)意嗎?例如以下透過動畫來表現(xiàn)的案例:


Workmates?—?讓可愛的動物來歡迎你,跟你 say HI!


或是你能使用開玩笑的手法:


Cognito Brain Training?—?若你還沒準(zhǔn)備好,你會在畫面上遭遇一只大白鯊。



Aaron Walter 由人類不同的需求層次,來解釋 “成功的使用者體驗" 需具備何種要素;他認(rèn)為 app 應(yīng)該具功能、可靠性與可用性,同時也應(yīng)該是愉悅的。所以試試把 “同理心" 應(yīng)用于 “空白狀態(tài)" 頁面吧:


Google Hangouts?—?當(dāng)沒人邀請時,無論原因,總是會令使用者沮喪。因此,它在此頁面上呈現(xiàn)一名哭泣小孩的插圖。不過,我們可以思考,這樣做能刺激或鼓勵使用者透過方法來取得更多邀請嗎?


為了提升使用者看到 “空白狀態(tài)" 頁面的體驗,你可以透過一些手法來取悅他們,如下:

  • 帶入品牌元素( 具差異或有趣的)
  • 具幽默感或娛樂性 ( 利用 “正面" 的情感元素,并給用戶驚喜)
  • 顯露出人性的那一面 ( 提供獎勵,或即使你沒義務(wù)解決也提供協(xié)助)




3.激勵使用者行動

大家可以把 “空白狀態(tài)" 想成小型的 landing page,一個成功的設(shè)計會把 “特殊功能" 或 “特色" 的信息,在此頁面告知給使用者,并且導(dǎo)引他們?nèi)プ龀鑫覀冾A(yù)期的動作。


Image title


在 “空白狀態(tài)" 的頁面上激勵使用者進(jìn)行某些行為,你可以這么做:

  • 鼓勵使用者使用:利用適當(dāng)并帶激勵作用的用詞或設(shè)計,如 “學(xué)習(xí)更多" 或 “讓我們開始吧!"

Dropbox iOS app


  •        說服使用者使用:提醒用戶他們使用你的產(chǎn)品能帶來的效益。  

Image title


給使用者指示:推薦或告知使用者最佳上手途徑,并提供 CTA 按鈕(或有箭頭引導(dǎo))來引導(dǎo)使用者脫離"空白狀態(tài)",進(jìn)行有意義的行為

Image title


設(shè)計 空白狀態(tài)(empty state) 的技巧

千萬不要認(rèn)為 “空白狀態(tài)" 頁面僅是體驗中暫時或次要的部分,而不去設(shè)計它。帶給你的使用者愉悅的使用體驗,并試圖將功能或特色與情感鏈接。向用戶解釋 app 能帶來的價值,這樣才能讓用戶理解為什么他們應(yīng)該關(guān)注你。 保持簡單的視覺: 簡潔的 icon 或 輕爽的插圖,再搭配 CTA 按鈕 通常就夠了。 如果 “空白狀態(tài)" 頁面是由活躍用戶的行為而產(chǎn)生,可在上面呈現(xiàn)另他們愉快的訊息。 假使是使用者的錯誤而出現(xiàn) “無理想內(nèi)容狀態(tài)" 頁面,你必須清楚的解釋如何解決問題或返回。


結(jié)論


“空白狀態(tài)" 頁面的設(shè)計就如同其他項目一樣重要,因為好的使用者體驗是來自于整體操作旅程的總和。"空白狀態(tài)" 頁面是你與使用者的管道,設(shè)計上需要讓訊息與操作之間達(dá)到微妙的平衡。



延伸閱讀:

  1. 助你沖高下載量的七大 app 設(shè)計思維!
  2. “微互動" 將是2016年 APP 的設(shè)計新趨勢





設(shè)計大舌頭是一個長期關(guān)注用戶體驗相關(guān)(UED)議題的共筆平臺,包含用戶介面(UI)、互動設(shè)計(Interaction Design)、產(chǎn)品設(shè)計趨勢、設(shè)計專利以及服務(wù)設(shè)計等,試圖讓更多讀者了解設(shè)計師們的巧思,并推廣 Design Thinking 的思維,歡迎更多人加入這一個討論園地。


如果你也喜歡我們的文章,歡迎大家到我的 Blog(設(shè)計大舌頭)瞧瞧:https://designtongue.me/


Image title


更新:2016-06-27

收藏

32人已收藏

設(shè)計大舌頭

談?wù)動脩趔w驗,聊聊使用者介面

  • 9

    作品

  • 325

    粉絲

  • 21

    關(guān)注

  • 回顧2016年Apple舉行的 WWDC中有趣的設(shè)計主題
  • 快速驗證概念、節(jié)省開發(fā)成本的方法– Prototyping
  • 小資族說走就走的機(jī)票比價神器 – HelloWings
  • 用戶研究不被老板重視,身為 UED 的你該怎么辦?
相關(guān)標(biāo)簽
ui空白狀態(tài)界面設(shè)計

    猜你喜歡

      2016-06-27 自譯外文 經(jīng)驗/觀點 原作者: Nick Babich 舉報 7469 32 36 0

      設(shè)計師最常忽略的UI頁面狀態(tài):空白狀態(tài)

      0.0°

      你確定要舉報設(shè)計師最常忽略的UI頁面狀態(tài):空白狀態(tài)

      如果查出惡意舉報,十天內(nèi)禁止提交任何舉報申請。

      0/200

      上傳證據(jù): 超過10M的附件請使用網(wǎng)盤地址

      點擊上傳附件

      對誰可見:

      全部設(shè)計師
      • 全部設(shè)計師
      • 推薦設(shè)計師和認(rèn)證設(shè)計師

      您確認(rèn)要推薦?

      該作品發(fā)布時間:2016年06月27日

      評分

      完整度

      啟發(fā)性

      勤奮性

      排版布局

      推薦心得

      建議20-200字以內(nèi)

      0/200

      36
      32
      0

      賬號或密碼錯誤,請重新輸入

      賬號或密碼錯誤,請重新輸入

      登錄

      手機(jī)號

      發(fā)送驗證碼 120s 驗證碼錯誤

      登錄
      第三方賬號登錄