講解的是雜志封面人物的前期工作和修圖方法(4)
交互設(shè)計(jì)初體驗(yàn)(iUED)
對(duì)于一個(gè)初入交互設(shè)計(jì)行業(yè)或者即將和我們一起在交互行業(yè)并肩作戰(zhàn)的你是不是有種不知所措的感覺(jué)呢?其實(shí)這是一個(gè)很正常的現(xiàn)象,造成這個(gè)現(xiàn)象的原因一方面是交互設(shè)計(jì)師在實(shí)際工作中的產(chǎn)出物一般是線框圖、流程圖、信息架構(gòu)圖、交互文檔等可視性并沒(méi)有那么強(qiáng)的產(chǎn)物,另一個(gè)方面是交互設(shè)計(jì)本身是一個(gè)跨學(xué)科的專(zhuān)業(yè),需要涉獵的知識(shí)比較多,大量的信息就導(dǎo)致你產(chǎn)生了迷失感。說(shuō)實(shí)話我也曾經(jīng)跟大家一樣迷茫過(guò),甚至懷疑自己適不適合做交互,所以每當(dāng)有人QQ咨詢(xún)我,我都會(huì)很耐心的給他們解答。而今,伴隨“微交互”的成長(zhǎng),更希望能夠分享一些我自己的交互設(shè)計(jì)經(jīng)驗(yàn)給大家,讓更多的同學(xué)少走一些彎路,國(guó)內(nèi)的交互能夠有更多新鮮的血液涌入。在《iUED》系列中,我將竭盡所能和大家一起探討交互設(shè)計(jì)的里里外外,也希望更多的小伙伴加入我們的行列,一起學(xué)習(xí)交互,一起探討交互。
1.什么是交互設(shè)計(jì)?
在談交互設(shè)計(jì)之前首先需要明白"用戶(hù)體驗(yàn)”這個(gè)概念,用戶(hù)體驗(yàn)(User Experience,簡(jiǎn)稱(chēng)UE/UX)是指用戶(hù)在使用產(chǎn)品過(guò)程中建立起來(lái)的純主觀感受,通俗的講就是“這個(gè)東西用起來(lái)怎么樣,方不方便,好用不好用”,在這個(gè)過(guò)程中,會(huì)受到行為、形式和內(nèi)容三個(gè)方面的影響,交互設(shè)計(jì)就是通過(guò)改變行為和形式來(lái)提升用戶(hù)體驗(yàn)一種行為。
舉個(gè)典型的例子,iOS和Android系統(tǒng)上對(duì)卸載A應(yīng)用的設(shè)計(jì)。在Android原生系統(tǒng)上,要卸載應(yīng)用程序需進(jìn)入設(shè)置→應(yīng)用程序→在一堆類(lèi)表中找到你要卸載的A應(yīng)用→在新打開(kāi)展示應(yīng)用程序信息的列表中你終于找到了你苦苦追尋的“卸載”按鈕;我們?cè)賮?lái)看看iOS系統(tǒng)上怎么卸載應(yīng)用程序的:長(zhǎng)按桌面上任意圖標(biāo)至圖標(biāo)開(kāi)始抖動(dòng)→應(yīng)用圖標(biāo)左上角出現(xiàn)叉→點(diǎn)擊欲卸載A應(yīng)用圖標(biāo)上的叉確認(rèn)刪除即可,A程序圖標(biāo)被刪除意味著A應(yīng)用的對(duì)應(yīng)程序也被卸載了。iOS上卸載應(yīng)用程序就像生活中丟垃圾一樣,簡(jiǎn)單方便,貼近生活從而更加無(wú)障礙的使用。
另外,交互設(shè)計(jì)師需要根據(jù)用戶(hù)的目標(biāo)和使用場(chǎng)景,結(jié)合產(chǎn)品戰(zhàn)略目標(biāo),用發(fā)展的眼光去規(guī)劃產(chǎn)品的功能布局和功能的實(shí)現(xiàn)邏輯,遵循“以人為本”的原則從而達(dá)到實(shí)現(xiàn)用戶(hù)目標(biāo)的過(guò)程。
2.交互設(shè)計(jì)師需要做什么
交互設(shè)計(jì)師作為整個(gè)項(xiàng)目的推動(dòng)者,可以保證項(xiàng)目進(jìn)行的更加流暢、更有效率的開(kāi)展。
在交互設(shè)計(jì)師的日常工作中的工作任務(wù)可以簡(jiǎn)單的歸納為以下五個(gè)方面:
~~了解項(xiàng)目背景,從中發(fā)現(xiàn)用戶(hù)的需求,建立明確用戶(hù)目標(biāo)
~~提出具體解決方案(設(shè)計(jì)方案),滿(mǎn)足用戶(hù)需求
~~制作原型,輸出交互文檔,協(xié)調(diào)項(xiàng)目進(jìn)行
~~進(jìn)行后續(xù)用戶(hù)測(cè)試和產(chǎn)品功能評(píng)估
~~上線后及時(shí)收集用戶(hù)反饋
在實(shí)際的工作中,交互設(shè)計(jì)師需要做什么并沒(méi)有很統(tǒng)一的界線,這就要求設(shè)計(jì)師本身能夠結(jié)項(xiàng)目的需求和工作環(huán)境做適當(dāng)?shù)恼{(diào)整,下圖是我結(jié)合上訴五點(diǎn)及實(shí)際工作中思考問(wèn)題的腦圖,針對(duì)上述五點(diǎn)在實(shí)際工作中的應(yīng)用也將在后續(xù)針對(duì)每個(gè)點(diǎn)做詳細(xì)的介紹,當(dāng)然這五點(diǎn)并不一定適合每個(gè)人,歡迎大家一起探討如果更有效的開(kāi)展交互設(shè)計(jì),做最卓越的產(chǎn)品。
3.交互設(shè)計(jì)師的“交互”之道
交互設(shè)計(jì)師要接觸的人形形色色,各式各樣,這就要求交互設(shè)計(jì)師需要有良好的溝通能力和人際關(guān)系。交互設(shè)計(jì)師在實(shí)際工作中會(huì)接觸到除自身團(tuán)隊(duì)內(nèi)成員(產(chǎn)品經(jīng)理、用戶(hù)體驗(yàn)師、視覺(jué)設(shè)計(jì)師、前端工程師、后臺(tái)工程師、測(cè)試工程師)之外,還會(huì)接觸到客戶(hù)(需求方)和用戶(hù),這就潛在的要求交互設(shè)計(jì)師需要具備一些各方面的基礎(chǔ)的知識(shí),很多人會(huì)說(shuō)交互設(shè)計(jì)師可以不懂程序、不懂視覺(jué),但是就個(gè)人而已,我的觀點(diǎn)是,要想成為一名出色的交互設(shè)計(jì)師,就必須涉獵程序和視覺(jué)方面的知識(shí),這樣才會(huì)在項(xiàng)目進(jìn)行中進(jìn)行無(wú)障礙交流,保證項(xiàng)目的順利進(jìn)行。
4.交互設(shè)計(jì)常用工具
工欲善其事,必先利其器,如今在市場(chǎng)上的交互設(shè)計(jì)工具可謂層出不窮,在很多互聯(lián)網(wǎng)公司追求敏捷開(kāi)發(fā),快速迭代的今天,交互設(shè)計(jì)師需要掌握哪些基本工具才能如魚(yú)得水的應(yīng)對(duì)工作需求呢?
軟件只是我們表達(dá)的一種工具而已,下面這張圖展現(xiàn)了交互設(shè)計(jì)師在日常工作中常用的工具,但不代表在你的工作中每一個(gè)都會(huì)用到,當(dāng)然也不排除還會(huì)有其他的工具應(yīng)用到設(shè)計(jì)中,這就要求交互設(shè)計(jì)師根據(jù)自己的情況和公司的要求選擇最有利于設(shè)計(jì)的工具。
工具永遠(yuǎn)不是設(shè)計(jì),很多時(shí)候最好的設(shè)計(jì)是大腦加手中的紙筆,比如我就喜歡在需求研討會(huì)會(huì)上采用紙筆手繪的方式向與會(huì)同事快速表達(dá)自己的而設(shè)計(jì)方向的可行性和用戶(hù)體驗(yàn),展示功能模塊的布局和交互邏輯,這種方式也有助于我快速理解產(chǎn)品和產(chǎn)品經(jīng)理的意圖,會(huì)后續(xù)的工作打下良好的基礎(chǔ)。當(dāng)然你也可以購(gòu)買(mǎi)相應(yīng)的作圖工具去繪制通用控件,但個(gè)人比更傾向與手繪,過(guò)度的依靠尺規(guī)反而會(huì)限制自己設(shè)計(jì)思維的快速表達(dá)。
至于上描幾個(gè)工具在實(shí)際工作中的具體應(yīng)用我同樣會(huì)在后續(xù)文字中做具體講解。
5. 我想對(duì)你說(shuō)
交互設(shè)計(jì)師沒(méi)有很多眼中想象的那么光鮮,也不一定每個(gè)公司都有交互設(shè)計(jì)這個(gè)崗位,更不是所有人都理解交互設(shè)計(jì)這個(gè)行業(yè),如果你真心熱愛(ài)交互設(shè)計(jì)這個(gè)行業(yè),我誠(chéng)摯的邀請(qǐng)您和我,和“微交互”一起成長(zhǎng)。
我親愛(ài)的伙伴,如果你愛(ài)上交互,我希望在你入門(mén)之前給你為您提供一點(diǎn)交互設(shè)計(jì)這個(gè)職業(yè)的要求和心態(tài),希望對(duì)新入門(mén)的您有所幫助。
1.交互設(shè)計(jì)是一個(gè)繁瑣而理智的工作,需要你保持高度的熱情,給你提供源源不斷的設(shè)計(jì)動(dòng)力,想象設(shè)計(jì)出來(lái)的產(chǎn)品在用戶(hù)手中玩轉(zhuǎn),是不是再苦再累都值得了呢?
2.主動(dòng)思考,拒絕讓自己淪為伸手黨。無(wú)論遇到多大難度的需求,都要保持獨(dú)立思考的習(xí)慣,挖掘用戶(hù)的潛在需求,用最好的方式為用戶(hù)解決燃眉之急。在思考的基礎(chǔ)上再和別人多交流,這樣你會(huì)有更深的體會(huì)。
3.養(yǎng)成多積累,多總結(jié),多探索,多分享的習(xí)慣,這樣可以在你做產(chǎn)品的時(shí)候更加得心應(yīng)手,要記住,想要進(jìn)步,靠工作上的積累遠(yuǎn)遠(yuǎn)不夠。
4.最后一點(diǎn)我希望你能受得了委屈和挫折,這一方面是交互在中國(guó)目前定位不明確引起的,另一方面來(lái)自于你的工作環(huán)境引起的,比如方案被打回,原型重做,同事溝通不順等諸多原因。但是你一定要明白,交互設(shè)計(jì)是一種設(shè)計(jì)行為,本身一種設(shè)計(jì)方案就不能滿(mǎn)足所以人的需求,而交互設(shè)計(jì)在國(guó)內(nèi)都處于發(fā)展階段,工作三四年的交互設(shè)計(jì)師都需要不斷學(xué)習(xí),更不用說(shuō)剛?cè)腴T(mén)的你,所以保持一顆向上的心,多虛心學(xué)習(xí),為自己成為一名出色的設(shè)計(jì)師而努力。
廢話說(shuō)了很多,回頭一看,沒(méi)什么干貨,“交互設(shè)計(jì)初體驗(yàn)”希望你能愛(ài)上交互設(shè)計(jì),我會(huì)盡心在后面《iUED》X系列中提供交互設(shè)計(jì)工作中更多實(shí)用干貨,敬請(qǐng)期待!
學(xué)習(xí) · 提示
相關(guān)教程
- 經(jīng)驗(yàn)分享!如何準(zhǔn)確的向工程師傳達(dá)動(dòng)效設(shè)計(jì)?
- 聊聊界面設(shè)計(jì)過(guò)程中,遇到視覺(jué)BUG時(shí)的處理方法
- 排版布局,關(guān)于響應(yīng)式布局
- 視覺(jué)設(shè)計(jì)師怎樣讓前端100%實(shí)現(xiàn)設(shè)計(jì)效果?
- Duang!給設(shè)計(jì)稿特技加特技?
- 實(shí)用好文,介紹一些產(chǎn)品經(jīng)理快速找到順手圖片資源的小技巧
- 手機(jī)拍照也能高大上,盤(pán)點(diǎn)照片后期需要的技巧及經(jīng)驗(yàn)
- 設(shè)計(jì)建議,如何讓一個(gè)網(wǎng)站看起來(lái)高大上且更有設(shè)計(jì)感?
- 大數(shù)據(jù)時(shí)代的設(shè)計(jì)特點(diǎn),不了解這個(gè)你做不了今天的設(shè)計(jì)
- 素材知識(shí),教你如何找到高質(zhì)量的圖片素材
推薦教程
- 調(diào)色知識(shí),簡(jiǎn)單實(shí)用的調(diào)色原理
- 移動(dòng)設(shè)計(jì),移動(dòng)應(yīng)用導(dǎo)航模式設(shè)計(jì)方法
- 圖片畫(huà)冊(cè)平面設(shè)計(jì)排版ps理論教程
- 設(shè)計(jì)界面最常用最舒服的12種顏色(含色
- Photoshop初級(jí)教程-命令的技巧
- 色彩知識(shí),講解顏色基礎(chǔ)知識(shí)和配色理論
- 用戶(hù)體驗(yàn),如何讓用戶(hù)心動(dòng)?
- 顏色管理,讓自己的照片在網(wǎng)上正確地顯示
- 用戶(hù)體驗(yàn),分享20個(gè)有影響力的包裝設(shè)計(jì)
- UI知識(shí),尺寸對(duì)UI設(shè)計(jì)的影響