首頁

如何發(fā)現(xiàn)移動(dòng)端交互設(shè)計(jì)中的思維盲區(qū)?

用心設(shè)計(jì)

當(dāng)某個(gè)功能對(duì)數(shù)量有限制時(shí),操作的時(shí)機(jī)就變得很重要。以在app上報(bào)名班級(jí)(圖1)的操作為例,假設(shè)班級(jí)容量為20人,確認(rèn)報(bào)名訂單時(shí)暫
時(shí)扣去一個(gè)名額庫存,完成支付時(shí)完全扣去這個(gè)名額。如果當(dāng)你報(bào)名班級(jí)時(shí),名額已滿,但還有人未付款,這時(shí)系統(tǒng)應(yīng)該有什么提示?這和報(bào)名班級(jí)時(shí),班級(jí)絕對(duì)性
滿員(名額已滿,且所有人完成付款)的情況處理方式是不一樣的。另一種情況是,在你進(jìn)入確認(rèn)訂單頁時(shí),名額未滿,但當(dāng)你按下“確認(rèn)”訂單,此時(shí)名額已經(jīng)滿
了,也應(yīng)該有相應(yīng)的提示。像這種對(duì)數(shù)量敏感的功能,應(yīng)盡量明確地告訴用戶限制條件,當(dāng)前的相關(guān)狀態(tài)是怎樣的(未滿員,暫時(shí)滿員,或已滿員?),防止用戶進(jìn)
行不必要的操作。用戶若第一時(shí)間沒有理解,可能需要進(jìn)一步友好地提示。

如何發(fā)現(xiàn)交互設(shè)計(jì)中的思維盲區(qū)

認(rèn)真就贏了!做好這兩個(gè)狀態(tài)可以迅速提高用戶體驗(yàn)

周周

design-status-improve-ux-1

編者按:今天這篇干貨聊的是人們最討厭的兩個(gè)狀態(tài) —— 軟件報(bào)錯(cuò)和加載緩慢。如何提高這兩個(gè)糟心狀態(tài)的用戶體驗(yàn)呢?作者從不少交互上的細(xì)節(jié)做了考量推敲,附上大神的意見和實(shí)戰(zhàn)案例,特別有現(xiàn)實(shí)參考價(jià)值。

從逛商場學(xué)習(xí)交互設(shè)計(jì):信息架構(gòu)梳理如何從小白到精通?

用心設(shè)計(jì)

之前知乎上有這么一個(gè)問題:怎樣理解信息架構(gòu)?,@Mr湯進(jìn)er當(dāng)時(shí)以“商場信息導(dǎo)視圖”為例,回答了這個(gè)問題,比較適合“入門小白”去理解信息架構(gòu)、流程圖和頁面布局,其中針對(duì)“信息架構(gòu)”的回答如下:

從逛商場學(xué)習(xí)交互設(shè)計(jì):信息架構(gòu)梳理如何從小白到精通?,優(yōu)界網(wǎng)

如何寫好一份設(shè)計(jì)文檔

用心設(shè)計(jì)

Flow流程圖也是一個(gè)常用工具,可以總結(jié)出不同場景下用戶使用產(chǎn)品的流程和步驟是怎樣的,可能產(chǎn)生怎樣的分支需要在設(shè)計(jì)中考慮到,在哪些地方可能產(chǎn)生較大的流失,步驟是否可以合并優(yōu)化,能否抽象出通用的流程來構(gòu)建框架設(shè)計(jì)等。

wireframe_kit_free_05

隱藏在AIRBNB網(wǎng)站里的9項(xiàng)體驗(yàn)與交互設(shè)計(jì)

博博

airbnb-user-experience-interaction-1

?如果你曾使用Airbnb預(yù)訂過地方,那么你會(huì)在這個(gè)過程中,逐步發(fā)現(xiàn)這個(gè)企業(yè)擁有著頂尖的產(chǎn)品設(shè)計(jì)團(tuán)隊(duì)。這個(gè)正在改變整個(gè)行業(yè)的企業(yè),正在為用戶提供著順滑無縫的體驗(yàn),而這也是今天我撰寫這篇文章的初衷。

作為一個(gè)喜歡研究用戶體驗(yàn)、交互設(shè)計(jì)、UI的產(chǎn)品設(shè)計(jì)師,我尤其喜歡剖析成功的產(chǎn)品,尋找其中隱藏的交互和用戶體驗(yàn)設(shè)計(jì)。無論這些設(shè)計(jì)是用來提升整體的用戶體驗(yàn),還是激勵(lì)產(chǎn)品增長,你會(huì)發(fā)現(xiàn)這些設(shè)計(jì)都非常有意思,并且值得分享。

事不宜遲,一起來看看我從Airbnb中發(fā)現(xiàn)了什么吧:

1. 情緒感染(用戶體驗(yàn))

語言,是一種界面

用心設(shè)計(jì)

首先,你的產(chǎn)品文案不僅僅是一句友好的問候,它還解釋了這個(gè)網(wǎng)站的性質(zhì)。其次,無論是建議注冊(cè),或者直接跳轉(zhuǎn)到能夠吸引用戶的內(nèi)容,文案還起到了引導(dǎo)用戶第一步操作的作用。如同我們經(jīng)常說的,交互設(shè)計(jì)需要被當(dāng)做一次交談來對(duì)待,所以這是你創(chuàng)造人性化體驗(yàn)的第一次機(jī)會(huì)。

下圖是旅行租房網(wǎng)站 AirBnB 的案例,文案極簡,但同時(shí)深入人心。標(biāo)題 Just for the Weekend 和 Explore the World 讓用戶在去往特定目的地之前看到 AirBnB能夠帶來的體驗(yàn)。這個(gè)交互很微妙,通過文字的暗示,它構(gòu)建了產(chǎn)品體驗(yàn)的框架 – 讓用戶距離一 次愉快的旅程更近一步。

經(jīng)驗(yàn)分享!聊聊交互設(shè)計(jì)新人的核心競爭力

周周

interactive-designer-core-competence-1

從實(shí)習(xí)的第一天起,我就數(shù)著日子在過,時(shí)間走的太快攔也攔不住,要做要學(xué)的事情又太多。轉(zhuǎn)眼七月已經(jīng)過去,總覺得還是有點(diǎn)后知后覺,花了一個(gè)月的時(shí)間去適應(yīng)新環(huán)境和新工作,慢慢才知道尋求突破點(diǎn)的重要性,所以今天來聊聊我所理解的交互設(shè)計(jì)師的核心競爭力。

巧用視錯(cuò)覺 UI更有趣

用心設(shè)計(jì)

巧用視錯(cuò)覺 UI更有趣

格式塔原理解釋了人們?nèi)绾我砸曈X方式感覺物體,以及圖像的結(jié)構(gòu),視角,大小等要素是如何影響我們的視覺的。

在下面這篇文章中,我們首先會(huì)簡單介紹一下格式塔原理中的基本概念,然后再詳細(xì)探討一下如何將它們應(yīng)用于今日的UI設(shè)計(jì)中。

在設(shè)計(jì)中建立視覺層級(jí)

用心設(shè)計(jì)

在設(shè)計(jì)網(wǎng)站的時(shí)候,圖片資源會(huì)在很大程度上幫助你設(shè)置站點(diǎn),以及顏色,排版或者更多內(nèi)容的基調(diào)。如果圖片視覺元素沒有和設(shè)計(jì)正確的結(jié)合,他很可能會(huì)破壞你原本想呈現(xiàn)的感覺。

移動(dòng)應(yīng)用空白情況頁面的設(shè)計(jì)

用心設(shè)計(jì)

移動(dòng)應(yīng)用的設(shè)計(jì)中,最容易被忽視的地方就是空白或者異常情況的設(shè)計(jì)。從傳統(tǒng)PC時(shí)代web的異常頁面如404,502等頁面的設(shè)計(jì)體驗(yàn)遷移過來,移動(dòng)應(yīng)用的空頁面,網(wǎng)絡(luò)故障頁面等展示也有相似的設(shè)計(jì)模式。從以前的純文本的排版設(shè)計(jì),到后來404成為設(shè)計(jì)師
展示圖形創(chuàng)意的舞臺(tái),移動(dòng)應(yīng)用的空白情況頁面的設(shè)計(jì)也從純文本提示到后來精彩紛呈。然而在移動(dòng)應(yīng)用的設(shè)計(jì)中,空白頁面的的作用不僅僅在于給用戶以溫柔或者
精彩的提醒,安撫用戶焦急或是疑惑的情緒,更重要的是,空白情況頁面可以引導(dǎo)用戶去填補(bǔ)“空白”。人都是害怕空虛寂寞冷的,當(dāng)你面對(duì)一個(gè)空虛寂寞冷的頁面
的時(shí)候,善意的指點(diǎn)迷津的一些語言和畫面告訴你咱們還是可以有方法來填補(bǔ)你的寂寞空虛冷,這時(shí)候,用戶的操作行為就會(huì)被觸發(fā),潛移默化中指引用戶完成填補(bǔ)
空白的工作,那么,無論從用戶個(gè)體的活躍度上還是整體的留存率,活躍度上,你設(shè)計(jì)的空白頁面做到了拉升的作用,對(duì)電商產(chǎn)品和社交產(chǎn)品等來說,這些頁面可謂
是自己展示產(chǎn)品調(diào)性,曝光功能,加深引導(dǎo)的黃金地段。

日歷

鏈接

個(gè)人資料

存檔