首頁

UI動(dòng)效:提高用戶體驗(yàn)的完美解決方案

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

什么用戶如此熱衷動(dòng)效?


答案很簡單,因?yàn)閯?dòng)效是對(duì)實(shí)時(shí)交互的本質(zhì)的補(bǔ)充。也就是說,動(dòng)效可以營造一種跟物理世界的物體交互事的情感體驗(yàn)。無疑,交互能夠帶給用戶滿足感。本文介紹5個(gè)作者認(rèn)為在設(shè)計(jì)動(dòng)效事非常有用的交互設(shè)計(jì)核心原則。

UI動(dòng)效:提高用戶體驗(yàn)的完美解決方案

彈出框設(shè)計(jì)總結(jié)

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

最近在做項(xiàng)目的時(shí)候,發(fā)現(xiàn)項(xiàng)目上對(duì)于彈出框的使用有點(diǎn)混亂。例如,需要給用戶一個(gè)操作提示,用彈出框來完成。用戶對(duì)這個(gè)功能不了解,加一個(gè)“查看詳情”的圖標(biāo),用戶點(diǎn)擊后跳出彈出框來給用戶展示詳情。用戶想查看這筆操作的詳細(xì)記錄,還是用一個(gè)彈出框來展示。因?yàn)橐憩F(xiàn)的內(nèi)容不一樣(表單,文字,插畫),所以彈出框的樣式不統(tǒng)一,設(shè)計(jì)的一致性被打破。而且彈出框出現(xiàn)的頻率過高,會(huì)對(duì)用戶的正常操作流程造成干擾。所以這篇文章我對(duì)彈出框的使用做了一些總結(jié)。

彈出框設(shè)計(jì)總結(jié)

重新認(rèn)識(shí)滾動(dòng)交互,讓你設(shè)計(jì)的網(wǎng)頁更適合這個(gè)時(shí)代

資深UI設(shè)計(jì)者

出于對(duì)新交互模式的探索和技術(shù)的發(fā)展,曾經(jīng)網(wǎng)頁設(shè)計(jì)中的許多禁忌,現(xiàn)如今反而成為了越來越受歡迎的趨勢(shì),網(wǎng)頁中的滾動(dòng)交互,就是如此。作為一項(xiàng)基本的交互方式,滾動(dòng)交互并不是一成不變,它正將新的技巧和新的規(guī)則納入其中,逐步演進(jìn)。

今天的文章,我們會(huì)探討滾動(dòng)交互在網(wǎng)頁中的新變化,探討新“滾動(dòng)”的利弊,分享技巧。

實(shí)踐提煉:復(fù)雜To B產(chǎn)品的設(shè)計(jì)思路

資深UI設(shè)計(jì)者

ERP系統(tǒng)是典型的To B產(chǎn)品,擁有體量大、功能雜、專業(yè)強(qiáng)等特點(diǎn)。前段時(shí)間接觸了如此龐大系統(tǒng)中三個(gè)子系統(tǒng)的改版工作,從手足無措到冷靜思考,在無數(shù)磕磕絆絆中總結(jié)了一些面對(duì)大型B端項(xiàng)目時(shí)可用的設(shè)計(jì)思路。

因?yàn)轫?xiàng)目復(fù)雜,此篇是整體設(shè)計(jì)思路的提煉及方法論的提出,具體的案例及方法論闡述后續(xù)會(huì)有更多文章來和大家共同探討。

Web交互設(shè)計(jì)優(yōu)化方案+check list

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

“優(yōu)化已有產(chǎn)品的體驗(yàn)”這是用戶體驗(yàn)相關(guān)崗位職責(zé)中常見的描述。我們的產(chǎn)品常常是在快速的迭代過程中不斷完善的,就像孩子生下來需要養(yǎng)育才能長大一樣,優(yōu)化已有功能/產(chǎn)品,和設(shè)計(jì)新功能/產(chǎn)品同樣重要,不可偏廢。

Web交互設(shè)計(jì)優(yōu)化方案+check list

從零開始設(shè)計(jì)一款A(yù)PP之如何做原型圖

周周

@Sophia的玲瓏閣 這個(gè)系列的文章把整個(gè)設(shè)計(jì)過程的經(jīng)驗(yàn)總結(jié)成文,逐點(diǎn)分享,上期是概述+立項(xiàng),這期聊聊低保真和高保真原型圖的作用、處理工具和文件要求等。

Low-fi,即低保真原型圖,整個(gè)APP設(shè)計(jì)階段,設(shè)計(jì)師真正開始上手的環(huán)節(jié)。待PM制作好PRD文檔和邏輯流程圖之后,交互設(shè)計(jì)師開始依據(jù)已有的結(jié)論,畫出Low-fi。

Low-fi的作用

1. 方便團(tuán)隊(duì)進(jìn)行方案的討論和統(tǒng)一。

就像使用場(chǎng)景Scenario和用戶畫像Personas,團(tuán)隊(duì)每個(gè)成員腦海中所理解的都會(huì)有所不同,但通過PRD,咱們可以進(jìn)行至少是大體上的統(tǒng)一。而在這基礎(chǔ)上,APP的具體畫面和流程,每個(gè)人都有自己想象的視覺效果。Low-fi就在此時(shí)起了相同的作用。

當(dāng)然統(tǒng)一的進(jìn)一步促進(jìn)效果是,進(jìn)行后面核心功能的深入探討,將概念落實(shí)到實(shí)施方案,并驗(yàn)證邏輯上是否能跑通,以及主頁面元素的確定。

2. 方便開發(fā)人員進(jìn)行整體架構(gòu)的布置,開始著手一些基礎(chǔ)元素的部署。

3. 做出demo進(jìn)行內(nèi)部嘗試、小范圍的用戶調(diào)查,一般會(huì)有一些更改,不會(huì)影響項(xiàng)目主方向,大多是功能上的調(diào)整

用一個(gè)實(shí)戰(zhàn)案例,帶你學(xué)習(xí)交互設(shè)計(jì)師的思考方式

資深UI設(shè)計(jì)者

什么是交互設(shè)計(jì),交互設(shè)計(jì)師在做什么?他們是如何思考的?今天這篇文章以“我要買一部手機(jī)”為例。帶你從零開始認(rèn)識(shí)交互設(shè)計(jì)師的思考方式。

交互設(shè)計(jì)是什么?

我們常常說“我們是用戶的代言人,以用戶為中心做設(shè)計(jì)”、“交互設(shè)計(jì)是信息設(shè)計(jì)+行為設(shè)計(jì)”等。我們需要明白,這些定義是設(shè)計(jì)師在自我視角下從不同維度對(duì)交互進(jìn)行的定義。

我們是在一個(gè)商業(yè)機(jī)構(gòu)做一個(gè)商業(yè)行為,所以設(shè)計(jì)行為是帶有一定的商業(yè)目的,設(shè)計(jì)的價(jià)值也體現(xiàn)在商業(yè)價(jià)值的實(shí)現(xiàn)上。

所以,在以上大前提下來看設(shè)計(jì): 設(shè)計(jì)是為了達(dá)成一定的商業(yè)目標(biāo)服務(wù)的,設(shè)計(jì)本身是我們的表達(dá)手段,在達(dá)成業(yè)務(wù)及用戶目標(biāo)的過程中需要一定的設(shè)計(jì)指導(dǎo)準(zhǔn)則以達(dá)到優(yōu)秀的使用體驗(yàn)。

用一個(gè)實(shí)戰(zhàn)案例,帶你學(xué)習(xí)交互設(shè)計(jì)師的思考方式

周周

編者按:什么是交互設(shè)計(jì),交互設(shè)計(jì)師在做什么?他們是如何思考的?今天這篇文章以“我要買一部手機(jī)”為例。帶你從零開始認(rèn)識(shí)交互設(shè)計(jì)師的思考方式。

交互設(shè)計(jì)是什么?

我們常常說“我們是用戶的代言人,以用戶為中心做設(shè)計(jì)”、“交互設(shè)計(jì)是信息設(shè)計(jì)+行為設(shè)計(jì)”等。我們需要明白,這些定義是設(shè)計(jì)師在自我視角下從不同維度對(duì)交互進(jìn)行的定義。

我們是在一個(gè)商業(yè)機(jī)構(gòu)做一個(gè)商業(yè)行為,所以設(shè)計(jì)行為是帶有一定的商業(yè)目的,設(shè)計(jì)的價(jià)值也體現(xiàn)在商業(yè)價(jià)值的實(shí)現(xiàn)上。

所以,在以上大前提下來看設(shè)計(jì): 設(shè)計(jì)是為了達(dá)成一定的商業(yè)目標(biāo)服務(wù)的,設(shè)計(jì)本身是我們的表達(dá)手段,在達(dá)成業(yè)務(wù)及用戶目標(biāo)的過程中需要一定的設(shè)計(jì)指導(dǎo)準(zhǔn)則以達(dá)到優(yōu)秀的使用體驗(yàn)。

用一個(gè)實(shí)戰(zhàn)案例,帶你學(xué)習(xí)交互設(shè)計(jì)師的思考方式

資深UI設(shè)計(jì)者

編者按:什么是交互設(shè)計(jì),交互設(shè)計(jì)師在做什么?他們是如何思考的?今天這篇文章以“我要買一部手機(jī)”為例。帶你從零開始認(rèn)識(shí)交互設(shè)計(jì)師的思考方式。

交互設(shè)計(jì)是什么?

我們常常說“我們是用戶的代言人,以用戶為中心做設(shè)計(jì)”、“交互設(shè)計(jì)是信息設(shè)計(jì)+行為設(shè)計(jì)”等。我們需要明白,這些定義是設(shè)計(jì)師在自我視角下從不同維度對(duì)交互進(jìn)行的定義。

我們是在一個(gè)商業(yè)機(jī)構(gòu)做一個(gè)商業(yè)行為,所以設(shè)計(jì)行為是帶有一定的商業(yè)目的,設(shè)計(jì)的價(jià)值也體現(xiàn)在商業(yè)價(jià)值的實(shí)現(xiàn)上。

所以,在以上大前提下來看設(shè)計(jì): 設(shè)計(jì)是為了達(dá)成一定的商業(yè)目標(biāo)服務(wù)的,設(shè)計(jì)本身是我們的表達(dá)手段,在達(dá)成業(yè)務(wù)及用戶目標(biāo)的過程中需要一定的設(shè)計(jì)指導(dǎo)準(zhǔn)則以達(dá)到優(yōu)秀的使用體驗(yàn)。


從零基礎(chǔ)成為阿里交互設(shè)計(jì)師,我是如何規(guī)劃學(xué)習(xí)路徑的?

資深UI設(shè)計(jì)者

呆呆:今年是我入行互聯(lián)網(wǎng)的第三個(gè)年頭,成長也一直伴隨著我。經(jīng)常有小伙伴問我:怎么自學(xué),工作后怎么進(jìn)步。

我一直沒太在意這些問題,只是覺得人與人之間總是有區(qū)別的,因?yàn)橛幸活惾耸切袆?dòng)派,想到了就會(huì)去做,即使質(zhì)疑自己的想法,但依然會(huì)保持學(xué)習(xí)的心直接行動(dòng),害怕想多了反而什么都沒做,浪費(fèi)了時(shí)間;另一類人,心里想著要進(jìn)步,但是從來不會(huì)去行動(dòng),而是先找方法,找捷徑,導(dǎo)致最后什么都沒去做,時(shí)間也就浪費(fèi)了。相比前者,這類人已經(jīng)浪費(fèi)了可以進(jìn)步的那些機(jī)會(huì)。

日歷

鏈接

個(gè)人資料

存檔