用 Framer 創作互動式原型

當你有好的創意時,你需要先有 MVP (最小可行性產品) 幫助你瞭解你的創意是否真的如你的預期受市場歡迎。 對於網頁 、App、遊戲、電視或Apple Watch上的應用程式,利用 Framer 這類的軟體先做動畫呈現完成的樣子,將是你可以考慮的 MVP。 本課程的講師有十多年微軟或谷歌等公司的專業設計師 、設計主管和用戶體驗 ( UX ) 顧問的工作經驗,將帶你用 Framer 與 CoffeeScript 做實際的案例,學會以動畫呈現你想做的最終 UI  。

Continue reading “用 Framer 創作互動式原型”

一天內從產品概念到完成 MVP 2.0

在 Udemy 上看到這門課,原本以為只是在講精實創業中的 MVP 概念,仔細看一下課程介紹與內容,整個課程除了講概念,還有包含實作,原型工具使用,甚至還包含到成長駭客的部分,如果你對創業有興趣,精實創業 ( Lean Startup ) 算是可以幫助你省去創業風險的一種方法,在還沒開始燒錢前,先用 MVP 驗證你的偉大創業想法吧!

Continue reading “一天內從產品概念到完成 MVP 2.0”

什麼是MVP?

本文經MLSDev授權. 原文連結 Types of MVP 

“The minimum viable product is that version of a new product 

which allows a team to collect 

the maximum amount of validated learning 

about customers with the least effort.”

        Eric Ries

矽谷 Lean Startup顧問與創業家 Eric Ries給了MVP很精確的說法:

 最小可行產品(MVP-The Minimum Viable Product)是可以讓開發團隊花最少的工, 但可以最大程度地有效探索客戶需求的新產品版本.

也許你是正在尋求資金的新創公司, 有個很不錯的 App想法, 但資金和時間有限, 想要證明自己 App概念值不值得投資, 這時有什麼最有效的方法, 不用花太多的時間和金錢, 幫你決策如何進行? 

最小可行產品可能是完美的解決方案. 現在就更近地來看看最小可行產品, 了解 最小可行產品有哪幾種?

Candle, tungsten bulb,fluorescent,halogen and LED bulb

如上方的甜甜圈, 要一次做各種甜甜圈, 還是先做一個原味的試探市場?

線框圖(Wireframes)

線框圖(Wireframes) 是整個計畫案的骨骼框架.  目的是拿來呈現整個計畫案的想法螢幕的佈局、元素的安排和整個系統的導航順序.  這框架還沒有設計,也沒上色, 就只簡單的草圖,主要的目的是讓想法視覺化, 用來說明App將如何作用.線框圖做好計劃案的第一步. 如此可省時且可避免設計階段的錯誤. 

如果你的預算有限, 但想做些東西傳達你的構想, 讓人們信服,線框圖可能就是你一個很好的選擇. 

 

視覺稿(Mockups)

線框圖活起來時就變成視覺稿(Mockups)了. 想像畫家的畫筆在線框圖上色後的樣子. 當然, 並非真的如此. 現代的設計師運用Photoshop或Illustrator等工具創造視覺化. 

視覺稿是將拿來整合的先行產品設計.  歐洲的知名APP外包公司MLSDev就很重視運用視覺稿來找出客戶的最愛. 他們通常會做多幾種設計, 讓客戶感受每種設計的不同, 有時會先做不同概念的隔離測試, 最後再把最好的端出來給客戶看.

如果要有比較好的效果, 建議軟體的視覺稿要有互動性. 為了達到這效果, 可以考慮的工具如Invisionapp, Proto.io等(譯註: 如果加上互動性, 已經算是原型-Prototype, 例如Framer 是製作原型的工具, 對於線框圖,視覺稿,原型的定義, 可以參考這篇文章, 有很清楚的定義與解釋).  這些主要是用來讓您將App的想法用近似App的樣子呈現給投資人或早期支持者.  你可以動態展示App的功能.  基本上, 如果看起來夠專業且互動性良好,視覺稿(或是原型)簡直就跟真的產品一樣.  只要按設計師分享給你的網頁連結就可很容易的用來展示促銷或集資.

不管是做線框圖或視覺稿都不算是浪費時間.  你會發現有這樣的設計在未來進行專案開發的任何階段都很受用.

說明影片

你可能聽說過DropBox 如何大獲投資人追捧.  那時他們的專案實在太大且還有一大段路要走, 眼看錢就要燒光了, 他們決定試試別條路, 製作一部短片送到投資者手上.  這部影片闡述了他們的想法, 說明這個App如何運作以及帶給使用者哪些好處.  這部影片幫他們拿到資金了.

如果你還沒看過這部影片, 現在就去看看 DropBox Intro Video.

既然做一部說明影片比動手開發便宜很多. 為什麼不做呢?  這麼做你將可一部說明影片就可以把產品的所有功能清楚地於幾分鐘說明白講清楚.  這是跟投資者或潛在客戶簡報很好的選擇.

更多的說明影片範例 : 10 best startup explainer videos ever

登陸頁面(Landing Page)

如果你想要有自己的軟體, 但卻沒有足夠的資金完整開發所有的功能, 你可考慮登陸頁面.

採用登陸頁面, 你可一石三鳥: 獲取早期跟隨者告訴全世界你的絕妙想法募集未來開發需要的資金.  這裏可以敘述你的專案, 說明有哪些好處, 也能放個請求支援的按鈕, 幫你實現夢想.  只要你的想法夠好, 就有可能獲得大眾的資助.

運用登陸頁面也將幫你獲得使用者的回饋.  這真的是你可以取得目標客戶告訴你他們的想法的絕佳機會. 他們也有可能給你如何做與可改善產品的建議.

總而言之,登陸頁面可幫您達到以下目的: 吸引投資者請求支持者支援您的專案收集使用者的回饋等. 甚至對於年輕的創業家, 投資個登陸頁面應該不會是個問題.   

 軟體原型(Software Prototype)

開發基本或核心的功能但並非完整的產品也許對於以下的創業家是完美的選擇:

  • 有點資金但預算仍然有限
  • 在跟目標客戶展示前還有點時間來做開發
  • 不滿足於小小的起步

換言之, 如果你想做個軟體原型 , 你得考慮是否有時間和資金.  如果你有, 那就跟你的開發團隊好好說明你的想法, 開始動工吧.

你可由軟體原型受益良多. 除了有宣傳效果, 也能幫你獲得使用者的回饋、證明想法正確並做即時轉軸(pivot, 譯註: 簡單的說就是找到著力點), 如果有需要的話. 另一收穫會是你可藉此測試你的團隊是否適合你? 你和這些人共事覺得舒服嗎? 他們是否有受到你的專案鼓舞?

 以上所述都是要出一些資金做到的最小可行產品.  如果你真的無法支付任何錢做最小可行產品, 但仍想證明看看自己的想法是否可行? 雖然免費的乳酪通常都在老鼠夾上, 還是有免費的方式來試看看你App的想法.   

最簡單的天才方法是有計畫地私下約可能對你產品有興趣的人, 問問他們對於你的構思的想法, 會真的使用嗎?  你一定要問以下幾個問題:

  • 對於這個專案的概念你覺得如何?
  • 對於這個專案中最中意的是哪個部分?
  • 哪個功能聽起來最吸引你, 為什麼?
  • 哪個功能你絕不會用, 為什麼?
  • 如何能讓這個專案變的更好?
  • 這個專案少了什麼?

MLSDev有個客戶做了一件很棒的事. 首先, 她先確定她的專案真的有需求, 然後她自己畫了個草圖,視覺化她的想法, 之後才找上MLSDev.  這位客戶一切都準備妥當, 對於專案的未來很有信心, 且知道產品要什麼樣子才能運作.  這對於客戶本身以及身為外包公司的MLSDev都非常寶貴.   需要MLSDev操心的就只是施個法術讓這東西運作. 

最後, 來看看一些令人振奮的最小可行產品案例: 

1.  維珍航空-Virgin Airlines

維珍航空是英國最大的航空公司, 屬維珍集團的一員, 在Richard Branson名下眾多國際公司之一. 他們有多條航線, 航行在英國、美國、非洲、中東、亞洲與澳洲間.  你知道他們怎麼開始的?  剛開始他們只有一條航線一台飛機往來於Gatwick(蓋威克機場,英國第二大機場)和Newark(紐華克自由國際機場, 位於美國紐澤西州紐華克市與伊莉莎白市境內,距紐約州紐約市曼哈頓約16英里路程)間. 

VirginAustralia

圖片來源: http://www.purplesneakers.com.au/2011/09/virgin-increase-baggage-allowance-for-musicians/ 

 

2. 雅虎-Yahoo! 

Yahoo是現在第二受歡迎的搜尋網站.  除了搜尋工具, 他們也提供其他一般使用者喜歡的 Yahoo! Mail和Yahoo! Directory. 他們怎麼起家的?  只是一個網頁上面列出其他網站的連結. 

yahoo98

圖片來源: http://mediaserver.pulse2.com/uploads/2008/01/yahoo98.jpg  

 

3. Groupon 

我很確定你至少用過這服務一次. 這是全世界電子商務平台中最受歡迎的服務之一(譯註: 台灣的Groupon已經收起來了).  它的目的是將當地的商家與客戶連結起來, 提供商品或服務很好的折扣價格.  Groupon已遍佈全球45個國家, 連結數十億人, 每天處理成千成萬的交易. 但這是今天的局面, 你可想像在2008年11月時, Groupon只是一個Wordpress(譯註: 很受歡迎的開源Blog架站軟體, Soft & Share也是用Wordpress架站)做的網站, 提供使用者PDF格式的優惠券, 讓他們下載和印出. 

groupon-local-hed-2013

圖片來源: http://www.adweek.com/files/imagecache/node-detail/news_article/groupon-local-hed-2013.jpg 

 

4. Foursquare 

想像這統計數據-每個月五千五百萬活動的使用者, 總計七十億簽到, 一億種口味加入Foursqure, 7500萬個情報留言, 130萬個企業網頁, 85000個開發者在為Foursqure工作.  在2009年, Foursqure草創時, 它只是一個簡單的App, 允許人們在某些地方簽到. 沒有特別的設計, 也沒有什麼特別的功能.

foursquare

圖片來源: http://www.3dnews.ru/assets/external/illustrations/2013/01/30/640917/unnamed.png 

 

5. Facebook 

沒有時間軸, 也沒有整合的Apps, 也沒有訂閱新聞牆或其他類似的東西.  在2004年早期是以“TheFacebook.com”提供服務, 有個很簡單的個人資料, 藉此可和社群朋友互動. 一個功能就足夠激起很棒的迴響,把小小的專案變成歷史上最大的社群網站公司. 

Facebook-2006

圖片來源: http://www.3dnews.ru/assets/external/illustrations/2013/01/30/640917/unnamed.png 

 所以別害怕實現你的夢想. 如世界知名的百萬富翁Richard Branson在他的書上說的:  “管他的, 做就是了!”.

延伸閱讀

也許你也會有興趣

喜歡我們的分享嗎? 將很感謝您使用以下社群按鈕分享給您的朋友!

Powered by WordPress.com.

Up ↑