怎樣自學並且達到職業 UI/UX 設計師水平?
UX不等於原型圖,很多人一上來就是畫原型圖也是醉了,前期的用戶調研才是最重要。
我之前在國內互聯網公司做過產品,後來在英國讀HCI專業,下面總結在google找到各種知名公司lead給出的意見,主要分為兩點:學習UX + UX設計實踐 +建立UX人脈圈。 因為國外UX方面的內容比較多 ,部分資源可能需要樓主爬牆。
學習UX + UX設計實踐 +建立UX人脈圈,學習UX + UX設計實踐 +建立UX人脈圈,學習UX + UX設計實踐 +建立UX人脈圈(重要的事情說3遍)一、學習UX
a. 經典書籍推薦:Read my list of UX resources for beginners (初學者必看的經典書籍,包含視頻+書籍),先從看書開始吧。
b. 最新書籍推薦:Great books for designers to read in 2016
c. UX廣播: my blog post about my favorite UX podcasts
d. UX網站:UX網站實在太多了,質量不一,推薦幾個乾貨:UX — UI Readings(Medium上UX/UI文章集合),Dribbble, The Best Designs and Awwwards (可以在上面關注一些大牛,看他們的設計,得到靈感), All You Can Learn(這個網站集合了世界上最棒的UX專家的資源和文章,還有live seminar), Inspiration and helpful links for User Experience Designers(這個網站集合了所有的UX網站,果然你喜歡收藏各種網站,點這個)。
- **不想看英語的可以看:國內互聯網企業UED博客集合 · Issue #9 · foru17/front-end-collect · GitHub
e. 工具的學習:Adobe Photoshop Illustrator 等,在學習階段,用什麼工具都是次要的, 我在英國的UX項目,老師從不care我們用什麼工具,只要你能表現出交互過程即可,不過既然想往職業發展,還是掌握基礎工具吧。Design tuts, Lynda and Skillshare.(這3個網站可以教你如何學習工具)
學習的時候要做筆記!做筆記!做筆記!重要的事情講3遍
二、UX設計實踐(最重要!)
重點還是要實踐,光看不動手,那是紙上談兵,而且很多UX工作招聘是要有作品集的,你不實踐,哪來的作品集啊。
Q:我不是UX專業的,沒有項目可以參與,怎麼實踐啊?
A:很多人一提到UX,就直接認為是畫原型圖,一上來就畫原型圖,這樣是錯誤的,UX涉及到太多方面了,要搞清楚UX設計的過程啊,太懶了,貼一些課件吧。
基於前面學習的基礎上,你應該已經知道了UX設計的具體流程以及各個流程的要點, 要開始動手啦。實踐主要分為幾個階段。
1、第一階段:分析現有熱門APP或者WEB
如果你沒有如果的積累,沒有體驗過很多的APP或者WEB,一上來讓你直接UX設計是很難的,所以第一階段應該是分析現有熱門APP或者WEB。
熱門的產品在UX方面相對有考究,分析產品不要只是分析他們的頁面交互方式啊,這樣是不夠的,一切交互都是要建立在是否方便用戶學習、使用,方便解決他們的需求。要
1)分析他們的主要目標用戶群是哪些?這些用戶群有什麼樣的特點?
比如說美團外賣這個APP, 目標用戶群應該是學生藍領白領等中低收入人群,而不是高端收入人群。 這些中低端收入人群有什麼特點呢?這些你可以通過網上查找資料,看產品所有人的說法以及其他人的分析
2)分析他們的核心功能,功能的優先順序。分析用戶的使用場景,一個功能通常對應多個用戶場景,這些場景也是要有優先順序的。
3)然後分析他們各個場景的交互方式,判斷這個功能的布局,交互方式是否能夠方便用戶快速解決他們的核心需求,交互方式是否滿足用戶使用場景。分析不要貪多,認認真真做好一個app的分析就能收益不少,分析要細緻。
比如說:如果一個app的核心功能需要用戶點擊好幾次才能用到的話,這樣的交互設計是有問題的。功能為用戶服務,交互為功能場景服務,交互要將功能更好的呈現給用戶。
比如說輸入密碼時,就有不同的交互方式:a.已輸入的字元用小黑點隱藏,當前輸入字元明文顯示後隱藏;b. 直接用...形式隱藏密碼;c.提供是否顯示密碼選項給用戶。這幾種交互方式有什麼優缺點?哪個更能滿足主要的用戶場景呢?
如果銀行APP的輸入密碼的交互,有一種場景,用戶在戶外輸入密碼,旁邊可能有人,而且銀行密碼這個要求安全性很高,所以交互方式應該選擇b(直接用...形式隱藏密碼),有因為在用戶輸入密碼時,旁邊可能有人,為了防止他們故意瞄看記住鍵盤順序,從而盜取密碼,銀行APP的輸入密碼的交互應該還要加上隨機鍵盤按鍵順序,每次輸入密碼,鍵盤按鍵順序應該變更。
4)分析產品,不要只單單分析它一個,還要分析的它的競爭對手。國內很多APP是互相抄襲的,所以建議不要只分析國內產品,也要分析國外的產品。
5)分析出他們交互的優缺點之後,要想想怎麼改進啊,以前面試過一些人,很多人只會吐槽,但是說起如何改進起來就是啞口無言啊。。。如果你是UX設計師,你會採用什麼樣的交互方式?為什麼?你的交互方式滿足了用戶特徵嗎?你的交互方式對應哪個用戶場景啊?
以上所講的分析更多是縱向分析,分析要細緻,一開始分析的時候的確會有些難。
分析還可以橫向分析,比如說很多電商app都有支付功能,你可以挑選出幾個具有代表性的電商app,然後橫向分析他們支付功能的交互。2、第二階段:模仿臨摹
1)注意:
【臨摹】不是【抄襲】,抄襲是不考慮用戶使用場景,不管三七二十一,不考慮任何用戶因素,直接把結果照抄。
【臨摹】在的目的在於練習。臨摹有幾個階段:
- 把常用的交互方式的優缺點都複製到你的腦海里,吸收轉化成自己的東西。最開始的時候要做到的就是也就是全盤複製,不要去自作聰明做任何改動,可以分析一下GOOGLE和APPLE發布的官方材料。
- 在完全掌握了目前最優秀的做法後,就可以根據自己的認識和經驗對其進行改進,就是突破既有標準。但如果在還沒有掌握號基礎之前就想突破,很容易就心浮氣躁,反倒不好。
- 最後是創新。這個階段最難,就是自成一派,變成別人的標杆。
2)臨摹資源:
臨摹資源有很多,dribbble和behance上面會有很多交互設計時分享他們的整個設計過程,還有可以參考知名院校畢業生的作品集,比如CMU HCID的學生作品集,收穫會很多的。同時,還可以看一些設計諮詢公司的優秀案例,多個緯度橫向、縱向對比分析,然後自己按照優秀的作品集的思路重新做一遍,做完之後,放幾天,然後再繼續改進。3、第三階段:自己從頭設計一個產品
這個階段你就可以挖掘身邊的需求啊,自己嘗試從頭設計一個app, 認認真真把所有的設計流程做一遍,市場調研?(雖然這些在公司里大多是產品經理弄的或者老闆直接敲定。)目標用戶群?(如何劃分目標用戶),用戶群的特點是什麼?(時間有限的話可以看一些權威論文),用戶需求(如何用戶調研,如何獲取他們的需求?),用戶使用場景?設計?用戶測試?迭代改進?等等一系列的東西。如果你實在不想挖掘需求,可以去app store或者android市場找一些用戶量多的或者剛出來很火的app, 看應用市場里app下載頁里的app功能描述,然後嘗試自己設計這些功能的交互。(感謝評論里的 李走開。)
在實踐階段,不過是分析,還是自己設計,都可以把這些東西放在自己的博客或者Behance或者DRIBBBLE上,將來找工作的時候,都可以是自己的作品集。
4、第四階段:嘗試找實習或者正式工作
我之前的設計部同事也是半路出家,自學UX設計的,他之前的專業與這個完全沒有關係。三、建立UX人脈圈
要往UX方向發展,自然少不了這個行業里的人脈,人脈建立可以有以下幾個途徑,歡迎補充。
1)社交網路:可以在facebook上找一些網頁或者組織,當地會有很多UX的人聚會的活動,可以多參與勾搭;twitter上面follow一些人。國內的,在知乎,微博等地方都可以勾搭到相關UX設計的,多給他留言互動, QQ群或者微信群也會有一些線下見面會,多參與。2)關注一些UX大牛的博客、Behance或者DRIBBBLE,多給他留言互動,久而久之內推什麼的都不是問題,同時,自己的個人博客也要持續更新啊,這樣和別人搭話也能讓別人知道你們的熱情。
3)參與一些UX的論壇會議之類的,這些有一些是要收費的,但是各種大牛哦。
啊,寫得好累,希望對大家有幫助(收藏數再一次是點贊數的幾倍。。。)
微信公眾號:aishuojie1, 分享英國本土熱衷的戶內外活動、吃喝等乾貨,對英國感興趣的朋友可以關註:)
謝邀。我覺得UI和交互設計還是有區別的(我自己傾向於把UX看做整體的體驗設計,交互和UI都是其中的組件),同時精通不是做不到,只是大部分人都是有側重的,全能選手還是少數。當然如果你想做兩項全能那麼我大力支持,只是臣妾我自己也沒做到啊TwT
(首先 抱歉下面會甩出很多英文單詞,我的UX相關學習和經驗完全是在英語環境里做的,所以很多概念我不知道怎麼用中文表達。有什麼沒說清楚的可以問我。)&<-9/28更新:多謝 @小強 提供中文術語翻譯讓我看起來不那麼裝逼
我是半工程出身的職業UX/交互設計師(在大部分公司這兩個職稱是可互換的),但UI能力挺爛的,沒有紮實的typography、色彩之類的設計基本功,更加炒雞不會畫畫(在我認識的UX designer里,會畫畫的其實是非常少的一部分)。作為一個交互設計師我的專長在於理解並分析不同用戶的背景、需求、和mental model(心智模型),提出能讓他們覺得直觀、高效又有趣的交互方案,並且通過user validation來驗證這些方案。
如果你想做一個UX/交互設計師,根據你的背景來看我覺得你足夠了解工具和一些基礎知識,但現階段比較依賴自己的直覺和美感。大部分想要自學做UX的人都能通過主動參與各種小型project自然而然地達到這一步。接下來我建議你學習規範的user-centered design process(以用戶為中心的設計過程),把foundational research(基礎調研)、needs evaluation(需求評估)、ideation(構思)、prototyping (low-fi / high-fi)(低保真/高保真原型製作)、user validation(用戶驗證)、iteration(迭代)等這些環節都把握了並且多!多!實!踐!!時間充足的話讀一下Contextual Design: Defining Customer-Centered Systems(一本又老又厚又乾的大幹貨),沒什麼時間的話讀讀Lean UX、$1 Prototype之類的。
在CMU HCI我獲益匪淺的一門課叫User-Centered Research and Evaluation,講了很多正統規範的設計流程(沒記錯的話Contextual Design是這門課的教科書)。我當初上這門課的時候覺得好麻煩好麻煩,這麼多環節和methods,什麼affinity diagram(親和圖)什麼workflow model(工作流模型)怎麼可能都有用。工作之後才發現學過這些research methodology實在是太好了。上學的時候天真地以為設計師一拍腦袋想出來一個無比美麗的app那就是最浪漫完美的,現在才知道不做面對面的深度qualitative user research(定性研究)的話卵用都沒有,你永遠不知道用戶到底是怎麼想怎麼用的。我認為謙遜是一個合格的交互設計師最重要的技能,不能默認用戶都和你想法一樣。一定一定不要為自己的品味和思考模式設計一個應用,因為這樣只有你自己會想用它。
至於AB test,它只能給你數據但無法告訴你為什麼。完全依賴AB test的結果就是你可能達到了local maximum,得到了一個你個人臆想出的幾個方案中數據看起來最佳的一個,但你不知道為什麼它的數據更好,也不知道它是不是仍然有缺陷。做了qualitative research就會發現很可能還有一些根本性的、完全出乎你意料的問題,了解了這些才能達到global maximum。
題主說的想做不一樣的新東西卻把握不住「理念」這個問題,我想你只要去跟真實的用戶聊一聊,了解他們的現狀和需求,靈感就會自動湧出來了。一個人坐在電腦前面空想著做一些「新穎」的idea,很可能沒什麼靈感也解決不了任何實際問題,只是把一些形狀和顏色放到了不同的地方。
我說的這些可能聽起來比較學院派。的確有很多優秀的設計師一拍腦袋就能想出來一個天才的app,但我敢保證他們都有過無數次傳統且規範的設計流程經驗,才能做到今天的水平的。
如果題主覺得這些學院派的做法十分枯燥無趣,但仍然很喜歡做UI設計的話,那麼或許純UI或者visual designer的道路更適合你。我個人對打造漂亮精緻的eye candy畫面興趣並沒有那麼高,對我來說解決真實的用戶的真實的問題才是最有趣的難題。但如果你對視覺設計更感興趣的話,那麼推薦你打磨傳統設計的基本功。這方面我了解不深就不亂指點了。夏冰瑩 的回答很贊,主要講了交互和用研上的技巧和經驗。我在這主要分享下 UI design 與交互設計上的較大不同的點。
首先 UX 是關於產品和服務全局的體驗設計,不只是包括 UI 和交互,還包括市場和用戶服務等。當然,沒有人能在這所有領域都專精,因此在做項目的時候會需要有跨學科的專家組成團隊,這在設計諮詢公司案例尤其多。
UI design 說到底不是什麼了不起的東西,但它卻是最直觀能與用戶接觸的。用我自己的話說就是 UI 是架接機器與人溝通的橋樑。
我認為這是 UI 與交互非常大的區別點,UI 更凸顯視覺化呈現,對 visual design 的要求更嚴苛。我們的產出物與用戶直接打交道,要擔負產品顏值的責任。
而交互設計則側重在前期的調研和設計,包括 customer research、prototype、user flow 等。
兩個工種應當相互學習對方的專攻知識,在實際工作中也不止是做好自己的事就行了,比如 UI designer 應該參與前期的產品設計討論,方便後續理解產品和與成員間溝通。交互設計師也應該理解 UI,在比如做 prototype 的時候非常有幫助。然後也解答下題主描述下的幾個疑問,要做 UI design 的話:
1. 素描和手繪技能是必需要的;
2. 題主可能還需要加強下 graphic design,接觸下版式設計、字體設計還有 branding;
3. 因為題主有開發能力,要確保做設計的時候不被開發思維牽制其實是很難的。可能需要有意識地在做設計的時候不要過於考慮「如何實現」的問題。
歡迎題主往 UI 發展啊~
你這問題答案很簡單:往死里學,學會基礎後做出來個讓人能看得過去的作品,然後去面試找工作,看看同事們是怎麼做的,多做多問。慢慢就可以了。我就是這麼過來的。
大學畢業做了快三年的銷售行業,應為性格不合適就沒有繼續做下去,很迷茫不知道做什麼,因為大學的事市場,學了一點兒設計(10-節課程),面試了幾次因為沒有作品沒人要,我花了一個月時間去看網上的作品,然後自己抄,修改(一天15個小時以上)。勉強找到工作了,在做東西的時候也是一直問同事這個地方為什麼這麼做,為什麼那麼做等等,慢慢的就能把東西做出來了。
做設計沒有各種理論:一開始有感覺但是沒技能,那就每天堅持臨摹臨摹,之後就是有技能了沒感覺,實際上這個才是讓人頭疼的,嘿嘿。
如果你是學生可以看看理論,如果你已經工作了,那先去學會軟體,去抄別人的成品,找到工作在慢慢提高我要誇一誇這章視頻
Design http://www.bilibili.com/video/av2962044
我覺得設計這個工作還是需要有點天份的,有天分的話事半功倍。做出來的東西感覺上都要強很多。如果你想尋找一起自學的小夥伴,可以加入轉行UX的qq群:261193629。群已滿1000人,剛剛升級。
1 了解UX,下定決心學UX的小夥伴一般都是轉行的,選擇自己要從事的事業是一件大事,所以要格外謹慎。所以第一步就是要了解這個行業,確定是否適合自己。如果適合,則下定決心儘快行動;如果不適合,則儘快了解其他行業。
轉行UX, 前端,後端的採訪錄, 如果你想轉其他方向,歡迎加入轉行qq群:526542968。群里有成功轉行人機交互,計算機和金融的小夥伴們,還有一些業內轉行的人。希望大家多多交流。
Coursera
從今年三月份開始我就在推薦一門經典的UX免費在線課程:Human-Centered Design: an Introduction。因為我只看過這個,而且是2014年看的,所以我暫時只推薦這個課程,其他資源大家可以自行再找。
課程適合適合入門級選手,也很系統。是Coursera HCI的經典課程。老師原來是斯坦福的,後來去了UCSD。通過這門課程你可以基本了解了UX是什麼,基本的流程。幫助你確定,這是不是你想要從事的事業。
Coursera唯一的缺點就是,需要英文基礎。如果有心人可以一起組團做個翻譯團隊,那就更好了。有興趣的可以進群找小夥伴,這是功德無量的好事情哦。
其他可以嘗試學習的在線教程:http://Lynda.com。Linkedin買了之後可以有一定時間的免費。Youtube上也有一些視頻,不過就不是那麼系統了。我零散的看過一些。
我之前做過一期關於UX介紹的公益講座,也可以做參考,看一下是否適合你。
UX前景,轉專業方式,作品集
還有一期我在給Techbow做UX講師的時候做的講座(有廣告成分,慎入)。
Techbow第八期UXUI公開課 主講June
我有一期免費講座,基於UW的HCDE和MHCID項目的,如果不嫌棄我才疏學淺,可以在線參考。可以幫助基本了解UX的流程方法。
系列免費講座第一講:UX流程和元素 主講人 June - 騰訊視頻視頻
2 開始學習UX書籍資源
這裡是我列的一些書單,因為很多是我留學的時候的課程教科書,所以大部分還是看過的。
想學UX, 從讀書開始!
網站資源
For People Who Make Websites
Nielsen Norman Group: UX Training, Consulting, Research
UX Design Archives – Smashing Magazine
UX Booth
Boxes and Arrows
UXPin - UX Design, Wireframing Tools, Prototyping Tools
Defining and Informing the Complex Field of User Experience (UX)
User Experience - Usability Geek
Insights and inspiration for the user experience community
LukeW Ideation + Design | Digital Product Strategy Design
3 開始嘗試做作品尋找小夥伴,互相督促
轉行UX,qq群:261193629。群人數已經超過一千人,還算滿活躍的,討論問題也算有質量。有些矽谷和國內的設計師前輩在群里。可以找到小夥伴一起學習,可以起到互相督促作用。
建議三個小夥伴一起做項目。UX很看重合作,比如MHCID項目強調他們招生最看的就是合作能力。三個人合作產量質量會比較高,並且可以互相督促。
建造自己的作品集網站
這個在國外基本是找工作的硬性要求。這是我寫的一篇關於如何做作品集的文章: UX設計作品集展開說
可以參考的作品集:
Aaron Brako | Interaction and User Experience Designer 15年畢業,現在在google
Tony Ip | UX Interaction Designer 15年畢業,現在在迪士尼
Ellen Dong UX Interaction Designer 16年畢業,現在在apple
做一些UI練習
網上有很多100 day project。這個練習偏visual
累積作品
如果是建築背景,建築作品通過改造,用UX design method表現出來可以充當UXz。值乎 - 說點兒有用的(回答的問題:以UX思維把建築作品改為UX作品是什麼樣的思路)。
參加活動。比如我參加Intel hackathon獲得過first prize。這個既能獲得作品,又能獲得award,還能體現你的合作能力。4 積累人脈
有人說要花錢買人脈。天啦嚕,你加微信群需要花一兩萬,我覺得你真有錢啊!
實際上,有很多設計群。國外有很多,灣區找工作群,Uxer在西雅圖等等。國內的話,馬力,卓浩,yoyo都有開設計群。講真啊,群主們一般還挺希望人多的好嗎?
知乎上也有一些熱心的大牛。可以去勾搭一下。
參加活動,參加conference。你要是加微信群都捨得花一兩萬,那不如去申請CHI的志願者,好吃好喝的真的,而且能認識不少人。我有期講座的嘉賓,就是CHI conference認識的,人超級好。
在國外的話可以參加facebook group, meetup等等活動。
5 了解情況有一些國外設計師的直播分享。我們都不是大牛,也不敢自稱男神女神,但願能給你些幫助就好啦!會繼續更新。需要翻牆。
設計師直播訪談
如果你想申請學校,非常不建議找中介。推薦一個專欄:
HCI申請黨
6 尋找實習工作機會實在不太了解國內情況。如果你你在國外,你需要一個linkedin profile。可以去linkedin搭訕,我當時是直接拿到的onsite機會,就是直接厚臉皮去搭訕的design lead, 哇咔咔!
也可以直接搭訕員工求refer。真沒必要花錢求refer好嗎!
找工作的網站: glassdoor, linkedin jobs, indeed等等。
寫過一個面試經驗的文章:人機交互面試tips
Reference:
UX Books: the essential reading list
https://medium.com/@uxdesigncc/ux-books-fundamental-reading-list-8ba3f36f6bd8#.ksf48khze
UX Books on Psychology Behavior
https://uxdesign.cc/books-with-related-concepts-to-ux-943d5a677828#.jtg343tsc
UX Books on Methods Processes
https://uxdesign.cc/ux-books-on-methods-and-processes-e26125ffc66c#.pf5y2nhww
UX Books on Usability Interaction Design
https://uxdesign.cc/ux-books-on-usability-interaction-design-f84d61ac0916#.fopsl9hl9
轉載:
如何成為一個合格的UX設計師,怎樣才能從菜鳥轉變為設計高手,每天都有無數的設計師思考著同樣的問題。凡事要做好,必須得回答這三個問題:做什麼?怎麼做?用什麼做?看了這三個方面的問題,你就應該能夠明白如何起步了。為此,筆者收集了一些資源並且做了歸納,希望對你可以有所幫助。
一、做什麼?
既然是一名UX設計師,那麼首先,你要知道什麼是UX,以及UX和其它崗位的區別。
The Difference Between UX and UI Design-A Layman』s Guide
這篇文章中主要講解了UX和UI的區別,到底什麼是UX,什麼是UI,作者不僅指出了他們的不同,還做了更進一步的比較。(還有薪資的比較呢。)
UX vs UI vs IA vs IxD : 4 Confusing Digital Design Terms Defined
如果你的疑問不只是關於UX和UI,還對IA和IxD也不明白,那麼Becky的這篇文章絕對會幫到你。這裡不僅解釋了UX、UI、IA、IxD分別所代表的意義,而且還針對工作內容的不同推薦了一些簡單實用的工具,可謂是一舉兩得。
二、怎麼做?
在你從宏觀上明白了UX到底是什麼,UX設計師的工作內容是什麼之後。你需要明白:設計的成敗,往往取決於細節。
When to Use a Switch or Checkbox
開關按鈕和複選框,似乎看上去功能比較相近,但是實際上他們之間有這很大的區別。舉個例子:
設計中一個簡單的選擇,看似無傷大雅,實際上卻決定著這個設計的可用性和用戶體驗度。想知道更多關於開關按鈕和複選框的事情?趕快打開看看吧。
How to Design a Walkthrough That Users Will Read
消息滿天飛的時候,怎樣能夠吸引讀者的目光?這個問題想必已經困擾了很多的設計師了。來看一下Anthony的做法。
Mood Boards In UX Design: Ignite Passion In Your Users
設計的突破在於創新,在UX設計中使用心情的晴雨板無疑是一個創新的好方法。用這個又去的功能來激活用戶心中的熱情,也是一個抓住用戶的新思維。
三、用什麼做?
1. 工具的選擇:
明確了方法之後,準備行動起來了么?先不要急,工欲善其事必先利其器,選擇到適合我們的工具將會使我們的工作更加有效,設計更加符合需求。
作為UX的設計師,最常使用的工具恐怕就是原型設計工具了,我這裡收集了一些關於原型設計工具推薦的文章,我們一起選選看,這裡總有一款適合你:
10 Prototyping Tools Recommended For UI/UX Designers
10款設計工具的推薦,而且已經根據難易程度做了等級分類。聽上去就很有用。這10款工具可都是作者親身試用,到底那一款才是他的最愛,這一款又是不是你想要的?
Top 5 Desktop Website Based Prototyping Tools
桌面端和網頁端排名前五的基礎原型設計工具,入門選手工作設計必備之選。
2. 素材的收集
設計中只靠自己是不行的,你需要搜集大量的素材。在你覺得現在的設計樣式需要改進的時候,看下這些文章吧,它們會提供給你靈感的來源。
7 Ways to Get Vector Icons For UX/UI Design
UX/UI的設計需要大量的矢量圖標,尤其是在原型設計的過程中,矢量圖標顯得尤為重要。那麼這麼好的矢量圖標,要到哪裡去找?Mark向你推薦7個能找到矢量圖標的地方。
12+ Free UI Kits UX Design Resources Collection
有一個中國成語「照貓畫虎」,那麼,如果你的模特是老虎呢?我想你一定能畫出逼真的威風凜凜的老虎來了。12個免費UI Kit的收集,把「老虎們」帶到你面前,讓它們成為你臨摹的好標版。
The Best UI/UX Design Books Resources for Designers
每天都泡在網路上,回歸到書籍的懷抱才是我想要的,這裡有一些關於UX/UI設計的書籍,讓你在業餘時間充電滿分。
3. 原型的測試
完成了設計之後,接下來要怎麼辦呢?我來告訴你吧,下一步,你需要對你的原型設計做測試了。
How to Test the Usability of Your Prototypes on Mobile and Desktop Devices?
現在的應用很多都是包括了桌面端和移動端兩個部分,那麼如果對這兩個部分進行可用性的測試?Berry在這裡詳細的講解了測試的每一步。快來看看吧。
Mockplus演示和分享原型設計的8種方式Mockplus是原型設計工具領域的後起之秀,但是這位後起之秀在測試預覽功能上已經做到了行業前列,8種不同的預覽方式,總有一種是你需要的。(國產)
怎麼樣?有沒有得到一點啟發?希望看過之後你可以在UX設計上有所創新和突破。
轉一個別人的解釋:UI是決定按鈕長什麼樣子的,UX則是決定按鈕在啥位置,而UR是決定為啥要有這個按鈕。
關於UX自學,個人覺得可以先了解一下系統的知識和方法,推薦coursera上的交互課程:Interaction Design(University of California, San Diego)
英文不好的話,可以結合《互動式系統設計》這本書+《設計心理學》一起啃。
我看了很多書,就不一一羅列了。我買書的方法很笨,就是通過亞馬遜的長尾理論。這些書都買其實有點小貴,可以考慮去圖書館借一下。
實踐的方法有很多,《互動式系統設計》這本書里就有很多練習。coursera的課程最後有一個畢業項目,按照順序做最後也可以完成一個項目。
至於臨摹項目,個人覺得臨摹APP不如臨摹複雜一點的網站。有的APP的交互相對來說還是很簡單的。
職業和專業,是兩件事啊。多做多練習是最重要的,然後更多地和不一樣的設計師進行交流。
初學者可以先做一些基礎的icon設計,現在的許多UI其實本身並不複雜,關鍵是如何把icon設計,把基於用戶行為的每一個界面的架構和排布做出來,然後學會使用Sketch軟體把基本設計有條理地表達出來 。
設計是一個整體的非常繁瑣的流程,技能練習可以從臨摹一些好的草圖開始,繪畫到一定程度會逐漸形成自己的草圖風格,這要基於很多不一樣草圖的對象風格,需要1-2年慢慢形成。但是在這段時間要基本保持比較好的訓練強度,大多數設計學院學生在第一年都會有草圖臨摹的課程。當完全形成自己的風格之後就不需要臨摹了,給你一個模型或者想像的東西能直接畫出來,這是一種非常好的草繪體驗。
每個項目都有所不同,當你做了很多不一樣的項目,就能把握好設計流程。
更多相關內容在
JinCao 曹金的live
JinCao 曹金 - 知乎專欄
題主好,我這個學期也在學習HCI的課程,談不上什麼成功經歷,只是分享一下學習經驗。
首先以我的理解,UI和UX並不是兩個一樣的概念。
UI更貼近於Graphical Design,也就是更貼近於圖像上的設計,偏Aristic一些,而UX更貼近於人機交互體驗,注重的是系統是否能很好幫助用戶完成他們想要完成的工作。
所以,如果想專攻UI設計,我覺得題主需要花更多的時間去學習artistic design相關的內容。當然這已經超出了我的專業範圍,所以就不展開說了。而UX並不是單獨的一份設計作業,我不知道題主是否有相關project經歷,我的理解里,UX設計是一個龐大的系統工程。
以我們這個學期做的project on interaction design為例:整個project可以被分為以下的過程:
1. Ideation, Contextual Inquiry, Affinity Diagram, Storyboarding, Brainstorm for solution.
2. Quick Prototype, initial evaluation,
Shortlisting prototypes.
3. Adjust requirement Task analysis, Repeat, Shortlist and refine.如果有同學可以細心地把整個list看一遍,會發現大部分時間都是在發現用戶真正需要解決的問題,之後才是如何設計出一個系統來幫助用戶簡介方便的解決這個問題。
我們project中途做的user evaluation,幾次被用戶普遍吐槽,原因就是因為一開始我們並沒有真正理解用戶想要解決的問題,因此設計出來的Prototype不符合用戶解決這個問題的習慣。
所以要做一個好的UX首先是需要理解用戶的問題/痛點具體是什麼(括弧內為相應的skill):
- 如何發現用戶的問題,用戶現在怎麼解決這個問題(怎樣做用戶調查,需要用contextual inquiry還是survey)
- 怎樣從用戶零散的回答里發現真正的需求(Affinity Diagram)
- 調查之後能否通過一個簡單的prototype來再次向用戶爭取意見,更進一步的理解用戶的需求。(怎樣做quick dirty prototype,怎麼去做一個好的Storyboard)
在理解了用戶需求之後,如何製作prototype (括弧內為相應的skill)
- 如何製作prototype (怎樣選擇Low-Hi Fidelity Prototype)
- Design Principle (Consistency,Familiarity,Feedback,Recovery...)
最後,在做好prototype後,如何去做用戶測試,之後iterate refine
- 做好了prototype後,如何做user evaluation (pilot testing,usability testing,Nielson』s Heuristics,Cognitive Walkthrough...)
根據題主po出的github鏈接,題主可能更傾向於如何製作prototype部分。這確實是UX設計的一個重要環節,不過不是全部。並且prototype也不是一個勁悶頭的設計,一個好的prototype是由很多次iteration refine + user evaluation而測試出來的結果。
比如我們的project第一輪design一共設計了4個prototype,都是可上手使用的hi-fidelity prototype。
經過4次user evaluation,我們綜合考慮了每個prototype的優缺點,再進行了兩輪設計和改動,之後才拿出了我們學期末的最終UI版本。(最後幸運的在學校計算機系下的Term Project Showcase上拿了二等獎lol)
最後對於關於如何系統地學習UX HCI desigin,我們教授有推薦幾本書,這裡貼出來,如果題主有時間可以看看,希望對題主有所幫助。
1. Interaction Design - Beyond Human Computer Interaction
Author: SHARP ROGERS PREECE
4e / 2015
Wiley
Interaction Design2. Designing the User Interface : Strategies for Effective Human-Computer
Interaction
Author: Ben Shneiderman and Catherine Plaisant
5e / 2010
Pearson
Open Reader Resources
找個公司去實習或者從初級設計師做起吧…沒必要自學成為大師才出山去工作。UX我不說什麼
但UI嘛,你不做遊戲的話手繪只是個加分項,不是考察項。
站酷的作品是不錯,面試也不錯,如果你想更加容易就業,就別學他們臭毛病,只做註冊,而不去做:註冊成功-註冊失敗了-註冊填寫數據的分支頁。有點經驗的,就知道樹枝和樹榦一樣重要。
誰告訴你ui要考慮字體了?微軟雅黑蘭亭黑蘋方一路做下去,特殊字體那都是圖片廣告。
上面說的臨摹啥的都很虛的,來你臨摹的時候,著重注意下各種塊的像素值。比例兩邊留多少像素,如下圖
UI應該出幾套效果圖(包括Ios、Android);切圖又該出幾套? - 林雨秋的回答 - 知乎你的任務就讓程序猿看得懂做得出 做不出就拿把菜刀站在他旁邊
那啥還有學點網頁代碼的皮毛,會能讓你和程序猿交談很愉快。
書籍只是提醒你別犯錯,指導你工作的是你老闆領導,聽他們的去。
最後對各位說句話:別讓教程積灰
redesign可以讓你明白交互的精髓說實話...以上說的全部正確,但道理我都懂,可不一定會有這麼多時間做...我只能說項目中遇見問題學會舉一反三吧,多深入思考,這是為什麼?哪怕只是一個小小的點贊功能,然後就自求多福吧。
以上為分割線,修改時間為一年半後的11月22日
工作及角色的變化,讓我對這個問題有了別的解讀,題目有兩個核心關鍵詞:自學、職業;這不僅適用於新人,工作了很多年的老人都會有這種困惑,如何高效自學?如何讓自己更專業?
總歸是要以結果為導向的看;
自學
自學是很奇妙的東西,每個人的自學體系是不一樣的,得到知識的效率是不一樣的;
如果是剛入行的新人,那需要進階的來自學:
1、基礎規範
iOS、谷歌的規範、PC、mac等,了解不同平台下的產品、不同場景如何使用;
about face3等排名靠前的知識可以全部吸收一遍;
2、業務流
研究產品功能的任務,這個目的在於可以快速上手一個需求,但缺點可能是過於機械化,情感上的東西會缺失;
3、細節優化與方案對比
當基礎知識已儲備完成的時候,可以開始摳細節了...
帶著效率提升、降低學習成本、更快上手、提高轉化等思路,仍然可以改出不同的設計版本;
專業
這是有一定互聯網經驗的人會糾結的詞,已經不需要停留在新人階段磨方案了,而是在把大量時間投入到業務中,再從業務中選擇一個好方案;
1、擴展知識領域
我想專業應該是那種干翻全場的專業,那你就要確認全場有誰?策劃、運營、視覺、技術、測試,拋開技術與測試不說,策劃、運營、視覺的基礎知識應該就是要補充了解的了;
2、快速吸收業務知識
從大熱的APP入手,找他們的優缺點,優點及特色的部分套用到自己做的產品當中,去分析為什麼人家能成而自己的產品卻不適用,如果這部分硬要放到自己的產品中要如何去融合,其實也是變相的競品分析,但是帶入的目的性更強,而你的收穫也更佳直接;
3、讓業務更佳完美
一個業務的提出往往是一個點,需要專業的設計師把點連成面,比如要做一個評論,很簡單的命題,但是背後卻是如何提升社交?那就又涉及到評論露出、引到討論、快捷回復、圍繞觀點評論與圍繞內容評論的問題,所以需要設計師站在上帝視角把一個點看成一個面。
你寫的很詳細,覺得你說的這些都挺在點子上的,你自己發現了問題。(很棒了)
你現在差的應該是真正地去開始一個項目,和你的用戶交流,了解他們的需求,並且把這些需求的改進放進你的新設計裡面。
用戶研究很重要,企業的目標也很重要。
設計是服務行業,你所做的一切都是為了更好地幫用戶解決問題。你說的系統理念問題,我覺得這個問題是會在你透徹了解了你要做的東西要帶給別人一種什麼樣的感覺之後,自然而然就能做出來的一種設計規範。(這需要一些平面設計思路,比如做一整套VI的思路,你可以找一下相關的書籍)
手繪並不是特別重要,但你可以試著用你學過素描的視角去觀察一下世界並且嘗試和你要做的事情建立起聯繫。
加油
媽呀,你寫那麼多,俺就是自學的,有啥不可以(?_?),能工作掙錢就好了,工作中進步,工作才是真正的發現問題,達到你所謂的水準的過程
UX 設計是一種相比許多其他技能更容易學會的技能:
- 比學日語或玩棒球更容易
- 只比 Candy Crush 更難點 : )
成為 UX 設計師的9個步驟:
- 閱讀 Alan Cooper 的 About Face /《About Face: 交互設計精髓》- 我喜歡這本書,因為它非常實用(不像另一本經常推薦給初學者的書:Don Norman 的 Design of Everyday Things /《設計心理學》)。我關於這本書的回答
- 安裝 Axure RP 或其他一些快捷原型設計工具(這個鏈接也是 Cooper 的網站。不過我跟Cooper並沒有關係!)
- 做一個互動式原型
- 閱讀一本關於可用性測試的書。有許多這樣的書,我喜歡那些較少討論理想的可用性實驗室設置的書——畢竟你永遠也不會有一個理想的實驗室。我喜歡這本:Remote Research /《遠程用戶研究》。
- 在你的朋友身上進行可用性研究。你的朋友可能並不是你的目標受眾,但在這個階段他們還是有用的。
不過,嘿,不騙你:像 UserTesting.com 這樣的自動測試會讓你的可用性測試完全不同!
6. 在測試期間,學會不要打斷用戶,也不要幫他們完成任務。如果你掌握了這一點,那麼恭喜:最難的部分已經結束了。
7. 明白你設計錯了——大部分原型都是這樣的。
8. 修正你的錯誤。
9. 轉到步驟5。
感覺還不錯?
你知道嗎?恭喜!你已經少數的會實際測試其原型的設計師之一了。
這個職業的二元性在於:
?大多數設計師了解可用性測試的重要性
?大多數設計師不測試
你現在正在一條陡峭的學習曲線上。體會到這種感覺了嗎?你現在感受到的是大多數UX設計師永遠無法獲得的內心的寧靜。
- Icons8 正是一個服務於UX設計師的網站,有超過11, 000個圖標,你可以非常容易的找到你需要的圖標並免費使用它們。
- 找不到怎麼辦?只要你提出要求,我們的團隊就可以為你免費製作你需要的圖標!
- Icons8 獨立的設計師團隊創作了風格統一的圖標,無論你需要圖標用於iOS 11, Winsows 8, Windows 10, Android 4.0, Office 還是 Material,都不會有違和感。
實踐!實踐!實踐!
我剛工作的時候,也再找各種途徑各種答案想去提升自己的水平,後來發現答案就在心中,上了這麼多年學,其實你自身就會;
上學學習的永遠都是學習能力和自主能力,有了這兩點你就可以很容易的提升自己的設計水平;
所有事情都要再實踐中檢驗,光想不做,不去設計怎麼都沒用;實際的設計項目更好,因為你會有緊張感和壓迫感,這種限制會推進你的設計進程;
實踐出真知,這是句名言!
推薦閱讀: