標籤：

2014 年有哪些產品設計文章值得閱讀？

11-26

請簡單介紹一下~

嘿，我先來拋磚吧~

首先祭出女神 Julie Zhuo（Facebook Product design director），這段時間請假生孩子去了，但是文章依然沒有停止，業界良心。她的 Medium 中幾乎大部分文章都值得看，就放幾篇我覺得不錯的吧。

AMA: I"m Julie Zhuo, director of product design @ Facebook
首先先從這個 AMA 了解一下她吧：）

Junior Designers vs. Senior Designers
這篇文章流傳甚廣，用對比圖的形式對比了資深設計師和初級設計師的區別。

Why Designers Leave
How to get a Designer
An Inside Look at Facebook"s Method for Hiring Designers
第一篇文章用一個小故事闡述了一個設計師為什麼會從一家公司離職，對目前大部分公司都很有借鑒意義。「不要讓設計師做自己都不會覺得驕傲的東西」。說了設計師為什麼會離開，後面那這篇文章說了如何招一名設計師。最後闡述了 Facebook 是怎麼招設計師的。

The 5 Most Common Mistakes in Design
據說是多年血與淚的經歷提煉出來的 5 個誤區，其中有一些估計很多人都會犯。

Design』s North Star
這是一篇非常有前瞻性的文章，她陳述了她認為多年之後，「設計師」的職責將會從早期的「好看」到現在的「好看並好用」到未來將會如何變化。

Introducing Origami for Quartz Composer
2014 年作為各種原型工具元年，這篇文章應該不能錯過。在這篇文章中提到 Mike Matas 加入 Facebook 之後帶來了 Quartz Composer，早期沒什麼人用和在意，直到 Facebook 發布 Quartz Composer Patchs Origami 以及這篇文章的出現，改變了這一切。

然後是這個被譽為「有鬍子版 Julie Zhuo」 Etsy 的產品設計總監 Cap Watkins

AMA: I"m Cap Watkins, Product Design Manager at Etsy
AMA 了解一下先。

在 2014 年之前，我們的設計還都是針對小屏幕來做的，但是 2014 年開始大屏設備井噴，連 iPhone 也出了更大屏幕的設備，針對大屏幕的設計也有幾篇比較有趣的文章。

Facebook Paper"s gestural hell
這是篇吐槽文，主要吐了 Facebook Paper 在單手握持時給交互上帶來的問題。

How to design for thumbs in the Era of Huge Screens
和上文是同樣的作者，主要闡述了怎麼給大屏幕手機做設計，知乎上也有相關討論：iPhone 6 和 6 Plus 新增的屏幕尺寸會如何影響 iOS 應用的界面設計？

Why and How to avoid Hamburger Menus
被濫用兩萬遍的漢堡菜單，很多人已經忍不了了，漢堡被譽為下一個 Carousel。知乎的討論見此：漢堡三線圖標是表現菜單的最佳形式嗎？

What is Product Design?
Facebook 設計師 Eric Eriksson 試圖對「產品設計」這個很容易有誤區的名詞下個定義，非常完整。

Designer Duds: Losing Our Seat at the Table
文章作者是 Mokriya 產品設計師 Mills Baker，這篇文章主要表達的意思是「這個世界上最強力的那些設計師做的設計非常精美的東西都沒什麼人用，那我們這些不怎麼厲害的設計師怎麼辦？」。這篇文章的評論中引出了一個對成功的定義我覺得非常好。「成功 = 商業成功 + 工藝成功，我們多過的注意了商業成功，但是對於工藝成功卻熟視無睹，這些經過很好設計的產品應該是一種工藝成功的典範，應該得到尊重。」

Building SoundCloud
SoundCloud 的移動產品設計老大 Michael Nino Evensen 分享了非常詳細的 SoundCloud 新版本的設計思路，很完整，值得閱讀。

14 Things Learned While Designing at Disqus
文章作者是 Disqus 前設計師 Joshua Sortino，他闡述了他在 Disqus 這麼些年學到的東西。

關於原型、動畫設計，也冒出了很多有趣文章

Using Parse to power up your Framer prototypes
作者是 Parse 的設計師 George Kedenburg III，他寫了 Framer 如何使用 Parse 來實現讓設計師做的原型可以存儲數據，很酷。

Improve the payment experience with animations
Stripe 是今年突然冒出來的一個支付產品，他們的移動支付體驗無比的順暢，這篇文章是 Stripe 的用戶界面工程師 Micha?l Villar 撰寫的，他們是如何通過使用動畫來改善支付體驗的。

Google FORM SF：好的設計工具還是挺重要的
這是 Google FORM SF 大會的一個記錄，主要是一幫做原型工具的大牛們一起聊聊原型設計，裡面解釋了很多他們對工具的想法，很不錯。

Motion Ui Design Principles
這篇文章描述了在用戶界面上使用動畫應該遵循的原則

9 basic principles of responsive web design
言簡意賅的快速了解 Resposive Design 的基本原則和概念

Everybody Scrolls.
所有人都關心一個用戶打開一個網頁他到底會不會往下滾？這裡有數據證明。

Parallax Done Right
一個好的視差效果應該怎麼搞，作者是前 Medium 設計師 Dave Gamache。

Crafting link underlines on Medium
本文作者是 Medium 設計師 Marcin Wichary，他詳細解釋了 Medium 的下劃線是怎麼做的。


歡迎閱讀這篇文章：Hey LOL Daily

——————
PS：知乎招用戶界面設計師，請聯繫我！！

Articles

  • A Guerilla Usability Test on Dropbox Photos
  • UX Crash Course: 31 Fundamentals
  • The future interface: Design to make technology human
  • Design with Sketch
  • How to design for thumbs in the Era of Huge Screens
  • Why you should move that button 3px to the left
  • Why and How to avoid Hamburger Menus
  • Designing for Large Screen Smartphones
  • How to do a Product Critique: Watch and Learn
  • Design the Details: Empty States
  • The Future of UI and the Dream of the 『90s
  • How to Tell the User』s Story
  • Why I Sketch Every Day and why you should too
  • The End of Design As We Know It
  • Some Things Can』t Be Wireframed
  • Google UX design with heart
  • Why iOS notifications are ruining my marriage (and UX solutions)
  • Design for Realtime
  • Making Good Design Decisions
  • How to get a job in UX
  • The 5 Most Common Design Mistakes
  • The Right Way To Ask Users For iOS Permissions
  • Design is the Experience
  • Junior Designers vs. Senior Designers
  • Using Gestalt Principles for Natural Interactions
  • Becoming a UX Unicorn in 5 Easy Steps
  • Tips for Building a World Class Design Portfolio
  • Behavior Design
  • Understanding UX Skills
  • The Three Laws Of Interaction Design
  • 7 Rules for Creating Gorgeous UI
  • The More You Fail, The Greater Your Success: A User-Centered Design Case Study
  • The State of In-Car UX
  • Rethink the airline boarding pass
  • E-Commerce Usability Research

Design Breakdowns

  • Design Explosions: Mapping on iOS
  • Design Details
  • User Onboarding Teardowns

Prototyping Animation

  • The state of Interaction Design tools
  • Provide meaning with motion
  • Improve the payment experience with animations
  • Motion UI Design Principles
  • The Art of UI Animations
  • Prototyping Tools
  • Creating Your First Prototype with Framer

Tools Resources

  • UX Design Weekly
  • UX Project Checklist
  • Interaction Design Checklist
  • Researchers.io
  • cognitive lode

Design Guidelines

  • Google Material Design Guidelines
  • Android Wear
  • Apple Watch
  • iOS 8 Human Interface Guidelines
  • Yosemite OS X Human Interface Guidelines

來自： The Best User Experience Design Links of 2014

翻了一下我印象筆記的2014閱讀記錄。發一些可能比較冷門，但是個人覺得受益匪淺的文章（文章本身可能作於2014之前）：

  • 需求是什麼 （http://raiya.co/blog/what-are-requirements/）

作者是一個年輕的設計師（raiya.co 的頁面），就產品設計和產品需求梳理了自己的思考。

一般的，比較直接一點的需求，來源於：1）功能願景；2）不便；3）數據反饋；4）經營目標…我在努力地想，促成產品成功的點到底是什麼，需求是從什麼時候才誕生的。現在的感覺是，促成產品成功的點大致是一個大眾的價值觀，而需求誕生的時間點往往是在這個價值觀基本成型之後來修正其表現力的。

  • Deliver Better Product (I)| Do Great Things

作者是 http://Fengche.co 的主程，分享了梳理產品遠景以及確立 MVP 的一些思考。

  1. 學會帶最終用戶的帽子。忘掉自己的知識背景，去思考如果自己是最終用戶，會希望是什麼樣子的，儘可能的拋掉主觀因素。
  2. 學會帶用戶支持的帽子。去聆聽用戶的聲音，他遇到了什麼問題，他希望看到什麼結果。即使是他要一輛更快的馬車4，對於我們來說也是知道他的問題是嫌棄速度不夠快。
  3. 學會帶產品經理的帽子。用戶聲音中存在著很多噪音，用戶也並不清楚自己需要什麼，所以我們需要從眾多的用戶反饋和建議中挖掘出用戶的真正潛在需求並給出可行解決方案。

  • 基於可工作性的一個研究方法

作者是 @熊子川 （關於我），他的文章很多都比較抽象和深刻，這篇文章涉及具體的方法框架，是我比較容易理解的。可能是自己的理科背景作祟，我對有模型、框架的方法論非常受用。這可能是我思維方式的一個缺陷，但並不能否定框架在限定範圍內，是很有價值的思考決策工具。

這就是我們在進行用戶研究時容易犯的錯誤，我們往往忽視了對現有解決方案的研究，而這裡說的解決方案指的是：

  1. 現在正在用的方案；
  2. 曾經用、現在卻不用的方案；
  3. 曾經嘗試很快失敗的方案；
  4. 一直想嘗試又沒機會嘗試的方案

  • 迷茫的設計以及異夢的沉淪

同樣是 @熊子川的文章，屬於比較抽象但是對我啟發很大的一篇。關於當代設計（盲目樂觀、趨同、乏味、程式化）的一些反思。

在我一直以來的信條中，確定一個目標，朝這個方向努力，必定有很好的結果，可我第一次體會到這種「迷惑」的價值：

  1. 它讓你重新審視你的樂觀精神，把幼稚的部分剝離出來；
  2. 它讓你「停下來」思考那些你懶得梳理的關係和邏輯，重新尊重系統的複雜度；
  3. 它讓你想像其他「可能性」。

  • How Product Hunt Hopes To Avoid The Pitfalls That Wounded Quora And Buried Digg

TechCrunch 關於 Product Hunt 的一篇深度報道，結構如下：

1. 引子：一個默默無聞、非互聯網圈子團隊開發的社會化鏈接分享工具Point如何通過ProductHunt獲得業界認識和大量用戶；
2. ProductHunt Effect：介紹ProductHunt的創立和機制
3. 回顧那些降溫的社區：對比Quora早期——高質量用戶深度分享，之後降溫
4. Reddit 和 Digg 的啟示：Digg 的問題：1. 大量不必要招聘；2. 給核心用戶權重過高，新用戶無法融入；3. 4.0 改版無視社區看法。Reddit 的 subreddit 板塊雖然讓增長較緩，但是自製式的獨立細分板塊避免了 Digg 的過於中心化悲劇。ProductHunt 也考慮採取細分板塊的方式。
5. Yo的故事——周末玩笑之作通過ProductHunt一炮走紅。
6. ProductHunt的價值——以前的創業產品為了讓人知道，必須通過TechCrunch這樣的科技媒體，意味著必須有記者人脈+過硬的產品。PH的存在縮短了產品走與外界的距離（同樣也加快了泡沫的膨脹）。

最後，關於設計案例，可以看我編輯的一個 Tumblr，收錄了一些還不錯的 Case Study：
Design Case Studies

  • Chinese Mobile App UI Trends 翻譯：《中國移動應用設計趨勢解讀》-UI中國

作者是微信外國產品經理 Dan Grover

  • Junior Designers vs. Senior Designers 翻譯：初級設計師與高級設計師的差距

作者是Facebook的產品設計師 Julie Zhuo，她的文章都不錯（Julie Zhuo），雖然都是英文，但是沒什麼難懂的辭彙。

  • 7 Rules for Creating Gorgeous UI (Part 1)7 Rules for Creating Gorgeous UI (Part 2)

（一）用戶體驗自檢清單

作者：Teambition 交互設計師 樊偉

當設計完成的時候，你一定特別希望立刻就找到一些用戶來參與用戶體驗測試，不過別著急，你可以看看文中的一些可用性要點是不是都已經被遵守了。

原文鏈接：用戶體驗自檢清單

（二）關於Material Design，做到這四點便足以讓用戶驚喜

作者：Teambition 錢卓群

Material Design 主張將現實世界中的交互體驗，應用到界面設計中來，以求用戶的經驗能夠遷移，並更快習慣新系統。根據 Material Design 重新設計了旗下所有的 Android 客戶端產品。在實踐過程中，設計和產品團隊總結了一些值得分析的要點，與大家分享。

原文鏈接：關於Material Design，做到這四點便足以讓用戶驚喜

Medium上有個合集，值得一看

The Best User Experience Design Links of 2014

推薦閱讀：

※如果你是 Instagram 的產品經理，你會如何改進它的瀏覽發現？
※交互設計原則有哪些？
※最常被濫用或誤用的交互設計原理有哪些？
※如何做一份好的角色設計？

TAG:閱讀 | 產品設計 | 2014 年盤點 |