使用者至上: 重視瀏覽體驗, 規劃出絕佳網路產品的思考秘訣 | 誠品線上

Product Design for the Web: Principles of Designing and Releasing Web Products

內容簡介

內容簡介 我們不設計網頁，我們設計讓你感覺順暢的體驗過程●Amazon.com網站開發與設計類暢銷好書●美國前50大網站Etsy創意總監教你全新的網路產品設計思考模式●像產品設計師一樣思考，才能打造出以人為本的流暢網路體驗 網頁≠網路產品HTML+CSS≠良好的使用流程掌握這精髓，朝網路產品設計師的道路邁進吧！網頁已經不再只是使用者與網路交流的唯一媒介，我們每天用的手機應用程式，例如Facebook、Twitter、Pinterest，也是網路交流的一部分。這些與網路有關的「產品」，就是「網路產品」。網路產品要的不只是外觀漂亮、效果酷炫，讓使用者感覺不到背後的流程運作，還會想重複使用，這才算的上是成功的使用者體驗。因此，拋開過去只侷限在「網頁設計」、「UI設計」、「UX設計」的思考範圍吧，要製造出成功的網路產品，你必須像個產品設計師一樣思考。Etsy是Alexa排名的全球前兩百大、美國前五十大網站，要能每個月成交上千萬筆訂單，必須要設計出讓這千萬名使用者都流暢的瀏覽過程。蘭迪．杭特以Etsy創意總監的自身經驗，介紹要以產品設計師的角度思考，該具備何種思維、技能、工具，並解釋使用者在網路瀏覽過程中的感受。如果你還不確定成為一名網路產品設計師需要注意哪些細節，如果想知道如何讓使用者更常使用你的網路產品，這本書絕對是你迎接新思維的最佳入門解說。

作者介紹

作者介紹 ■作者簡介蘭迪．杭特Randy J. Hunt是網路商店平台Etsy的創意總監，他的設計團隊製作網路商品，也設計離線體驗。杭特與夥伴共同創立了「Supermarket」（一座精心打造的設計市集），獨自創立了設計公司Citizen Scholar，也曾在世界著名平面設計師Milton Glaser的設計公司與Number 17設計工作室工作。杭特在設計領域寫作與授課，也一直是許多學院與大學的客座設計師與評論家。他在紐約視覺藝術學院取得了藝術碩士學位。

產品目錄

產品目錄 第一部 產品設計第1章 該設計哪些產品？第2章 待辦事項第二部 產品設計思維模式第3章 產品來自於故事第4章 沒有所謂的死胡同第5章 注意看不見的功能第6章 有效勝過聰明第7章 給胡蘿蔔，不是棍子第8章 盡快出貨、頻繁出貨第9章 砍掉重練第10章 人，才是重點第三部 做出產品第11章 改變與快樂第12章 能運作最重要第13章 聆聽與學習第14章 共同設計第四部 產品設計永無止盡第15章 所有東西都可取代

商品規格

試閱文字

內文 : 第1章 你該設計哪些產品？

你的瀏覽器裡儲存了哪些書籤？你的手機裡有哪些應用程式？網路上能取得這麼多的網站、行動應用程式、服務、工具，在你腦袋裡有個新產品的概念，你想到了一種沒有人設計過的體驗方式。你有個問題需要解決，接著想到一種網路產品，能提供解決方案。你發現有群人說他們還有未滿足的需求，而你知道新產品該怎麼滿足這些需求。

要如何研發一套廣為人知的應用程式？要怎麼吸引使用者一直使用你的服務？如何發明一套流程，讓你、合作夥伴跟產品都能因應客戶、市場與整個世界不斷變化的需求？

這本書探索了網路產品設計與發表背後的原則。你將了解如何發想並實踐某個設計決策，並推出能使消費者體驗更完善的產品。你也將了解該如何針對目標客戶創造引人入勝的產品。最後，你還會了解產品如何刺激顧客的反應，這以及如何讓顧客達成目標。

接下來的章節將呈現許多絕妙的設計，描繪完整的設計過程，包括發現產品、使用者購買、使用產品等等。

首先，請先試著回答，什麼是網路產品？構成產品的因素有哪些？


網站不是產品

想像一下，有間叫做Bella's的高級餐廳，最有名的餐點是美味的紐約風格披薩。這些披薩非常美味，讓人忍不住每個星期都到Bella's用餐。太好吃了！

Bella's有個官方網站，你不時會上去查看餐廳電話、營業時間、每日特餐等資訊。你也可以從網站上抄下Bella's的地址，傳給要一起吃晚餐的朋友。對你而言，Bella's的網站就像是一份文宣。

問題是，「宣傳網站」並不真的是一種產品。網站上大部分的內容都是靜態的，使用者與網站間的互動也僅限於瀏覽網站內容。除了透過電子郵件發送電子報，Bella's的「宣傳網站」對於增加顧客量、豐富網站內容、提供互動體驗都毫無幫助。

從Bella's的網站中，可以看見兩項顯而易見的事實：
• 網站滿足了Bella's的商業需求。
• 網站只是文宣，而不是產品。

也就是說，Bella's網站本身並不是一個產品，而是使用了另一項產品來呈現內容而已。

請想像你是Bella's的老闆。每天早上，你固定在午餐時段兩小時前到餐廳。一部分的員工已經到了，貨車正卸下每天的食材訂單，你每天的工作也從此刻開始。

你發現貨車多送了一些蘑菇過來，卻沒有足夠的空間存放。你思考：「啊哈！我們的今日特餐就是綜合菇披薩了，趁蘑菇還新鮮趕快賣掉。」哇，你真的很擅長經營餐廳呢！

你坐在辦公室裡，把筆電打開，開啟Bella's網站的管理者後台。你能看見網站上所有的頁面：首頁、選單、訂位、紀錄與部落格等等。

在部落格裡，你按下「新增文章」按鈕，列出搭配四種美味蘑菇的蕈類比薩。買一送一，僅限今天，外送或內用皆可。存檔之前，你將文章類別設定為「今日特餐」。一按下「存檔」，文章就會出現在Bella's網站上。

存檔後，系統會自動將文章更新至Twitter，建立連至部落格文章的連結。所有追蹤Bella's的Twitter的人都會收到有關綜合菇特餐的消息。

果然跟我們想的一樣！Bella's的「宣傳網站」使用了另一項產品。身為Bella's的老闆，你每天都會使用網路產品，來管理企業網路行銷、宣傳特餐、建立企業名聲，以及維持客戶關係。

事實上，企業的管理、促銷、宣傳等，需要比網站更有效的工具。你使用的網路工具外表看起來像網站，但進一步來看，網路工具的功能、目的、設計都與網站非常不同。你使用的電腦、平板電腦或手機等網路瀏覽裝置可能相同，但網站與網路工具的設計概念有著深刻且巨大的不同。