設計師創業做自己的產品,總結出了這10條經驗

0 評論 8724 瀏覽 20 收藏 15 分鐘

編輯導語:很多設計師往往會選擇自己創業,設計一個自己的產品。然而創業并非易事,其本身就是一個試錯的過程,重要的不是你選擇從哪里開始,而是你在不斷試錯之后,還能調整方向繼續前行。接下來,本文作者總結了10條經驗,希望能夠幫助到各位正在創業或者有想法創業的小伙伴。

我和我的聯合創始人 Wilson 決定開發一款叫 Confetti 的免費應用,它可以配套 Chrome 擴展程序來使用。Confetti 是一個色彩豐富的日常習慣打卡應用,你只要每完成一項任務就會用五彩碎紙的動效來慶祝你今日的任務達成。

設計師創業做自己的產品,總結出了這10條經驗

上圖為 tryconfetti.io

在我4年多的產品設計生涯中,這是第一次從0到1自己設計產品,在這之間我學到了很多,因此本文將分享這些經驗和教訓給大家。

一、定義上線產品的功能

設計師創業做自己的產品,總結出了這10條經驗

一開始,我們有一個為三種設備屏幕設計的粗略原型。然而大家沒有預見到后來一些想法和改動,完全改變了我們產品設計的方向。

最終大家各退一步,設定了一個上線發布日期,討論我們的 MVP產品的核心功能有哪些。我們在 Notion 上開了個文檔,討論哪些功能是必須擁有的,哪些功能是可以待添加的。

例如:登錄、注冊都是必備的功能,而給習慣排序則是一個錦上添花的功能。

之所以選擇這些功能,是因為相信這些功能可以使產品充分發揮可用性,并且易用好用。

通過對核心功能集進行優先級排序,確定上線日期,團隊減輕了壓力,避免讓自己陷入各種功能之中;這也讓我們能先實現必備的基礎功能,再有精力去實現可以讓產品變得更好的功能。

二、關注流程和各種狀態

設計師創業做自己的產品,總結出了這10條經驗

在設計過程中,經常有人提醒我要關注每一個邊緣情況,以保障可用性體驗。從零開始構建產品是一把雙刃劍:我可以充分發揮想象力,但也經常在游離在舒適區外。

我習慣了在公司從事產品工作,因為公司現有產品已經有一套成熟的體系和規范,通常我并不需要從頭開始創建所有東西。公司有完整的設計系統、設計語言、各種組件和UI狀態等。

如果沒有這種基礎,我就必須考慮到用戶在我們的產品中可能遇到的一些邊緣情況、各種使用流程和狀態。

比如:注冊有默認態、禁用態、已激活態、填充態、錯誤態和懸停狀態等。除了注冊以外,我還需要一個關于重置密碼的設計,UI不僅要保持一致,還要考慮以下六種情況:

  1. 輸入郵箱
  2. 重新發送郵件
  3. 郵箱通知
  4. 輸入新的密碼
  5. 重置成功
  6. 重置失敗

看了都讓人頭疼,這時候就需要梳理用戶流程。

三、梳理用戶流程

設計師創業做自己的產品,總結出了這10條經驗

我很快遇到了一個產品架構上的問題,就是我在工作之余創造的這個產品,卻沒有遵循自己在工作中的一貫做法。

在工作中,我通常從用戶流程開始,梳理用戶可能使用的不同路徑,并概述必要的界面有哪些。最初我忽略了這種方法,因為我錯誤地認為這將是一個只有幾個界面的、非常簡單的產品。

然而,當狀態和界面變多時,用戶路徑就開始混亂而不清晰,我很難找出體驗的漏洞。

最后我還是用 Whimsical(一款流程圖工具)梳理了用戶路徑,一下子就知道之前的設計漏了哪些界面,也明確了用戶的交互跳轉邏輯。

在設計中,我們很容易忘記所有的狀態和界面是如何組織在一起的,也容易忘了一個狀態如何影響另一個狀態。當在用戶流程圖中整理界面時,我可以直觀地看到缺失的界面和狀態有哪些。

在產品成長過程中,創建用戶流、用戶路徑對于維護產品的組織和結構至關重要。

四、根據 UI 先構想交互方式

設計師創業做自己的產品,總結出了這10條經驗

在完成 UI 設計之前,你不應該開始為產品添加動畫動效。但實際上添加動畫動效或微交互,和先構想動效如何影響元素是不一樣的。

在設計 UI 時先考慮動畫、動效或微交互,使我在后面的過程中考慮交互方式時,避免了對界面進行不必要的調整。

例如:當我在設計“標記完成”時,它需要我同時考慮 UI 和交互方式。我按照自己的喜好設計了 UI,然后把它拖到設計文件的一個角落,并開始思考元素單擊時的交互方式。

這些交互迫使我去調整一部分的 UI 設計,卻避免了在后面造成更大的困擾。

我認為將用戶界面和交互方式聯系起來是很重要的,因為它們相互影響,對于創造我所設想的用戶體驗來說是必不可少的。

如果我先設計用戶界面,然后再決定元素的動畫效果,那么整個界面就會變得一團糟。通過同時進行交互和 UI 設計,我能夠創建更適合我界面的交互方式。

五、盡早得到反饋

這是我犯的另一個錯誤:等了太久才得到反饋。

基本上我晚上和周末都在做這個項目,沒有告訴任何人,這畢竟是我出于愛好而做的項目。

但當我從家人、朋友、用戶和匿名網友那里收集了評價后,他們發現了一些我沒有意識到,但實際上顯而易見的問題。我意識到自己很容易沉浸在自己的視角中,忽略了更宏觀的問題。

現在回想起來,我希望能早點向人們展示設計原型,這樣能早點發現問題,減少額外的開發工作量。

六、允許自己從其他地方獲取靈感

設計師創業做自己的產品,總結出了這10條經驗

設計師常常認為他們的想法必須是原創的,否則就是一場騙局。

想象你正在看另一個產品,你可以找到一個你喜歡的調色板,一個感覺不錯的交互方式,或者一個完美的登錄頁面布局。這時候你可能會想,“哦,太糟糕了,因為有人已經搶先一步了。”

然而這種心態有著令人難以置信的缺陷,對原創的過分執著限制了創造力。

當設計進行不下去的時候,我都會上網尋找靈感。我會觀察其他公司如何設計他們的入職流程或者如何管理用戶配置文件;但不會復制他們的經驗,只會把自己欣賞的小細節納入到我的設計中去。

我最喜歡的例子是應用中使用的一個旋轉退出效果。當時我在某個網站上發現了這樣一個效果,覺得它看起來很獨特,所以我決定把它添加到 Confetti 中。

類似地,我也用這樣的方式完成了產品登陸頁面的按鈕懸停效果,選擇了產品所使用的的字體。

事實上,一切都是融合的結果。這并不意味著你要盲目地模仿別人的作品,但也不要害怕找到你欣賞的零零碎碎的東西,然后把它們運用到你自己的項目中。

七、做好自己擅長的事

設計師創業做自己的產品,總結出了這10條經驗

當我們從零開始設計產品時,我和我的合伙人被要求承擔很多角色。我必須是UI、 UX、 交互、 動效、平面等多種設計師,同時還要承擔管理和推出產品所需的所有其他角色。

有這么多事要做,我遇到了一些問題,比如說缺少一些技能,有些事情沒時間關注等。在這種情況下,我不得不承認自己力不從心,只好尋求外部資源來完成這項工作。

例如:另一位朋友幫我完成了插圖,還有另一位朋友幫助我繪制了圖標。

我認為做好自己擅長的事情的前提下,利用好資源或者雇傭外包來完成這項工作沒有任何問題。畢竟相比起統一性,我覺得高品質更加重要。

不要誤會我的意思,我的意思是我把設計這款應用當作一個學習的機會,走出了自己的舒適區——但這其中的某些部分,點到為止即可。

八、越簡單越好

設計師創業做自己的產品,總結出了這10條經驗

雖然明確地梳理了 MVP 功能,也規定了發布日期,但我們也沒有避免一直想要修改產品功能的念頭。

Reid Hoffman 有一句常被拿出來分享的話:“如果你對自己產品的第一個版本不感到尷尬,那么就是你上線得太晚了?!蔽覀儾⒉徽J為推出這個產品會讓自己感到尷尬,但是也仍認為擁有一個簡化的版本要比花費數月開發那么多功能要好得多。

為了我們的產品順利上線,必須考慮兩個問題:

  1. 我們是否相信自己的產品能為用戶提供價值?
  2. 我們已經盡最大的努力了嗎?

這些問題讓我們在避免分心的同時,也讓我們與產品目標、計劃日期保持一致。我們專注于產品價值,并盡最大努力交付高質量的產品,卻不會讓產品功能超載。我們不得不努力追求完美,但卻滿足于偉大。

九、好的交接可以節省時間、減少痛苦

設計師創業做自己的產品,總結出了這10條經驗

我從一開始就做好的一件事,就是管理和組織開發設計資產。

通過使用Zeplin,我可以毫不費力地把設計資產給我的合伙人。Zeplin讓我不需要根據規格、尺寸和風格指南,浪費時間來重新排列設計。

那么我是如何做到干凈利落的交接的呢:

  1. 在 Zeplin 將所有界面組織成對應的部分;
  2. 給所有畫板文件取一個恰當的名字;
  3. 在源文件中標記導出內容;
  4. 保留舊界面的存檔,并確保所有新界面都是最新的。

十、盡可能準備好完整的用戶體驗文檔

設計師創業做自己的產品,總結出了這10條經驗

在我設計 UI 時,我們的產品相關文檔都是臨時編寫的,這讓整個產品設計混亂且不一致。

我很希望能早早地創建文檔,一次性寫下了所有的警告、消息、模式和解釋文本。由于我工作時候的忽略,產品文檔相當少。

這導致我們內聚力的貧瘠,也導致了產品的混雜和一致性的匱乏。因此,自從產品上線以來,我們一直在對文檔進行著修補工作。

我們的產品能夠充分發揮其潛力并取得巨大成功,得益于當初及早處理錯誤,事先做好準備以避免后續出現問題。但是,也正如意大利冒險家賈科莫·卡薩諾瓦曾說過的:“不犯錯誤的人往往一事無成?!?/p>

我希望你能從我的經驗中吸取教訓,并在下一個項目中避免“入坑”。

 

原文作者:Danny Sapio

原文地址:https://uxdesign.cc/10-ui-ux-design-lessons-from-designing-my-own-product-2f8518d5f0a1

譯者:Jonathan,編輯:Z Yuhan,公眾號:體驗進階。

本文由 @Z Yuhan 翻譯發布于人人都是產品經理,未經作者許可,禁止轉載

題圖來自Unsplash,基于CC0協議。

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發揮!