設計寵物減肥應用程序的分步指南

0 評論 1970 瀏覽 17 收藏 15 分鐘

筆者在文中介紹了做一款寵物產(chǎn)品的設計思路、設計規(guī)劃以及具體的頁面設計。

一、介紹

幾個月前,媽媽問我要為她心愛的寵物找到最好的寵物食品品牌。

在線研究使我得出兩個結(jié)論:

第一,大多數(shù)加工(即品牌)食品對寵物具有重大的健康風險。

第二,最健康的選擇是均衡的自制飲食。

二、了解挑戰(zhàn)

加工食品對寵物有害。成分通常包括人類食品工業(yè)的廢品或患病動物尸體的剩肉。最重要的是,市場上絕大多數(shù)可商購的寵物食品都包含化學藥品,防腐劑,乳化劑,人造色素,增味劑和額外的脂肪,這些食品使食品對狗和貓更可口,但也較不健康。

自從引入用于寵物的加工食品以來,狗和貓的退化性健康問題大流行已經(jīng)升級。飲食不良會導致寵物不斷遭受腸道滲漏綜合征,炎癥和退行性疾病的困擾。

商業(yè)寵物食品行業(yè)面臨的實質(zhì)性法規(guī)極少。沒有組織要求寵物食品具有健康要求的證據(jù),也沒有公司投資進行廣泛的研究來確定其產(chǎn)品能否長期保持動物健康。

然而…

提供滿足所有動物營養(yǎng)要求的自制飲食具有挑戰(zhàn)性。它需要適合寵物個人需要和主人生活方式的研究,成分,測量方法和配方。

如果不均衡,則自制飲食對寵物的危害要大于加工食品。您的寵物可能由于缺乏抗氧化劑,礦物質(zhì),維生素和脂肪酸而導致營養(yǎng)不良,這可能會導致一系列健康問題。

市售寵物食品的成分可能質(zhì)量低下,甚至可能與物種不符,但必須提供均衡的營養(yǎng)以符合AAFCO(美國飼料控制協(xié)會)和FEDIAF(歐洲寵物食品工業(yè)聯(lián)合會)的標準。

三、研究方法

1. 調(diào)查

我使用Google Forms進行了一項調(diào)查,并將其分布在Facebook上的多個寵物主人群體中。目的是確定準備自制飲食時寵物主人的基本“痛點”。了解潛在用戶的問題是啟發(fā)和激勵自己的好方法。處理現(xiàn)實世界的數(shù)據(jù)是一個很好的凝視點,有助于避免猜測和成見。使用此信息可以更好地發(fā)現(xiàn)問題的根源以及如何解決它。

2. 直接從用戶引用

  • “馬克斯非常挑剔,我已經(jīng)嘗試了市場上存在的每個品牌?!?/li>
  • “我喜歡為雛菊做飯,但我并不總是確定自己知道自己在做什么?!?/li>
  • “我擔心自制食品過于昂貴和耗時。”
  • “我在網(wǎng)上找到的飲食與我的狗的特定需求無關,因為它們太籠統(tǒng)了?!?/li>
  • “最大的麻煩是弄清楚數(shù)量?!?/li>

3. 用戶

我的調(diào)查結(jié)果表明,有幾種類型的用戶具有不同的需求。來自用戶答案的不同見解和常見模式的積累幫助我創(chuàng)建了三個角色,這些角色是該數(shù)據(jù)在角色中的體現(xiàn)。其中兩個角色呈現(xiàn)了極端案例,因為它們是基于某些參與者的某些需求。因此,最終我專注于更常見的角色。

專注于特定用戶有助于記住她的需求,并且在出現(xiàn)新功能或需求的想法時不會分心。

4. 用戶旅程

接下來,我為角色編寫了一個典型的日常喂養(yǎng)程序。這個過程幫助我決定了如何設計應用程序的用戶體驗以適應進食程序。

四、要做的工作

我使用的最強大的工具之一是JTBD表單。我不問自己是什么問題或用戶想要什么,而是問自己為什么他們需要它。通過了解人們?yōu)槭裁磿胍@個應用程序,它增加了我制作真正有價值的產(chǎn)品的機會。

1. 用戶流程圖

到現(xiàn)在為止,我對應用程序的運行方式仍不清楚。繪制該應用程序的基本流程后,我不得不確定用戶在整個解決方案中所走的路徑上的每一步。我首先在紙上畫草圖,然后以數(shù)字方式對其進行渲染。

2. 草圖

這是幫助我概述應用程序并直觀地想象它的第一步。

3. 線框

此視覺指南表示應用程序的骨架框架。當我專注于功能而不是外觀時,它幫助我安排了界面元素。此外,線框的簡單性使我可以快速測試想法,而不必深入細節(jié)。

4. 故事板-使用應用程序

我創(chuàng)建了一個情節(jié)提要,描述了用戶對應用程序的體驗。這是一個很好的工具,可以探討如何在更大的范圍內(nèi)使用產(chǎn)品,就像它是更大的敘述的一部分一樣。這是一種在現(xiàn)實世界中捕獲,關聯(lián)和瀏覽應用程序的有效且廉價的方法。我創(chuàng)建了一個情節(jié)提要,描述了用戶對應用程序的體驗。這項研究有助于了解應用程序的使用環(huán)境和使用范圍。

五、視覺研究

1. 靈感板

在開始視覺設計之前,我先創(chuàng)建一個靈感板。目的是了解視覺世界,并從其他寵物和營養(yǎng)應用程序中收集靈感。

2. 迭代

接下來,我探索了不同的設計可能性:從每次重復設計中,我學到了一些可用于下一次迭代的知識。

3. 調(diào)色板

綠色代表自然,生命,健康,青春,春天,希望,更新,成長,休息和放松。因此,綠色調(diào)色板適合推廣健康和天然寵物食品的應用程序。此外,我在文本上使用了灰色,并加入了大量的白色,以使文本顯得平靜而整潔。

4. 版式

Nunito Sans是由Vernon Adams和Jacques Le Bailly設計的免費Google字體。這是一個平衡良好的無襯線字體超家族,似乎可以補充界面。樸素是領導的口頭禪。因此,我決定只使用一個字體家族。

5. 圖標和插圖

插圖和圖標是設計的重要組成部分。他們傳達的想法和概念不應該,有時也不能用文字傳達。此外,它們還可以使視覺美學保持一致,從而有助于建立用戶的信任并產(chǎn)生歡樂時刻。

6. 命名和商標

選擇Petcy這個名字的主要原因是實用的。我想在名稱中使用“寵物”一詞,但其他所有組合都已被使用。后綴“ cy”表示“狀態(tài)或條件”。我覺得這符合應用程序的愿景,因此我選擇了Petcy。

我希望徽標很簡單,以反映使用該應用程序的輕松程度?;諛丝雌饋硐袷莵y七八糟的東西,很快就用很少的線條組合在一起,就像用Petcy準備的一餐飯一樣。我最初希望它還表示健康(聽診器),對寵物的愛(心臟)和寵物本身(貓和狗)。但是,最終我決定保持簡潔更為重要,因此我選擇了一個僅是名稱的徽標。

手繪圖/數(shù)字渲染

7. 微互動和動畫

我要做的最后一件事是探索如何在應用程序中實現(xiàn)運動,從而幫助我在最深層次上掌握應用程序的流程和功能。

六、最終設計

1. 入職流程

Petcy中的入職流程的目標是收集有關用戶寵物的信息,以使其真正適合其需求。關鍵是要讓用戶回答十個問題而不會灰心,并關閉應用程序。它需要一個簡單而快速的過程。為問題編號,大的滑動卡和進度條是我用來簡化流程的一些解決方案。

2. 準備一頓飯

此元素是應用程序的核心。入職后,用戶會收到適合其寵物需求的食譜。查看食譜時,可以看到配料表,三個簡單的步驟來說明如何準備餐點,操作視頻和該餐點的營養(yǎng)價值細分。

3. 獲取成分

為了提供更多便利,我決定為用戶提供一種獲取所有必需成分的選項。因此,下一個挑戰(zhàn)是創(chuàng)建一個流程,該流程包括購物清單,挑選供應商,比較價格并將其交付給他們的前門。此過程應簡單快捷,以使其與應用程序的簡單界面保持一致。

七、結(jié)論

1. 我學到了什么?

設計應用程序是一個充滿挑戰(zhàn)和收獲的旅程。從一開始就很明顯,主要挑戰(zhàn)將是使寵物主人對與這種習慣相抗衡的東西產(chǎn)生興趣,并使其易于將一杯干粗磨食物從麻袋轉(zhuǎn)移到寵物的食物容器中。我研究了自制狗糧的飲食需求,食譜和成本。通過調(diào)查和對話,我了解了用戶的需求。最終,我面臨著從用戶體驗角度和視覺角度創(chuàng)建引人入勝的應用程序的挑戰(zhàn)。

2. 什么是下一個步驟?

對特定功能的深入研究

與用戶一起進行原型的可用性測試

改善用戶流量

全面的商業(yè)模式

3. 未來功能

配對選項:與朋友和其他用戶配對購買大量配料,以節(jié)省金錢和時間。

八、最后的想法

寵物食品是一個價值750億美元的行業(yè),其生產(chǎn)的食品基本上不是狗和貓最健康的飲食選擇,甚至可能損害我們毛茸茸的朋友的健康和長壽。但是,在我們大多數(shù)人忙碌的日常生活中,使用干食品的便利無疑是取勝的。

這個免費的移動應用程序的目標是使用戶能夠以與優(yōu)質(zhì)包裝食品相當?shù)某杀?,快速輕松地為自己的寵愛的寵物制作更健康的食品。Petcy旨在幫助寵物主人為毛茸茸的朋友準備自制食物。該應用程序根據(jù)每個寵物的營養(yǎng)需求提供每日喂養(yǎng)計劃。該應用程序還可以量身定制食物數(shù)量,并可以從本地商店運送產(chǎn)品。

我希望這個應用程序?qū)⒌玫綄櫸锸称飞a(chǎn)商或市場商的支持,并理解為寵物主人提供更多,更健康的選擇是社交,善意和貓科動物,是一種更負責任的經(jīng)營方式。

感謝您的閱讀

 

作者: Guy Shomron來源:https://uxdesign.cc/ui-ux-case-study-a-step-by-step-guide-to-the-process-of-designing-a-pet-diet-app-d635b911b648

譯者: CANAAN;譯者公眾號:南設(ID:shemenglianmeng)

本文由 @CANAAN 翻譯發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)許可,禁止轉(zhuǎn)載

題圖來自Unsplash,基于CC0協(xié)議

更多精彩內(nèi)容,請關注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發(fā)揮!