首頁

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

用心設(shè)計

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

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

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

周周

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

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

Low-fi的作用

1. 方便團隊進行方案的討論和統(tǒng)一。

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

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

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

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

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

資深UI設(shè)計者

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

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

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

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

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

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

周周

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

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

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

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

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

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

資深UI設(shè)計者

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

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

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

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

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


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

資深UI設(shè)計者

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

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

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

周周

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

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

用心設(shè)計

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

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


2017年大熱的對話式交互會成為未來嗎?

周周

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

一、要想火,傍大腿

對話式交互,顧名思義,就是像兩個人對話一樣的交互方式??梢允俏淖值?,也可以是語音的。我們每天都用的微信,你說一句,我說一句,就是典型的對話式交互。

uisdc-ux-20170223-1

讓PM無言以對!可能是最專業(yè)的交互設(shè)計流程

周周

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

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

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

話不多說,直接開講。

日常工作中,常見但錯誤的交互設(shè)計方法有:

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

日歷

鏈接

個人資料

藍藍設(shè)計的小編 http://m.sillybuy.com

存檔