首頁(yè)

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

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

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

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

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

周周

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

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

Low-fi的作用

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

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

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

2. 方便開(kāi)發(fā)人員進(jìn)行整體架構(gòu)的布置,開(kāi)始著手一些基礎(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ì)師在做什么?他們是如何思考的?今天這篇文章以“我要買(mǎi)一部手機(jī)”為例。帶你從零開(kāi)始認(rèn)識(shí)交互設(shè)計(jì)師的思考方式。

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

我們常常說(shuō)“我們是用戶的代言人,以用戶為中心做設(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)上。

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

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

周周

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

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

我們常常說(shuō)“我們是用戶的代言人,以用戶為中心做設(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)上。

所以,在以上大前提下來(lái)看設(shè)計(jì): 設(shè)計(jì)是為了達(dá)成一定的商業(yè)目標(biāo)服務(wù)的,設(shè)計(jì)本身是我們的表達(dá)手段,在達(dá)成業(yè)務(wù)及用戶目標(biāo)的過(guò)程中需要一定的設(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ì)師在做什么?他們是如何思考的?今天這篇文章以“我要買(mǎi)一部手機(jī)”為例。帶你從零開(kāi)始認(rèn)識(shí)交互設(shè)計(jì)師的思考方式。

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

我們常常說(shuō)“我們是用戶的代言人,以用戶為中心做設(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)上。

所以,在以上大前提下來(lái)看設(shè)計(jì): 設(shè)計(jì)是為了達(dá)成一定的商業(yè)目標(biāo)服務(wù)的,設(shè)計(jì)本身是我們的表達(dá)手段,在達(dá)成業(yè)務(wù)及用戶目標(biāo)的過(guò)程中需要一定的設(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è)年頭,成長(zhǎng)也一直伴隨著我。經(jīng)常有小伙伴問(wèn)我:怎么自學(xué),工作后怎么進(jìn)步。

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

階好文!讓人舒服的的交互設(shè)計(jì)稿該有的5個(gè)特點(diǎn)

周周

@黃紅藝Designer :還沒(méi)有跨入交互設(shè)計(jì)的門(mén)檻時(shí),總是想明確的知道一些客觀、確定的事情。比如,想知道交互設(shè)計(jì)的具體流程是什么,交互稿到底長(zhǎng)什么樣子,Axure 中的Case 用例怎么用以及加載動(dòng)畫(huà)怎么做,總希望有人能給一個(gè)交互設(shè)計(jì)的原型案例作為模板。

成為優(yōu)秀設(shè)計(jì)師的兩個(gè)核心要素 - 《UI》02

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

本篇教程適用對(duì)象為入門(mén)1~2年的設(shè)計(jì)師以及各大院校的設(shè)視覺(jué)專(zhuān)業(yè)學(xué)生,通過(guò)講解學(xué)習(xí)方法和思維方式進(jìn)行解析如何快速提升,希望對(duì)大家有些幫助。

成為優(yōu)秀設(shè)計(jì)師的兩個(gè)核心要素 - 《UI》02


2017年大熱的對(duì)話式交互會(huì)成為未來(lái)嗎?

周周

今年很多文章都猜測(cè)對(duì)話式交互會(huì)成為2017年熱門(mén)趨勢(shì),但關(guān)于對(duì)話式交互的解讀還不是很多,本文詳細(xì)分析了對(duì)話式交互的優(yōu)缺點(diǎn)和應(yīng)用場(chǎng)景,強(qiáng)烈推薦閱讀。

一、要想火,傍大腿

對(duì)話式交互,顧名思義,就是像兩個(gè)人對(duì)話一樣的交互方式。可以是文字的,也可以是語(yǔ)音的。我們每天都用的微信,你說(shuō)一句,我說(shuō)一句,就是典型的對(duì)話式交互。

uisdc-ux-20170223-1

讓PM無(wú)言以對(duì)!可能是最專(zhuān)業(yè)的交互設(shè)計(jì)流程

周周

編者按:很多新人交互設(shè)計(jì)師做出方案后一直無(wú)法和產(chǎn)品經(jīng)理達(dá)成共識(shí),而他們可能都沒(méi)意識(shí)到,一個(gè)專(zhuān)業(yè)的交互設(shè)計(jì)流程就可以解決大部分問(wèn)題。

王鎮(zhèn)雷:首先,要感謝我的 Leader 和師姐,在他們的幫助下,我才理清了這個(gè)交互設(shè)計(jì)流程。

雖不敢說(shuō)這套方法一定是最優(yōu)的,但至少是我工作以來(lái)一個(gè)專(zhuān)業(yè)上的里程碑。

話不多說(shuō),直接開(kāi)講。

日常工作中,常見(jiàn)但錯(cuò)誤的交互設(shè)計(jì)方法有:

  • 產(chǎn)品經(jīng)理提了需求,立馬動(dòng)手畫(huà)圖;
  • 設(shè)計(jì)中才查看競(jìng)品,并且沒(méi)有特定分類(lèi),想到哪個(gè)看哪個(gè);
  • 執(zhí)著于具體的設(shè)計(jì)細(xì)節(jié);
  • 提交/評(píng)審方案時(shí),沒(méi)有設(shè)計(jì)過(guò)程,直接提供稿子講解結(jié)果。

日歷

鏈接

個(gè)人資料

存檔