標籤：

2016年度13篇最佳UI/UX參考文章【UXRen譯#161】

02-02

作者：Grace Jia(UI/UX Researcher & Analyst) | 翻譯：代代子，校審：Chen Jing

本文收集了2016年度最受推薦的設計文章，內容涉及（1）UI/UX設計的原則、書籍和工具（2）如何做出更好設計的方法和建議（3）新的設計趨勢。

註明：

1、以下文章的中文標題帶藍色鏈接（下劃線）的，即為已有中文譯文，請直接點擊查看；

2、對於無譯文的文章，如果你有發現對應的中文譯文地址，請在底部評論里說明，我們會進行持續更新；

3、由於多篇原文都需要翻牆訪問，審校者陳晶同學已經整理了【文中所有英文文章合集】，請關注文末的獲取方式，免費獲取。

1. 2017年UX行業會是怎樣的

2017年UX行業將會如何發展。本文回顧過去、理解當下、並展望UX的未來。

原文鏈接：uxdesign.cc/ux-trends-2

2. 為何設計

有時候，得知真相是喜憂參半的。美不長存，你或許正在設計能改變世界的偉大作品。然而還沒等你的作品問世，世界已經變成另一副模樣。彼時人們不再對你的作品感到驚喜，人性是貪婪的，只要有時間總想要得到更多。

原文鏈接：http://medium.com/the-year-of-the-looking-glass/why-design-f3c8546c9672 – .oabzhb3ro

3. 設計更好的表單

無論是註冊流程、多視圖加減控制項還是單一數據輸入界面，表單都是數字產品設計中一個最重要的組成部分。本文探討了表單設計中的要點與忌諱。不過請記住這只是一般性指南，畢竟每個規則背後都有例外。

原文鏈接：http://uxdesign.cc/design-better-forms-96fadca0f49c – .32bx0mwtl

4. 設計不必規模化

設計不必規模化，這是最近四年一直困擾著我的一個觀點。當我2012年加入串流音樂服務商Spotify的設計團隊時，團隊中所存在的矛盾和分裂使我震驚。具體來說，同事們對字體、顏色、圖像、布局、信息架構（IA）以及交互方式的設計都不能統一。

當我試圖與他們討論時我才意識到，整個團隊本身也是士氣低迷的。我們得出這樣的結論：產品的分裂正恰恰反映出了團隊的分裂，團隊中的設計師為太多不同的項目服務，產生了許多時間和空間上的交疊和衝突，導致團隊無法做出優秀的產品。但畢竟，這是所有現代科技公司的通病。我頭一次產生了這樣的想法：設計不必規模化。

原文鏈接：medium.com/@hellostanle

5. UX與UI的不同之處——給外行人的指南

當我們行走在世界科技中心的大街上，總會聽到人們讚揚某產品偉大的UX設計，抑或吐槽某網站差勁的UI設計。這是外行人永遠不能參與的秘密對話嗎？他們只是想讓自己看起來酷才這麼說的嗎？呃，第二個問題的答案或許是「yes」，但第一個問題的答案絕對是大寫的「NO」。

繼續讀下去，你就會知道這些術語代表什麼意思，UX和UI哪個更賺錢，以及如何成為一名UX/UI設計師。文章中間部分會有一個關於此文的視頻，我會在視頻中告訴大家許多額外信息，讓大家明白成為UX/UI設計師真正意味著什麼。

原文鏈接：The Difference Between UX and UI Design-A Layman』s Guide

6. 一種超越極簡的UI美學新風潮

在最近幾個月中，創新設計的領袖們將「極簡設計」發揮到了更高的層次。Facebook, Airbnb 和Apple都在自家的得意產品中運用了這種設計理念——「超越極簡（Complexion Reduction）」已經成為移動設計中的新風尚。

原文鏈接：medium.com/swarm-nyc/co

7. UX、UI、IA、IxD：這四個詞到底有啥區別

在過去，如果有人說到「設計」這個詞，那麼他極有可能在說「平面設計」。但是如今，數碼世界已經變得越來越複雜，隨之也湧出了一批新的職位，這些職位名稱或許會讓不熟悉設計行業的人摸不著頭腦。本文解釋了UX、UI、IA、IxD這四種主要的設計形式，讓你不再對它們傻傻分不清楚。

原文鏈接：https://medium.com/@Mockplus/ux-vs-ui-vs-ia-vs-ixd-4-confusing-digital-design-terms-defined-ebd679f53f2 – .tvadtgh8m

8. 為什麼要避免使用漢堡式菜單

如果你在一家數碼產品公司工作，那麼你可能已經讀過幾十篇類似文章，這些文章詳細論述了移動設備（以及桌面）上的漢堡式導航（hamburger navigation）為何/如何對用戶體驗產生消極影響，因為它的可發現性和效率都太低了。

原文鏈接：medium.com/@kollinz/ham

9. 如何從頭開始進行設計構思、HCD、UX及其他創造性過程

這篇文章為設計師和創意工作者，甚至是項目經理們提供了一個新的工具：修訂版雙鑽石模型（The Double Diamond revamped）。使用者可以用它來對新的設計挑戰或新項目進行創建、架構、組織、結構化、運營和管理。

原文鏈接：http://medium.com/digital-experience-design/how-to-apply-a-design-thinking-hcd-ux-or-any-creative-process-from-scratch-b8786efbf812 – .kizlsg3pj

10. 微交互最佳實踐

微交互，是以完成完成單個任務為中心的微妙時刻。我們身邊幾乎所有的應用都充滿了微交互。舉幾個例子：

  • 確認某件商品已加入購物車
  • 使用「下拉刷新」以更新內容
  • 確認操作的界面動畫（例如切換按鈕）

原文鏈接：https://uxplanet.org/best-practices-for-microinteractions-9456211aeed0 – .ad900yid9

11. 精選UI/UX設計書籍與資源

想成為一名出色的設計師嗎？想獲得最好的UI/UX書籍和資源？找不到「如何成為優秀UI/UX設計師」的正確和有效途徑？你需要看這篇文章，文中列舉了備受矚目的UI/UX書籍，它們都獲得了重要專業網站或博客的推薦。這些文章的主題涉及到UI設計、UX設計和網頁設計。希望對各位讀者有所幫助。如果有讀者認為有一些優秀資源未被包含在此列表中，請在評論區留言，或直接在領英（LinkedIn）上寫信給作者。

原文鏈接：The Best UI/UX Design Books & Resources for Designers

12. UI/UX設計12個有用的工具和網站

隨著設計工具的不斷改進，今天的設計工具已經對可用性和用戶體驗產生了積極的影響，這些工具為設計師甚至用戶都提供了極大的便利。因此，一個好的網站設計師往往需要與時俱進，並掌握最前沿的工具。成千上百個設計博客和網站都在持續更新設計文章、分享設計技巧，以及推薦新的工具。這對於設計師無疑是至關重要的資源。

原文鏈接：linkedin.com/pulse/11-d

13. Facebook產品設計總監：後知後覺的8個經驗教訓

有時候，我會拿在第一份工作中感受到的對設計的各種理解來開玩笑。如今，這份兒工作已經做了將近10年，它的影響還在持續，不停的在向我展現它的深度和色彩，完全是我之前沒有想到的樣子。

原文鏈接：medium.com/the-year-of-

知道你翻不了牆，加微信索取

「打包原文合集13篇pdf」

aHR0cDovL3dlaXhpbi5xcS5jb20vci9tZkprZlB6RTBxR3RyYmdmOTZlTA== (二維碼自動識別)

譯者：代代子 審校：Chen Jing

作者：Grace Jia(UI/UX Researcher & Analyst)

原文鏈接：linkedin.com/pulse/best

原文標題：《Best of the Best 2016! Top 13 UI/UX Design Posts for Reference》

版權聲明：

  • 本文版權歸：UXRen翻譯組 所有；
  • 轉載帶有「UXRen譯」抬頭的翻譯文章，文章標題必須保留「UXRen譯」字樣；
  • 轉載文中必須保留：「UXRen翻譯組」、「作者」、「譯者」及「審校者」信息；
  • 轉載文末必須保留本譯文網頁鏈接地址；
  • 如未遵照上述規則轉載，視為侵權，UXRen社區保留隨時追責的權利。

推薦閱讀：

※工程師如何提高對用戶體驗（視覺/交互）的感覺？
※iPad 的屏幕不貼膜可以嗎？
※Android 平台有哪些優秀的音樂應用？

TAG:UI设计师 | 用户体验 | 用户界面设计 |