編者按:今天這篇好文總結(jié)了學(xué)習(xí)UI/UX 的3個(gè)階段:學(xué)習(xí)UX + UX設(shè)計(jì)實(shí)踐 +建立UX人脈圈,每一個(gè)階段都包含超多實(shí)用的設(shè)計(jì)教程和資源,想自學(xué)但迷茫的同學(xué)建議閱讀。
知乎@菲比:UX不等于原型圖,很多人一上來就是畫原型圖也是醉了,前期的用戶調(diào)研才是最重要。
我之前在國內(nèi)互聯(lián)網(wǎng)公司做過產(chǎn)品,后來在英國讀HCI專業(yè),下面總結(jié)在Google找到各種知名公司lead給出的意見,主要分為兩點(diǎn):學(xué)習(xí)UX + UX設(shè)計(jì)實(shí)踐 +建立UX人脈圈。 因?yàn)閲釻X方面的內(nèi)容比較多 ,部分資源可能需要爬墻。
學(xué)習(xí)UX + UX設(shè)計(jì)實(shí)踐 +建立UX人脈圈,學(xué)習(xí)UX + UX設(shè)計(jì)實(shí)踐 +建立UX人脈圈,學(xué)習(xí)UX + UX設(shè)計(jì)實(shí)踐 +建立UX人脈圈(重要的事情說3遍)
一、學(xué)習(xí)UX
a. 經(jīng)典書籍推薦:Read my list of UX resources for beginners (初學(xué)者必看的經(jīng)典書籍,包含視頻+書籍),先從看書開始吧。
b. 最新書籍推薦:Great books for designers to read in 2016
c. UX廣播: my blog post about my favorite UX podcasts
d. UX網(wǎng)站:UX網(wǎng)站實(shí)在太多了,質(zhì)量不一,推薦幾個(gè)干貨:UX?—?UI Readings(Medium上UX/UI文章集合),Dribbble, The Best Designs and Awwwards (可以在上面關(guān)注一些大牛,看他們的設(shè)計(jì),得到靈感), All You Can Learn(這個(gè)網(wǎng)站集合了世界上最棒的UX專家的資源和文章,還有l(wèi)ive seminar),Inspiration and helpful links for User Experience Designers(這個(gè)網(wǎng)站集合了所有的UX網(wǎng)站,果然你喜歡收藏各種網(wǎng)站,點(diǎn)這個(gè))。
**不想看英語的可以看:國內(nèi)互聯(lián)網(wǎng)企業(yè)UED博客集合 · Issue #9 · foru17/front-end-collect · GitHub
e. 工具的學(xué)習(xí):Adobe Photoshop & Illustrator 等,在學(xué)習(xí)階段,用什么工具都是次要的, 我在英國的UX項(xiàng)目,老師從不care我們用什么工具,只要你能表現(xiàn)出交互過程即可,不過既然想往職業(yè)發(fā)展,還是掌握基礎(chǔ)工具吧。Design tuts,Lynda and Skillshare。(這3個(gè)網(wǎng)站可以教你如何學(xué)習(xí)工具)
學(xué)習(xí)的時(shí)候要做筆記!做筆記!做筆記!重要的事情講3遍
二、UX設(shè)計(jì)實(shí)踐(最重要?。?/strong>
重點(diǎn)還是要實(shí)踐,光看不動手,那是紙上談兵,而且很多UX工作招聘是要有作品集的,你不實(shí)踐,哪來的作品集啊。
Q:我不是UX專業(yè)的,沒有項(xiàng)目可以參與,怎么實(shí)踐???
A:很多人一提到UX,就直接認(rèn)為是畫原型圖,一上來就畫原型圖,這樣是錯(cuò)誤的,UX涉及到太多方面了,要搞清楚UX設(shè)計(jì)的過程啊,太懶了,貼一些課件吧。
基于前面學(xué)習(xí)的基礎(chǔ)上,你應(yīng)該已經(jīng)知道了UX設(shè)計(jì)的具體流程以及各個(gè)流程的要點(diǎn), 要開始動手啦。實(shí)踐主要分為幾個(gè)階段。
1、第一階段:分析現(xiàn)有熱門APP或者WEB
如果你沒有如果的積累,沒有體驗(yàn)過很多的APP或者WEB,一上來讓你直接UX設(shè)計(jì)是很難的,所以第一階段應(yīng)該是分析現(xiàn)有熱門APP或者WEB。
熱門的產(chǎn)品在UX方面相對有考究,分析產(chǎn)品不要只是分析他們的頁面交互方式啊,這樣是不夠的,一切交互都是要建立在是否方便用戶學(xué)習(xí)、使用,方便解決他們的需求。要
1)分析他們的主要目標(biāo)用戶群是哪些?這些用戶群有什么樣的特點(diǎn)?
比如說美團(tuán)外賣這個(gè)APP, 目標(biāo)用戶群應(yīng)該是學(xué)生藍(lán)領(lǐng)白領(lǐng)等中低收入人群,而不是高端收入人群。 這些中低端收入人群有什么特點(diǎn)呢?這些你可以通過網(wǎng)上查找資料,看產(chǎn)品所有人的說法以及其他人的分析
2)分析他們的核心功能,功能的優(yōu)先級。分析用戶的使用場景,一個(gè)功能通常對應(yīng)多個(gè)用戶場景,這些場景也是要有優(yōu)先級的。
3)然后分析他們各個(gè)場景的交互方式,判斷這個(gè)功能的布局,交互方式是否能夠方便用戶快速解決他們的核心需求,交互方式是否滿足用戶使用場景。分析不要貪多,認(rèn)認(rèn)真真做好一個(gè)app的分析就能收益不少,分析要細(xì)致。
比如說:如果一個(gè)app的核心功能需要用戶點(diǎn)擊好幾次才能用到的話,這樣的交互設(shè)計(jì)是有問題的。功能為用戶服務(wù),交互為功能場景服務(wù),交互要將功能更好的呈現(xiàn)給用戶。
比如說輸入密碼時(shí),就有不同的交互方式:a.已輸入的字符用小黑點(diǎn)隱藏,當(dāng)前輸入字符明文顯示后隱藏;b. 直接用...形式隱藏密碼;c.提供是否顯示密碼選項(xiàng)給用戶。這幾種交互方式有什么優(yōu)缺點(diǎn)?哪個(gè)更能滿足主要的用戶場景呢?
如果銀行APP的輸入密碼的交互,有一種場景,用戶在戶外輸入密碼,旁邊可能有人,而且銀行密碼這個(gè)要求安全性很高,所以交互方式應(yīng)該選擇b(直接用...形式隱藏密碼),有因?yàn)樵谟脩糨斎朊艽a時(shí),旁邊可能有人,為了防止他們故意瞄看記住鍵盤順序,從而盜取密碼,銀行APP的輸入密碼的交互應(yīng)該還要加上隨機(jī)鍵盤按鍵順序,每次輸入密碼,鍵盤按鍵順序應(yīng)該變更。
4)分析產(chǎn)品,不要只單單分析它一個(gè),還要分析的它的競爭對手。國內(nèi)很多APP是互相抄襲的,所以建議不要只分析國內(nèi)產(chǎn)品,也要分析國外的產(chǎn)品。
5)分析出他們交互的優(yōu)缺點(diǎn)之后,要想想怎么改進(jìn)啊,以前面試過一些人,很多人只會吐槽,但是說起如何改進(jìn)起來就是啞口無言啊。。。如果你是UX設(shè)計(jì)師,你會采用什么樣的交互方式?為什么?你的交互方式滿足了用戶特征嗎?你的交互方式對應(yīng)哪個(gè)用戶場景???
以上所講的分析更多是縱向分析,分析要細(xì)致,一開始分析的時(shí)候的確會有些難。
分析還可以橫向分析,比如說很多電商app都有支付功能,你可以挑選出幾個(gè)具有代表性的電商app,然后橫向分析他們支付功能的交互。
2、第二階段:模仿臨摹
1)注意:
【臨摹】不是【抄襲】,抄襲是不考慮用戶使用場景,不管三七二十一,不考慮任何用戶因素,直接把結(jié)果照抄。
【臨摹】在的目的在于練習(xí)。臨摹有幾個(gè)階段:
- 把常用的交互方式的優(yōu)缺點(diǎn)都復(fù)制到你的腦海里,吸收轉(zhuǎn)化成自己的東西。最開始的時(shí)候要做到的就是也就是全盤復(fù)制,不要去自作聰明做任何改動,可以分析一下GOOGLE和APPLE發(fā)布的官方材料。
- 在完全掌握了目前最優(yōu)秀的做法后,就可以根據(jù)自己的認(rèn)識和經(jīng)驗(yàn)對其進(jìn)行改進(jìn),就是突破既有標(biāo)準(zhǔn)。但如果在還沒有掌握號基礎(chǔ)之前就想突破,很容易就心浮氣躁,反倒不好。
- 最后是創(chuàng)新。這個(gè)階段最難,就是自成一派,變成別人的標(biāo)桿。
2)臨摹資源:
臨摹資源有很多,dribbble和behance上面會有很多交互設(shè)計(jì)時(shí)分享他們的整個(gè)設(shè)計(jì)過程,還有可以參考知名院校畢業(yè)生的作品集,比如CMU HCID的學(xué)生作品集,收獲會很多的。同時(shí),還可以看一些設(shè)計(jì)咨詢公司的優(yōu)秀案例,多個(gè)緯度橫向、縱向?qū)Ρ确治觯缓笞约喊凑諆?yōu)秀的作品集的思路重新做一遍,做完之后,放幾天,然后再繼續(xù)改進(jìn)。
3、第三階段:自己從頭設(shè)計(jì)一個(gè)產(chǎn)品
這個(gè)階段你就可以挖掘身邊的需求啊,自己嘗試從頭設(shè)計(jì)一個(gè)app, 認(rèn)認(rèn)真真把所有的設(shè)計(jì)流程做一遍,市場調(diào)研?(雖然這些在公司里大多是產(chǎn)品經(jīng)理弄的或者老板直接敲定。)目標(biāo)用戶群?(如何劃分目標(biāo)用戶),用戶群的特點(diǎn)是什么?(時(shí)間有限的話可以看一些權(quán)威論文),用戶需求(如何用戶調(diào)研,如何獲取他們的需求?),用戶使用場景?設(shè)計(jì)?用戶測試?迭代改進(jìn)?等等一系列的東西。
如果你實(shí)在不想挖掘需求,可以去app store或者android市場找一些用戶量多的或者剛出來很火的app, 看應(yīng)用市場里app下載頁里的app功能描述,然后嘗試自己設(shè)計(jì)這些功能的交互。(感謝評論里的 李走開。)
在實(shí)踐階段,不過是分析,還是自己設(shè)計(jì),都可以把這些東西放在自己的博客或者Behance或者DRIBBBLE上,將來找工作的時(shí)候,都可以是自己的作品集。
4、第四階段:嘗試找實(shí)習(xí)或者正式工作
我之前的設(shè)計(jì)部同事也是半路出家,自學(xué)UX設(shè)計(jì)的,他之前的專業(yè)與這個(gè)完全沒有關(guān)系。
三、建立UX人脈圈
要往UX方向發(fā)展,自然少不了這個(gè)行業(yè)里的人脈,人脈建立可以有以下幾個(gè)途徑,歡迎補(bǔ)充。
1)社交網(wǎng)絡(luò):可以在Facebook上找一些網(wǎng)頁或者組織,當(dāng)?shù)貢泻芏郩X的人聚會的活動,可以多參與勾搭;twitter上面follow一些人。國內(nèi)的,在知乎,微博等地方都可以勾搭到相關(guān)UX設(shè)計(jì)的,多給他留言互動, QQ群或者微信群也會有一些線下見面會,多參與。
2)關(guān)注一些UX大牛的博客、Behance或者DRIBBBLE,多給他留言互動,久而久之內(nèi)推什么的都不是問題,同時(shí),自己的個(gè)人博客也要持續(xù)更新啊,這樣和別人搭話也能讓別人知道你們的熱情。
3)參與一些UX的論壇會議之類的,這些有一些是要收費(fèi)的,但是各種大牛哦。
「優(yōu)設(shè)七月份的交互設(shè)計(jì)好文」
畫線框圖之前要做哪些事?
《畫線框圖前,交互設(shè)計(jì)師要做的3件事》網(wǎng)易云音樂設(shè)計(jì)師的教程:
《超全面!教你打造美觀清晰易使用的交互文檔》為AR應(yīng)用做設(shè)計(jì)有哪些要注意的?
《現(xiàn)在超火!為AR應(yīng)用做交互設(shè)計(jì)時(shí)需要思考的3個(gè)問題(有彩蛋)》
原文地址:zhihu
【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱:2650232288@qq.com】
================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是國內(nèi)人氣最高的網(wǎng)頁設(shè)計(jì)師學(xué)習(xí)平臺,專注分享網(wǎng)頁設(shè)計(jì)、無線端設(shè)計(jì)以及PS教程。
【特色推薦】
設(shè)計(jì)師需要讀的100本書:史上最全的設(shè)計(jì)師圖書導(dǎo)航:http://hao.uisdc.com/book/。
設(shè)計(jì)微博:擁有粉絲量160萬的人氣微博@優(yōu)秀網(wǎng)頁設(shè)計(jì) ,歡迎關(guān)注獲取網(wǎng)頁設(shè)計(jì)資源、下載頂尖設(shè)計(jì)素材。
設(shè)計(jì)導(dǎo)航:全球頂尖設(shè)計(jì)網(wǎng)站推薦,設(shè)計(jì)師必備導(dǎo)航:http://hao.uisdc.com
復(fù)制本文鏈接 文章為作者獨(dú)立觀點(diǎn)不代表優(yōu)設(shè)網(wǎng)立場,未經(jīng)允許不得轉(zhuǎn)載。
發(fā)評論!每天贏獎品
點(diǎn)擊 登錄 后,在評論區(qū)留言,系統(tǒng)會隨機(jī)派送獎品
2012年成立至今,是國內(nèi)備受歡迎的設(shè)計(jì)師平臺,提供獎品贊助 聯(lián)系我們
AI輔助海報(bào)設(shè)計(jì)101例
已累計(jì)誕生 753 位幸運(yùn)星
發(fā)表評論
↓ 下方為您推薦了一些精彩有趣的文章熱評 ↓