掘金· 翻譯計劃|第一課:什麼是產品設計?

  • 原文鏈接:What is Product Design?
  • 原文作者:Andrew Aquino
  • 譯文出自:掘金翻譯計劃
  • 譯者:Zhangjd
  • 校對者:hikerpig,iThreeKing

掘金翻譯計劃是由稀土掘金髮起,以翻譯並傳播優質的互聯網技術文章為目的而成立的項目。

參與地址:GitHub - xitu/gold-miner: 掘金翻譯計劃,翻譯掘金上優質的英文文章

本著第一時間把國外互聯網技術發展以中文形式展現出來的初衷,我們會堅持每篇文章配備一位譯者和兩位校對者,以此來保證譯文的質量和準確性。我們整個掘金團隊,都希望把這一項目打造成一個長期的、多用戶參與的活動,力圖長久並穩定地為廣大互聯網從業者提供優質又新鮮的譯文。

這篇文章是對 CUAppDev 在康奈爾大學主辦的 Intro to Digital Product Design 課程的總結記錄。

什麼是好的設計?

Craigslist 以其美學標準而聞名,和今天的扁平風格 UI 與巨大的首圖相比,Craigslist 的審美看起來似乎有點老了。但是,問題來了:

Craigslist 是不是好的設計?

許多人很快會說,Craigslist 的設計既過時又雜亂,因此是壞的設計。可是,有什麼指標可以證明這個觀點呢?Craigslist 每個月可是有 500 億 PV 呢。

儘管直覺上感覺是那樣,但 Craigslist 確實成功了--事實上它是挺好用的。大部分用戶在尋找特定分類和進行買賣等操作時,都不會有太大的困難。

好的用戶界面和好的用戶體驗是有區別的。儘管 Cragslist 用戶界面過時,但更重要的是它有很棒的用戶體驗。這就是為什麼我們可以認為 Craigslist 擁有良好的設計。

所以,到底什麼是產品設計?

產品設計離不開解決問題,而產品設計師追求的是提高產品的體驗。並且,他們還要懂得通過運用許多技能來完成這一目標:動畫、原型、編程、調查、視覺設計、交互設計、心理學以及經營策略 (Eric Eriksson)。

「如果你只把產品設計師視作一種把方案設計得可以見人的職業,請重新思考。產品設計師是幫你識別、調查和驗證問題的,並最終精巧地製作、設計、測試和完成整個解決方案的。」--?Eric Eriksson

以下四個例子,可以讓你淺嘗到當一個產品設計師的體驗:

產品設計師探索解決方案。

你所看見的 Slack 用戶界面會是完全不同的。設計師在解決問題的時候,不應該只考慮單個用戶或是經理的需求,而是應該探索不同的可能性。

產品設計師驗證解決方案。

古怪的服裝品牌,Betabrand,想要測試一個問題:鬍鬚的長度是否會影響廣告的點擊率。

於是他們就著手測試了不同的廣告,這些廣告都用了同一個模特,只是鬍子的長度從短到長分為多個等級。他們發現了什麼呢? 經過他們的分析,鬍子長度最長的廣告,點擊率幾乎提升了兩倍。

產品設計師發現真正問題。

每個人都想要一個「不喜歡」的按鈕,不管是為了反感討厭的政治文章,還是在 WorldStar 視頻中提出反對意見,抑或是在災害時表達悲傷。可是,你是否可以想像到因為某人可能不喜歡而害怕發表內容的情形?不喜歡按鈕引起的新問題可能比解決的問題還多;它會使 Facebook 變成一個更容易受到消極影響的地方。

設計師發現,真實問題並不是缺少一個不喜歡按鈕,而是生活中的每樣東西並非都是可以點贊的,因此,才有了 Facebook Reactions(反應按鈕)。

產品設計師做必要的事情。

設計並不總是要最簡化的,Google 就在登錄過程里添加了一個額外步驟。Google 這樣做是為了消除那些使用多重賬號的人的疑慮,並為他們準備了新的驗證解決方案。雖然這樣的解決方案讓一個簡單的任務變得更加複雜,但卻是符合他們的業務約束與用戶目標的。這個解決方案雖然不是最簡化的,但卻是相當有必要的。

好的產品設計,關鍵是什麼?

這是轉述自 Elements of User Experience 作者 Jesse James Garrett 的一個圖表。圖片創作者未知(如果有人知道,請聯繫我)。

設計不僅要處理視覺設計,還要處理用戶體驗的幾個層面。這些層面上的設計可以通過一個 設計流程 來實現。

在這個流程中,會考慮以下這些方面:制定處理用戶需求的策略,限定需要呈現的內容,並描繪出用戶需要哪些步驟去實現一個目標。

「但我只想要把樣子變得更好看呀。」

這是一個常見的觀點。可是,這些目光短淺的目標,甚至會傷害最好的、最創新的 idea,因為...

一個好的美術設計不能彌補一個壞的產品。如果你讓一個設計師只管把產品變得好看,那就錯了。你怎麼知道你的產品是否確實在解決問題?

無論是設計師、開發者還是產品經理做的設計決策,都需要有一個評價標準。他必須從人類第一的角度來看,思考整個產品的方方面面。

過程來自於同理心

同理心即你對用戶的關懷。作為一個設計師,你必須想要提供最佳的用戶體驗可能。設計流程讓你不遺餘力地考慮方方面面,從而來完成這個目標。(Jared Erondu)

課程總覽

你要學習什麼?

  1. 如何確定問題。
  2. 如何探索問題。
  3. 並如何驗證問題。
  4. 如何做視覺設計。
  5. 如何呈現設計。

對於產品設計的理解,每個人都是不相同的,學習應該按照每個人的進度進行靈活教學。

你應該如何學習?

課程結構

產品設計的課程會更加傳統,但班級通常由小討論、工具示範、項目走查等組成。

課程項目

你可以挑選一個問題,然後發現解決方案,作為一個學習案例提交。例如:Teehan+Lax - Defining Experience

任務

你最好要做的兩個任務:

  1. 發布作業:這些作業可能不盡相同,但都要在下次學習的前一個星期天之前提交。
  2. Weekly UI (選做) : 這些是 DailyUI 的一個拆分。Weekly UI 的目的是可以不受約束地練習視覺設計.

Ranjith Alingal 設計的 Nike 卡片

是的,WeeklyUI 是可選的,但是,想要提高視覺設計的水平,唯一途徑還是要練習。

「只有通過進行大量的工作,你才能縮小差距,你的作品才能配得上你所追求的目標。」--?Ira Glass

課程工具

Piazza 用於組織工作和提問。演講的幻燈片也會被傳到 Piazza。

Facebook Group 用在你的上傳作業,同伴、推動人反饋意見,以及其它資源。我們決定使用 Facebook Group ,是因為公開分享你的作品是很重要的。

Medium 講座記錄會放在 Medium 收藏中。

擴展資源

辦公時間 在周三 11:00–12:00PM, 周三 1:30PM-2:30PM, 周五 10:00PM-11:00PM

一對一輔導 將被安排用於討論進度

午餐 安排在周一 12:00 到 1:00PM. 這些時間可以用來反饋、提意見等。

你需要的軟體 (選擇以下一項或多項)

  • Photoshop (20$/月, Adobe CC 版本)
  • Illustrator (20$/月, Adobe CC 版本)
  • Sketch ($40 學生優惠價)
  • 你可以使用的其他設計程序。

這對你有什麼好處?

經驗 當你結課時,你將獲得一個完整的產品學習經驗,更加熟悉設計工具。除此之外,你將可以更容易地和產品經理、設計師、客戶以及其他利益相關者進行溝通。

產品設計思想 可以轉換到數字產品之外的任何地方。比如,產品設計可以用在鍵盤的物理布局,或者作為決策相關的,比如組織一個課室。總之,這個框架可以幫助你驗證任何你所需要做的決定。

這對我們有什麼好處?

我確定你曾經聽過人們這樣講過:「我在工作的地方學習了我所知道的所有東西。」和「我不會使用我在學校里學到的任何東西」。這裡的爭論是,教育的目的是為了最大化接觸,而不是應用技能,因此我們在設計上的要求是有所不同的。

Cornell 的目的不是在迎合設計工作的具體需求。這是因為教育是滯後於產業的。你可能要等一段時間才能看到類似於 iOS 開發,內容運營,前端框架之類的新課程。

這有時會讓我們流失一些學生,因為他們的求知慾在有限學時里不能得到滿足。有些設計師因為從未耳聞「產品設計師」而轉學其他專業,對我們來說,是個很大的問題。

因此,我們的解決方案是,在我們都滿懷熱情的地方填補一個重大空白:設計。

這對每個人有什麼好處?

下面是改編自 Stephanie Engle 的一篇關於產品設計的介紹,他提出了一個關於理解產品設計的優秀的論據。

那些缺乏以用戶為中心的設計,影響著人們每一天的生活,並或多或少導致失意與挫敗的情緒。

然而,更糟糕的設計甚至會奪走人的生命。 (Stephanie Engle)。

「Jenny 死於中毒和脫水。全因為照顧她那位老練的護士一直在花時間操作這個界面。」--Jonathan Shariat

Jonathan Shariat,Tragic Design 的作者。

除開不好的地方,設計還有機會激發創新。像一個設計師那樣思考,你可以去分享這個故事,這不僅關於我們如何存在,而且我們應該如何存在。

梅賽德斯賓士把潛在的社會經驗用在自動駕駛汽車設計上。

但是 Nicole 和 Andrew?—?你們不是老師。

你說得對,我們不是老師。 我們也不知道我們在幹嘛。 可是,這個課程是一個機會,讓所有人學到一些新的東西。請注意了:任何人都有權利分享知識和經驗。SkillShare 和 Berkeley』s DeCal 項目都是現實生活中服務大我的鮮活例子。請試著不要把我們當作老師,而是促進者或者內容管理者。

所以,我們設計我們的課堂,你將在課堂上學習相同的框架。我們確定了幾種方法,測試了它們的反饋,並鞏固了我們最好的解決方案,讓你學習產品設計。

事實上,有幾種專業的設計課程,包括 a16z Gen.D Mentorship program,BuzzFeed Product Design,和 Facebook Product Design 都幫助我們設計這個課堂的形狀與形式,並傳授了他們所希望的,在產品設計的早期能學習到的東西。

以下是幫助我們設計出第一課的人們:

Jared Erondu, Stephanie Engle, Cap Watkins, Allison Chefec, Tom Harman, Lindsey Maratta, and Sabrina Majeed.

為了進一步促進學習體驗,我們設置設計了 匿名反饋表單

邏輯

如何註冊

在 Facebook Group 和 the Piazza 上面可以看到關於如何註冊的指引。

練習

1: 分類問題

_ 的時候, 我想要 _ , 以便 _ .

參考 Clay Christensen』s Jobs framework (Inspired by design team at Intercom),問題可以通過上面這個結構來思考。這將激勵你在每天的經歷中分辨出你平常沒有注意到的缺點。

例) 當拍合照的時候,我想要在一台手機上拍,以便避免在多台手機上拍同一張照片。

WeeklyUI: 移動端登錄頁面

左邊: Micha? Ptaszyński

擴展資源

  • Startups, This Is How Design Works a€「 by Wells Riley
  • Intro To Product Design — HH Design — Medium
  • What is Product Design? — Medium

我們學到了什麼

興趣

我們調查了來自不同大學的超過 100 名註冊者。

80 人完成了首次調查。

我們發現 Facebook groups 獨立提供了一個課程外的交互體驗。在這個沒人想到的地方,虛擬化一個產品設計為中心的社區,不僅對我們有益,對於個體成員也會有所幫助。

我們使用這個來提供工具,使他們可以投入在設計課程中,還可以分享在設計流程中新發現的擴展資源。

左邊:在 Facebook reactions 分享閱讀,右邊:分享一個工具,可以用來發現一些好的設計

Weekly UI 練習

WeeklyUI 比我們想像的還要流行的多。大家都非常樂意接受批評和反饋。我們還發現用它可以更容易和我們的學生辨認通常的視覺設計。

最終的想法


推薦閱讀:

我的產品設計流程與套路
互聯網領域中,好的 idea 在實現之前能否申請專利?
為什麼沒有一款平板電腦(或部分功能)真正能替代紙質筆記本?
知乎的產品改版怎麼越來越倒退了?

TAG:产品设计 | 产品 |