產品開發視覺輔助:設計

這是實體產品開發系列四部分中的第二部分。 以防你錯過了它 Часть1:形成一個想法,一定要看完。 您很快就能繼續進行第 3 部分:設計和第 4 部分:驗證。 作者:本愛因斯坦。 翻譯 fablab 團隊完成 法賓卡 和專案 .

第 2 部分:設計

設計階段的每一步-客戶研究、線框圖、 更多俄語),一個視覺原型 - 需要測試有關產品外觀以及用戶如何與其互動的假設。

產品開發視覺輔助:設計
圖 2.1 產品設計階段

客戶開發與回饋

注重客戶回饋的公司會比那些無止盡地坐在車間裡開發的公司更成功。 這最常影響生產材料產品的公司。 雖然與客戶的溝通總是有用的,但在開發的早期階段卻極為重要。

產品開發視覺輔助:設計
圖 2.2。 客戶開發與回饋

浸漬罐 在客戶身上測試和確認你的假設一直都非常重要。 創建概念驗證原型後(的PoC),銀行被釋放到現實世界。

產品開發視覺輔助:設計
圖 2.3。 早期測試時拍攝的真實客戶照片

我的一位導師曾經說過:「你知道如何判斷你的產品設計是否很糟糕嗎? 看看人們如何使用它。” DipJar 團隊不斷遇到同樣的問題(照片中的紅色箭頭):使用者試圖錯誤地插入卡片。 很明顯,這是一個主要的設計限制。

此階段(相對於問題研究階段)與客戶溝通的建議:

  • 準備詳細的對話腳本並堅持執行;
  • 以書面或錄音機詳細記錄您所聽到的內容;
  • 如果可能,請追蹤您的客戶忠誠度指數(NPS,許多公司更願意稍後再這樣做,這很好);
  • 讓使用者在沒有任何事先解釋或設定的情況下使用該產品(當您準備好時)
  • 不要問顧客會對產品做出什麼改變:相反,觀察他們如何使用它;
  • 不要太注重細節;例如,顏色和尺寸只是品味問題。

線框建模

在獲得概念驗證原型的詳細回饋後,就可以迭代產品設計了。

產品開發視覺輔助:設計
圖 2.4。 線框建模階段

線框圖流程從建立完整描述產品使用體驗的高階草圖開始。 我們稱這個過程為故事板。

產品開發視覺輔助:設計
圖 2.5。 故事板

故事板可以幫助公司創辦人思考整個產品旅程。 它用來描述:

  • 包裝:它會是什麼樣子? 如何在包裝上用九個或更少的單字描述產品(平均包裝尺寸)? 盒子的尺寸是多少? 它會在商店/貨架上的哪裡?
  • 銷售:產品將在哪裡銷售以及人們在購買前將如何與他們互動? 互動式顯示器會有幫助嗎? 顧客需要對產品有很多了解,還是會衝動購買?
  • 開箱:開箱體驗會怎樣? 它應該是簡單、易於理解並且需要最少的努力。
  • 設定:在產品準備好首次使用之前,客戶必須採取哪些步驟? 除了隨附的配件外,您還需要什麼? 如果產品無法運作(沒有 WiFi 連線或智慧型手機上未安裝應用程式),會發生什麼情況?
  • 初次使用體驗:產品該如何設計才能讓使用者快速上手? 產品應該如何設計才能確保使用者獲得正面的體驗?
  • 重複使用或特殊用途:如何確保使用者繼續使用並享受產品? 在特殊使用情況下會發生什麼:連接/服務遺失、韌體更新、配件遺失等?
  • 用戶支援:當用戶遇到問題時怎麼辦? 如果向他們發送替代產品,會發生什麼情況?
  • 使用壽命:大多數產品會在 18 或 24 個月後過期。 這些統計數據與客戶旅程有何關係? 您希望用戶購買其他產品嗎? 他們將如何從一種產品轉向另一種產品?

產品開發視覺輔助:設計
圖 2.6。 與應用程式或 Web 介面的未來用戶合作

如果您的產品具有數位介面(嵌入式介面、Web 介面、智慧型手機應用程式),線框建模也很有用。 這些通常是簡單的黑白繪圖,但也可以使用數位工具。 在上面的照片(2.6)中,您可以看到公司的創始人(右側)。 他採訪了潛在客戶(左),並在紙質智慧型手機「螢幕」上使用該應用程式時做筆記。 雖然這種數位工作流程的測試可能看起來相當原始,但它非常有效。

在線上框圖結束時,您應該詳細了解使用者如何與產品的每個部分互動。

視覺原型。

視覺原型是代表最終但不起作用的產品的模型。 與其他階段一樣,此類模型(以及相關線框)的創建涉及與使用者的迭代互動。

產品開發視覺輔助:設計
圖 2.7。 視覺原型階段

從廣泛的想法開始,然後努力選擇一些最符合使用者標準的概念。

產品開發視覺輔助:設計
圖2.8 示意圖

視覺原型設計幾乎總是從產品本身的高級草圖開始(與描述產品使用體驗的故事板相反)。 大多數工業設計師會初步搜尋相似的形狀和產品。 DipJar的設計師研究了許多其他產品,並根據它們的形狀繪製了草圖。

產品開發視覺輔助:設計
圖 2.9。 形狀選擇

一旦您選擇了一些粗略的概念,您就需要測試它們在現實世界中的外觀。 在照片中,您可以看到由泡沫底座和管製成的 DipJar 的粗糙形狀。 每個形狀都需要幾分鐘的時間來創建,因此,您可以了解該形狀在現實世界中的感知方式。 我用黏土、樂高積木、泡沫和牙籤等各種材料製作了這些模型。 有一條重要規則:快速且廉價地製作模型。

產品開發視覺輔助:設計
圖 2.10。 尺寸選擇

選擇基本形狀後,您需要確定模型的尺寸和各個部件的比例。 通常有兩個或三個參數對於產品的「正確感覺」很重要。 就 DipJar 而言,這是罐子本身的高度、前部的直徑和指槽的幾何形狀。 為此,我們製作了更準確的模型,參數略有差異(紙板和聚苯乙烯泡沫)。

產品開發視覺輔助:設計
圖 2.11。 了解使用者體驗

在表單開發的同時,一些使用者體驗 (UX) 功能通常很明顯需要解釋。 DipJar 團隊發現,當排在前面的人留下小費時,慷慨的可能性就會增加。 我們發現聲音和光訊號是吸引人們排隊的非常有效的方式,從而增加了提示的頻率和大小。 因此,我們做了很多工作來選擇 LED 的最佳位置並設計使用光的通訊。

產品開發視覺輔助:設計
圖 2.12。 設計語言

每個產品都有一種“設計語言”,透過它與使用者進行視覺或體驗上的交流。 對於 DipJar 來說,快速向用戶傳達如何插入卡片非常重要。 團隊花了很多時間優化卡片標誌(左圖),讓使用者可以清楚地了解如何正確插入卡片。

DipJar 團隊也致力於優化 LED 背光模式。 紅色箭頭指向臉部邊緣的 LED 燈,這有趣地表明了一種慷慨的行為。 藍色箭頭表示團隊長期討論的結果 - 銀行所有者更改收集金額的能力。 客製化的數位 LED 顯示器使 DipJar 的擁有者可以輕鬆更改尖端尺寸。

產品開發視覺輔助:設計
圖 2.13。 顏色、材質、飾面

為了快速確定產品的最終外觀,設計師選擇顏色、材質和飾面(CMF)。 這通常以數位方式完成(如上所示),然後轉化為實體樣本和模型。 DipJar 測試了各種金屬外殼樣式、飾面和塑膠顏色。

產品開發視覺輔助:設計
圖 2.14。 最終渲染圖

最初 CMF 選擇的結果是高品質的數位產品模型。 它通常包括前一階段的所有元素:形狀、尺寸、符號、使用者體驗 (UX)、照明 (LED)、顏色、紋理和材質。 如此高品質的視覺化、渲染,也是幾乎所有行銷資料的基礎(就連蘋果的行銷大神也什麼都用渲染)。

產品開發視覺輔助:設計
圖 2.15。 網頁應用程式設計

如果您的產品具有數位介面,那麼創建更準確的模型對於定義產品的使用者體驗將非常有幫助。 DipJar 的主要數位資產是為商店業主和慈善機構提供的基於網路的控制面板。 還計劃發布一款行動應用程序,供員工和留下小費的人使用。

產品開發視覺輔助:設計
圖 2.16。 包裝配置的選擇

設計階段一個容易被遺忘的重要階段就是包裝。 即使是像 DipJar 這樣相對簡單的產品,在包裝開發上也經歷了迭代。 在左邊的照片中,您可以看到第一個版本的包裝; 右圖中是第二代的更令人印象深刻和優雅的包裝。 設計優化是創造正面的使用者體驗和材料規範的重要組成部分。

產品開發視覺輔助:設計
圖 2.17。 不要忘記迭代!

一旦製作出高保真視覺原型,它們就會傳回給客戶以測試開發過程中所做的許多假設。 進行 2-3 次迭代就足以獲得出色的視覺原型。

產品開發視覺輔助:設計
圖 2.18。 最終原型在視覺上接近產品

設計過程完成後,您最終會得到一個漂亮的模型,它顯示了設計意圖,但還沒有功能。 客戶和投資者應該能夠透過與此模型互動來快速了解您的產品。 但我們不要忘記讓產品發揮功能的重要性。 為此,請深入了解第 3 部分:建置。

您已經閱讀了有關實體產品開發的四部分系列的第二部分。 請務必閱讀 Часть1:觀念的形成。 您很快就能繼續進行第 3 部分:設計和第 4 部分:驗證。 作者:本愛因斯坦。 翻譯 fablab 團隊完成 法賓卡 和專案 .

來源: www.habr.com

添加評論