按:本文由掘金翻譯計劃譯者 Zhangjd 譯自《What is Product Design?》校對者:hikerpig, iThreeKing。
第一課:什麼是產品設計?
這篇文章是對CUAppDev在康奈爾大學主辦的Intro to
Digital Product Design課程的總結記錄。這門課程是1學分的,時間每週一5:30PM到6:30PM,地點Phillips
203。
什麼是好的設計?
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)
課程總覽
你將學到什麼?
如何確定問題。
如何探索問題。
並如何驗證問題。
如何做視覺設計。
如何呈現設計。
沒有官方的教學大綱,本課程隨著班級的進度靈活教學。
你將如何學習?
課程結構
這門課會更加傳統,但班級通常由小討論、工具示範、項目走查等組成。
等級評定
來上課:你可以有兩次無故缺席的機會。
按時交作業。
課程項目
你可以挑選一個問題,然後發現解決方案,作為一個學習案例提交上來。例如:http://www.teehanlax.com/story/medium/
每次發佈作業都算進這個課程項目。
任務
你必須把這兩者都提交到 Facebook Group。
1、發佈作業:這些作業可能不盡相同,但都要在下次課的前一個星期天之前提交。
2、Weekly UI(選做)
: 這些是DailyUI的一個拆分。Weekly
UI的目的是可以不受約束地練習視覺設計。
Ranjith
Alingal設計的Nike卡片
是的,WeeklyUI 是可選做的作業。可是,想要提高視覺設計的水平,唯一途徑還是要練習。
課程工具
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( 學生優惠價)
你可以使用的其他設計程序。
這對你有什麼好處?
經驗:當你結課時,你將獲得一個完整的產品學習經驗,更加熟悉設計工具。除此之外,你將可以更容易地和產品經理、設計師、客戶以及其他利益相關者進行溝通。
產品設計思想:可以轉換到數字產品之外的任何地方。比如,產品設計可以用在鍵盤的物理佈局,或者作為決策相關的,比如組織一個課室。總之,這個框架可以幫助你驗證任何你所需要做的決定。
我確定你曾經聽過人們這樣講過:「我在工作的地方學習了我所知道的所有東西。」 和 「我不會使用我在學校里學到的任何東西」。這裡的爭論是,教育的目的是為了最大化接觸,而不是應用技能,因此我們在設計上的要求是有所不同的。
Cornell 的目的不是在迎合設計工作的具體需求。這是因為教育是滯後於產業的。你可能要等一段時間才能看到類似於 iOS 開發,內容運營,前端框架之類的新課程。
這有時會讓我們流失一些學生,因為他們的求知慾在有限學時里不能得到滿足。有些設計師因為從未耳聞「產品設計師」而轉學其他專業,對我們來說,是個很大的問題。
因此,我們的解決方案是,在我們都滿懷熱情的地方填補一個重大空白:設計。
這對每個人有什麼好處?
下面是改編自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, andSabrina Majeed.
為了進一步促進學習體驗,我們設置設計了匿名反饋表單
邏輯
如何註冊
在 Facebook Group 和 the
Piazza 上面可以看到關於如何註冊的指引。
作業
所有的作業都要上傳到 Facebook group 下特定的分類裡。
分配作業 1: 分類問題
當______的時候,我想要______,以便 ______ 。
參考Clay Christensen's Jobs framework (Inspired
by design team at Intercom),問題可以通過上面這個結構來思考。這將激勵你在每天的經歷中分辨出你平常沒有注意到的缺點。
邏輯
如何註冊
在 Facebook Group 和 the
Piazza 上面可以看到關於如何註冊的指引。
作業
所有的作業都要上傳到 Facebook group 下特定的分類裡。
分配作業 1: 分類問題
當______的時候,我想要______,以便 ______ 。
參考Clay Christensen's Jobs framework (Inspired
by design team at Intercom),問題可以通過上面這個結構來思考。這將激勵你在每天的經歷中分辨出你平常沒有注意到的缺點。
例) 當拍合照的時候,我想要在一台手機上拍,以便避免在多台手機上拍同一張照片。
WeeklyUI: 行動端登錄頁面 (選做)
擴展資源
擴展資源
我們學到了什么
興趣
我們調查了來自不同大學的超過 100 名註冊者。
80 人完成了首次調查
我們發現 Facebook groups 獨立提供了一個課程外的交互體驗。在這個沒人想到的地方,虛擬化一個產品設計為中心的社區,不僅對我們有益,對於個體成員也會有所幫助。
我們使用這個來提供工具,使他們可以投入在設計課程中,還可以分享在設計流程中新發現的擴展資源。
上圖:在 Facebook reactions 分享閱讀,下圖:分享一個工具,可以用來發現一些好的設計
Weekly UI 作為選做作業
WeeklyUI 比我們想象的還要流行的多。大家都非常樂意接受批評和反饋。我們還發現用它可以更容易和我們的學生辨認通常的視覺設計。
我們還在成長
如果你有任何的建議、想法或者批評,請聯繫我或者 Nicole,或者填寫這份 匿名反饋表單.
最終的想法
0 comments:
張貼留言