進(jìn)入用戶體驗(yàn)行業(yè)是一件挺嚇人的事情才避,但不要害怕:周圍有很多幫助橱夭。為了幫助你理清大量的信息,我們制作了一個(gè)很酷的列表和你分享桑逝。這個(gè)列表包括UX/UI博客、資源俏让、書籍和工具(沒有特定的順序)楞遏。我希望它能幫助你在你的工作上做得更好!
UX博客和資源
1.?Awwwards-尋找靈感和才能的地方;辯論的空間;一個(gè)分享知識(shí)和經(jīng)驗(yàn)的地方。
2.?UX Magazine-這個(gè)網(wǎng)站創(chuàng)建了一個(gè)社區(qū)首昔,提供了會(huì)議寡喝、工作、工作坊勒奇、非正式聚會(huì)和課堂的位置列表预鬓。
3.?UX Myths-收集最頻繁的用戶體驗(yàn)錯(cuò)誤的概念,并解釋為什么他們不成立赊颠。
4.?Designer News-最佳UX/UI相關(guān)文章收集格二。
5.?Usability Geek-更廣泛的主題超出了可用性劈彪,如用戶體驗(yàn)(UX)、轉(zhuǎn)換顶猜、人機(jī)交互(HCI)和信息架構(gòu)(IA)沧奴。
6.?Lukew-谷歌的一位產(chǎn)品總監(jiān)分享了他對(duì)Web和設(shè)備策略、交互設(shè)計(jì)长窄、視覺設(shè)計(jì)滔吠、可用性等方面的觀點(diǎn)。
7.?Design Talks-來自世界各地68個(gè)UX/UI會(huì)議的設(shè)計(jì)師的演講挠日。
8.?HelloErik Experience Design-Erik Flowers的設(shè)計(jì)與體驗(yàn)博客疮绷。
9.?Weeklypixels-對(duì)設(shè)計(jì)書籍,用戶體驗(yàn)書嚣潜,用戶體驗(yàn)過程矗愧,圖形設(shè)計(jì)書籍,印刷書籍郑原,刻字書籍的評(píng)論唉韭。
10.?UX Booth-分析內(nèi)容、內(nèi)容策略犯犁、信息架構(gòu)属愤、交互設(shè)計(jì)、哲學(xué)酸役、研究住诸、通用設(shè)計(jì)和可訪問性。
11.?Mockplus Blog-最新的用戶體驗(yàn)的UI設(shè)計(jì)資源推薦的UI和UX設(shè)計(jì)師涣澡。
12.?Smashing Magazine’s UX Design Category-UX / UI專家與你分享他們的寶貴的思想贱呐,實(shí)用技巧,有用的指南入桂,推薦的最佳實(shí)踐和案例研究奄薇。
13.?Design Shack-展示設(shè)計(jì)靈感的例子,以及資源和文章抗愁。
14.?Creative Bloq-這是創(chuàng)意馁蒂,內(nèi)容特點(diǎn),對(duì)網(wǎng)頁設(shè)計(jì)蜘腌、插圖沫屡、平面設(shè)計(jì)、3D撮珠、數(shù)字藝術(shù)高流量的博客沮脖,和更多的。
15.?Beautiful Pixels-展示了一些iOS和Android應(yīng)用程序的最佳范例,以及各種媒體的UI設(shè)計(jì)勺届。
16.?UX Movement-發(fā)布文章說明界面設(shè)計(jì)實(shí)踐的好壞如何影響用戶行為驶俊。
17.?DesignModo UX-對(duì)初學(xué)者和高級(jí)設(shè)計(jì)師尋求擴(kuò)展和改進(jìn)他們的知識(shí)的資源。
18.?1stwebdesigner-后的最新設(shè)計(jì)資源為UX / UI設(shè)計(jì)師涮因。
19.?Noupe-在響應(yīng)式設(shè)計(jì)特征的內(nèi)容废睦,用戶體驗(yàn)用戶界面設(shè)計(jì),網(wǎng)站開發(fā)养泡,靈感和更多嗜湃。
20.?Six Revisions-在響應(yīng)式設(shè)計(jì)特征的內(nèi)容,用戶體驗(yàn)用戶界面設(shè)計(jì)澜掩,網(wǎng)站開發(fā)购披,靈感和更多。
21.?Speckyboy-新鮮而有用的資源和鼓舞人心的藝術(shù)肩榕,包括網(wǎng)頁設(shè)計(jì)和開發(fā)刚陡,平面設(shè)計(jì),移動(dòng)開發(fā)株汉。
22.?Designzzz-為設(shè)計(jì)師和開發(fā)者提供免費(fèi)和有用的資源筐乳。
23.?Vandelay Design-我們所有人都需要成功的創(chuàng)作靈感。
24.?Boxes and Arrows-設(shè)計(jì)的實(shí)踐乔妈、創(chuàng)新與探討蝙云。
25.?InspirationFeed-您可以在這里找到行業(yè)指南、案例研究路召、設(shè)計(jì)和開發(fā)資源勃刨、技巧和其他相關(guān)的Web文章。
26.?Usabilla Blog-Useful UX articles or designers.
27.?Dribbble-展示用戶制作藝術(shù)品的在線社區(qū)股淡。
28.?Behance-展示和發(fā)現(xiàn)最新的工作身隐,從頂級(jí)在線投資組合的創(chuàng)意專業(yè)人士跨行業(yè)。
29.?NN/g?-用戶體驗(yàn)領(lǐng)域的領(lǐng)先聲音唯灵。
原型設(shè)計(jì)工具
1.?Pidoco-在線框和原型設(shè)計(jì)工具贾铝。
2.Uxpin-在線工具讓您的團(tuán)隊(duì)設(shè)計(jì)、協(xié)作和呈現(xiàn)原型早敬。
3.?Mockplus-易于使用的原型工具幫助您快速設(shè)計(jì)忌傻。
4.?NinjaMock?-一個(gè)基于web的簡(jiǎn)單原型工具。
5.?Axure-創(chuàng)建高保真復(fù)雜原型的工具搞监。
6.?Justinmind-高保真原型工具。
7.?Balsamiq Mockups-簡(jiǎn)單和低高保真線框圖工具镰矿。
8.?Proto.io-設(shè)計(jì)與原型工具琐驴。
9.?Invision-基于Web的原型工具,使您的設(shè)計(jì)活得很快。
10.?Marvel-將屏幕連接在一起的原型工具绝淡。
11.?OmniGraffle-Mac用戶的原型工具宙刘。
12.?Flinto-將屏幕連接在一起的原型工具。蘋果電腦只有牢酵。
13.?Mockflow-另一個(gè)原型平臺(tái)悬包,有項(xiàng)目規(guī)劃的可能性。
參見:全UX原型工具列表
1.?Pidoco?-Online wireframe and prototyping tool.
2.?Uxpin-Online tool let your team design, collaborate, and present prototypes.
2.?Uxpin?-Online tool let your team design, collaborate, and present prototypes.
3.?Mockplus?-Easy to use prototyping tool helps you design rapidly.
4.?NinjaMock?-An web-based and simple prototyping tool.
5.?Axure?-Tool for create high fidelity and complicated prototypes.
6.?Justinmind?-Tool for high fidelity prototypes.
7.?Balsamiq Mockups?-Tool for simple and low-fidelity wireframes.
8.?Proto.io?-Tool for design and prototype.
9.?Invision?-Web-based prototyping tool that make your design live quickly.
10.?Marvel?-Prototyping tool for linking the screens together.
11.?OmniGraffle?-Prototyping Tools for Mac Users.
12.?Flinto?-Prototyping tool for linking the screens together. Mac only.
13.?Mockflow?-Another platform for prototyping, with the possibility of project planning.
See Also:?A Full List of UX Prototyping Tools
移動(dòng)應(yīng)用程序prototypers
1.?Mockplus-iOS馍乙,Android布近,桌面和網(wǎng)絡(luò)的原型。在實(shí)際設(shè)備上預(yù)覽設(shè)計(jì)丝格。
2.?POP-快速將你的鋼筆+紙的想法轉(zhuǎn)換成一個(gè)真正的工作原型撑瞧。
3.?AppCooker-iPad上的原型應(yīng)用。
4.?Framer-一種新的代碼設(shè)計(jì)方法显蝌。
5.?Pixate-在設(shè)備上體驗(yàn)?zāi)愕南敕ㄔに牛秃孟袼鼈兪峭耆鎸?shí)的一樣。
設(shè)計(jì)工具
1.?Skecth
3.?Pixelmator
免費(fèi)UX/UI的書
1.50個(gè)用戶體驗(yàn)最佳實(shí)踐
2.UX設(shè)計(jì)趨勢(shì)2015&2016
3.網(wǎng)頁UI設(shè)計(jì)最佳實(shí)踐
4.神奇的CSS
5.用戶體驗(yàn)設(shè)計(jì)師的好主意
6.UX的讀者
7.點(diǎn)石成金
8.UX說書人:連接點(diǎn)
9.初創(chuàng)公司的用戶體驗(yàn)設(shè)計(jì)
10.網(wǎng)頁設(shè)計(jì)趨勢(shì)
11.網(wǎng)頁設(shè)計(jì)指南
點(diǎn)擊這里了解更多用戶體驗(yàn)的書的細(xì)節(jié)曼尊。
對(duì)思維導(dǎo)圖和流程圖的UX工具
1.?MindMapple-
2.?NovaMind-允許獲得真實(shí)的人說他們的想法的視頻。
3.?MindManager-幫助你理解你的用戶瞒御,并顯示你什么工作艾船,什么不是葵腹。
4.?SmartDraw-遠(yuǎn)程用戶測(cè)試践宴,幫助您做出自信的設(shè)計(jì)決策。
5.?Visio-最全面的用戶體驗(yàn)包之一爷怀。
6.?Mindsister-
7.?Xmind-
8.?Coggl-
可用性測(cè)試工具
1.?Optimizely-著重于一種特定類型的測(cè)試,A/B測(cè)試烤惊。
2.?UserTesting-允許獲得真實(shí)的人說他們的想法的視頻柒室。
3.?UsabilityTools?-幫助你理解你的用戶雄右,并顯示你什么工作擂仍,什么不是逢渔。
4.?Usabilityhub-遠(yuǎn)程用戶測(cè)試肃廓,幫助您做出自信的設(shè)計(jì)決策亿昏。
5.?Usabilla-最全面的用戶體驗(yàn)包之一。
6.?UserFeel-提供廣泛的可用性測(cè)試吝沫。
7.?GTMetrix-一個(gè)評(píng)估網(wǎng)站放緩原因的免費(fèi)工具惨险。
8.?UserEcho-允許您調(diào)查客戶并提供支持辫愉。
9.?iPerceptions-讓你在訪問開始時(shí)邀請(qǐng)他們來進(jìn)行調(diào)查恭朗,到最后進(jìn)行調(diào)查痰腮。
10.?Loop11-通過基于場(chǎng)景的測(cè)試提高網(wǎng)站的可用性。
11.?Attensee-UX設(shè)計(jì)師的第一印象測(cè)試
12.?WhatUsersDo-真實(shí)的人在使用你的網(wǎng)站或應(yīng)用程序時(shí)說出他們的想法的視頻沧踏。
協(xié)作工具
1.?Join.me-免費(fèi)的屏幕共享從你的瀏覽器翘狱,視頻會(huì)議和無限音頻呼叫盒蟆。
2.?Trello-Trello的板历等,列表寒屯,和卡片讓你安排你的項(xiàng)目在一個(gè)有趣的寡夹,靈活的和有益的方式菩掏。
3.?Red Pen-不管你的同事在哪里智绸,如果你使用視覺效果瞧栗,它將幫助你毫不費(fèi)力地與你的團(tuán)隊(duì)協(xié)作迹恐。
4.?Murally-在線白板設(shè)計(jì)視覺組織的想法殴边。
5.?Slack-松弛的收集最常見的通訊工具如谷歌驅(qū)動(dòng)器锤岸,在一個(gè)地方推特或Dropbox,所以整個(gè)團(tuán)隊(duì)保持最新晓猛。
調(diào)查工具
1.?Google forms-一個(gè)快速創(chuàng)建免費(fèi)在線調(diào)查的好方法
2.?Free Survey Creator-做免費(fèi)調(diào)查了解你的用戶戒职。
3.?SurveyMonkey-在幾分鐘內(nèi)創(chuàng)建并發(fā)布在線調(diào)查洪燥,并實(shí)時(shí)捧韵、實(shí)時(shí)地查看結(jié)果蒙兰。
4.?SurveyGizmo-surveygizmo是一種先進(jìn)的(但易于使用的在線調(diào)查軟件工具)搜变。
5.?Typeform-建設(shè)美麗挠他、迷人殖侵,和會(huì)話的在線表格愉耙,調(diào)查朴沿,測(cè)驗(yàn)赌渣,登陸頁面坚芜,Typeform和更多鸿竖。
我們希望您喜歡了解這些設(shè)計(jì)資源和工具缚忧。我們希望,通過他們球榆,你的旅程是UX或UI變得更容易持钉!
原文鏈接:
https://uxplanet.org/the-best-ux-ui-designer-tools-resources-blogs-books-collection-2d045592d7d7
The Best UX/UI Designer Tools, Resources, Blogs & Books Collection
It can be intimidating to get into user experience, but don’t fear: there’s plenty of help around. To help you navigate that sea of information, we make a cool list to share with you. This list covers UX/UI blogs, resources, books and tools (in no particular order). I hope it will help you guys to get better at what you’re doing!
UX Blogs and Resources
image source: nnwmaccontent
1.?Awwwards?-A place to find inspiration and talent; a space for debate; a place to share knowledge and experience.
2.?UX Magazine?-This site creates a community with location-based listings for conferences, jobs, workshops, informal meetups, and classes.
3.?UX Myths?-Collects the most frequent user experience misconceptions and explains why they don’t hold true.
4.?Designer News?-Best UX/UI related articles collection.
5.?Usability Geek?-A wider array of topics that extend beyond usability, such as User Experience (UX), conversion, Human Computer Interaction (HCI) and Information Architecture (IA).
6.?Lukew?-A Product Director at Google shares his views on Web and device strategy, interaction design, visual design, usability, and much more.
7.?Design Talks?-545 Talks for Designers from 68 UX/UI conferences all over the world.
8.?HelloErik Experience Design?-The design and experience blog of Erik Flowers.
9.?Weeklypixels?-Reviews on design Books, user experience books, UX processes, graphic design books, typography books, lettering books.
10.?UX Booth?-Feature content on analytics, content strategy, information architecture, interaction design, philosophy, research, universal design and accessibility.
11.?Mockplus Blog?-The newest UX/UI design resources recommended for UX and UI designers.
12.?Smashing Magazine’s UX Design Category?-UX/UI experts share with you their valuable ideas, practical tips, useful guidelines, recommended best practices and great case studies.
13.?Design Shack?-Showcases inspiring examples of design, alongside resources and articles.
14.?Creative Bloq?-It is a high volume blog for creatives that features content on web design, illustration, graphic design, 3d, digital art, and more.
15.?Beautiful Pixels?-Showcases some of the best examples iOS and Android apps as well as UI design across various types of media
16.?UX Movement?-Publish articles showing how good and bad interface design practices affect user behavior.
17.?DesignModo UX?-Resource for both beginners and advanced designers looking to expand and improve their knowledge.
18.?1stwebdesigner?-Post the latest design resource for UX/UI designers.
19.?Noupe?-Feature content on responsive design, UX/UI, web development, inspiration and more.
20.?Six Revisions?-Publish articles, guides, tutorials, news and other forms of content for people who design and build sites and apps.
21.?Speckyboy?-Fresh and useful resources and inspirational art, covering web design and development, graphic design, mobile development.
22.?Designzzz?-Offers free and useful resources for designers and developers.
23.?Vandelay Design?-Post creative bouts of inspiration that we all need for success.
24.?Boxes and Arrows?-The practice, innovation, and discussion of design.
25.?InspirationFeed?-You’ll find industry guidelines, case studies, design & development resources, tips & tricks, and other related web articles here.
26.?Usabilla Blog?-Useful UX articles or designers.
27.?Dribbble?-An online community for showcasing user-made artwork.
28.?Behance?-Showcase and discover the latest work from top online portfolios by creative professionals across industries.
29.?NN/g?-A leading voice in the user experience field.
Prototyping Tools
1.?Pidoco?-Online wireframe and prototyping tool.
2.?Uxpin?-Online tool let your team design, collaborate, and present prototypes.
3.?Mockplus?-Easy to use prototyping tool helps you design rapidly.
4.?NinjaMock?-An web-based and simple prototyping tool.
5.?Axure?-Tool for create high fidelity and complicated prototypes.
6.?Justinmind?-Tool for high fidelity prototypes.
7.?Balsamiq Mockups?-Tool for simple and low-fidelity wireframes.
8.?Proto.io?-Tool for design and prototype.
9.?Invision?-Web-based prototyping tool that make your design live quickly.
10.?Marvel?-Prototyping tool for linking the screens together.
11.?OmniGraffle?-Prototyping Tools for Mac Users.
12.?Flinto?-Prototyping tool for linking the screens together. Mac only.
13.?Mockflow?-Another platform for prototyping, with the possibility of project planning.
See Also:?A Full List of UX Prototyping Tools
Moblie App Prototypers
1.?Mockplus?-Prototype for iOS, Android, desktop and web. Preview design on actual device easily.
2.?POP?-Transform your pen+paper ideas into a real working prototype quickly.
3.?AppCooker?-Prototype App on iPad.
4.?Framer?-A new way to design with code.
5.?Pixate?-Experience your ideas on device as if they’re completely real.
Design Tools
image source: usertesting.com
1.?Skecth
3.?Pixelmator
Free UX & UI?Books
1.?50 User Experience Best Practices
2.?UX Design Trends 2015 & 2016
3.?Web UI Design Best Practices
4.?Magic of CSS
5.?Bright Ideas for User Experience Designers
8.?UX Storytellers: Connecting the Dots
Click here?for more details about these UX books.
UX Tools for Mind Mapping and Flowcharts
1.?MindMapple?-Pre-loaded with themes and templates.
2.?NovaMind?-A cross-platform brainstorming software.
3.?MindManager?-One of the best mind mapping software application developed by Mindjet.
4.?SmartDraw?-lets you create and edit flowcharts and diagrams using any modern web browser.
5.?Visio?-You are able to communicate complex information with data-linked diagrams in just a few clicks.
6.?Mindsister?-An online mind mapping tool that lets you capture, develop and share ideas visually.
7.?Xmind?-Flexible, works great on any desktop OS.
8.?Coggle?-An online tool for creating and sharing mindmaps.
Usability Testing?Tools
image source: generalassemb.ly
1.?Optimizely?-Focuses on one specific type of test, A/B testing.
2.?UserTesting?-Allows to get videos of real people speaking their thoughts.
3.?UsabilityTools?-Helps you empathize with your users and shows you what’s working and what’s not.
4.?Usabilityhub?-Remote user testing to help you make confident design decisions.
5.?Usabilla?-One of the most comprehensive user experience packages.
6.?UserFeel?-Offers thorough usability testing in a wide range of languages.
7.?GTMetrix?-A free tool that assesses the causes of site slowdown.
8.?UserEcho?-Allows you to survey customers and provide support.
9.?iPerceptions?-Lets you survey web visitors by inviting them at the start of their visit to take a survey at the end.
10.?Loop11-Improve usability of your website through scenario based tests.
11.?Attensee?-First impression testing for UX designers.
12.?WhatUsersDo?-Videos of real people speaking their thoughts as they use your website or app.
Collaboration Tools
image source: execunet.com
1.?Join.me?-Free screen sharing from your browser, with video conferencing and unlimited audio calling.
2.?Trello?-Trello’s boards, lists, and cards enable you to organize and prioritize your projects in a fun, flexible and rewarding way.
3.?Red Pen?-No matter where your colleagues are in the world, if you work with visuals it will help you collaborate with your team effortlessly.
4.?Murally?-Online whiteboard designed to visually organize ideas.
5.?Slack?-Slack gathers the most common communication tools like Google Drive, Twitter or Dropbox in one place, so the entire team is kept up-to-date.
Survey Tools
image source: themefuse.com
1.?Google forms?-A great way to quickly create online surveys for free.
2.?Free Survey Creator?-Make a free survey to know your users.
3.?SurveyMonkey?-Create and publish online surveys in minutes, and view results graphically and in real time.
4.?SurveyGizmo?-SurveyGizmo is an advanced (but easy to use) online survey software tool.
5.?Typeform?-Build beautiful, engaging, and conversational online forms, surveys, quizzes, landing pages, and much more with Typeform.
We hope you enjoyed getting to know about these design resource and tools. Hopefully, through them, your journey of being a UX or UI becomes easier!