UI/UX案例:設(shè)計寵物飲食應(yīng)用的過程分解

項目簡介

幾個月前野揪,媽媽讓我為她心愛的寵物找到最好的寵物食品品牌。在線研究使我得出兩個結(jié)論撵幽。一,大多數(shù)加工(即品牌)食品對寵物具有顯著的健康風險礁击。第二盐杂,最健康的選擇是均衡的自制飲食。

挑戰(zhàn)

加工食品對寵物是不健康的客税。成分通常包括來自人類食品工業(yè)的廢物或來自患病動物尸體的剩余肉類况褪。最重要的是撕贞,市場上絕大多數(shù)市售的寵物食品含有化學物質(zhì)更耻,防腐劑,乳化劑捏膨,人工色素秧均,增味劑和額外的脂肪,使食物對狗和貓更加美味号涯,但也不那么健康目胡。

由于已經(jīng)引入了寵物加工食品,狗和貓的退行性健康問題大流行已經(jīng)升級链快。由于飲食不良誉己,寵物不斷患有腸道泄漏綜合征,炎癥和退行性疾病域蜗。

商業(yè)寵物食品行業(yè)面臨最小的實質(zhì)性監(jiān)管巨双。沒有任何組織需要證明寵物食品的健康聲明,也沒有公司投資于廣泛的研究霉祸,以確定其產(chǎn)品是否長期保持動物健康筑累。

然而

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

如果膳食不平衡镜沽,自制飲食對加工食品的傷害可能比加工食品更大。由于缺乏抗氧化劑贱田,礦物質(zhì)淘邻,維生素和脂肪酸會導致一系列健康問題,您的寵物最終可能會營養(yǎng)不良湘换。

商業(yè)上可獲得的寵物食品可能含有低質(zhì)量的成分甚至是物種不合適的宾舅,但它必須提供均衡的營養(yǎng)以滿足AAFCO(美國飼料控制協(xié)會)和FEDIAF(歐洲寵物食品工業(yè)聯(lián)合會)的標準统阿。

研究方法

調(diào)查

我準備了一份谷歌表格調(diào)查,并在Facebook上分散給多個寵物主人筹我。目的是確定寵物主人在準備自制飲食時的基本“痛點”扶平。了解潛在用戶的問題是獲得靈感和激勵的好方法。使用真實世界數(shù)據(jù)是一個很好的啟發(fā)點蔬蕊,可以幫助避免猜測和偏見结澄。使用此信息提供了更好的機會來發(fā)現(xiàn)問題的根源以及如何解決問題。

來自用戶的調(diào)查回復(fù)

“Max是一個非常挑剔的食客岸夯,我已經(jīng)嘗試過市場上現(xiàn)有的每一個品牌麻献。”

“我喜歡為黛西做飯猜扮,但我并不總是確定我知道自己在做什么勉吻。”

“我擔心自制食品過于昂貴且耗時旅赢〕萏遥”

“最讓人頭疼的是弄清楚金額≈笈危”

用戶

我的調(diào)查結(jié)果表明短纵,有幾種類型的用戶需求不同。來自用戶答案的??不同見解和共同模式的積累幫助我創(chuàng)建了三個角色僵控,這些角色是角色中數(shù)據(jù)的表現(xiàn)形式香到。其中兩個人物角色出現(xiàn)了邊緣案例,因為它們是基于某些參與者的某些需求报破。因此悠就,最終我專注于更常見的角色。

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

用戶體驗旅程

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

要完成的工作

我使用的最強大的工具之一是JTBD表單藐唠。我沒有關(guān)注問題是什么或用戶想要什么,而是問自己為什么需要它鹉究。通過了解人們?yōu)槭裁聪胍@個應(yīng)用程序宇立,它增加了制作真正有價值產(chǎn)品的機會。

用戶流程圖

到目前為止自赔,我對應(yīng)用程序的運行方式有一個模糊的概念妈嘹。映射應(yīng)用程序的基本流程迫使我想出用戶將在整個解決方案中采用的路徑上的每個步驟。我首先在紙上繪制它绍妨,然后以數(shù)字方式渲染它润脸。

手稿

這是幫助我概述應(yīng)用程序并在視覺上想象它的第一步柬脸。

線框圖

此可視指南代表應(yīng)用程序的骨架框架。它幫助我安排界面元素毙驯,同時我專注于功能而不是它的外觀倒堕。此外,線框的簡單性使我能夠快速測試想法爆价,而不會深入細節(jié)垦巴。

故事版--使用app時

我創(chuàng)建了一個故事板,描述了我的用戶使用該應(yīng)用程序的體驗铭段。故事版是一個很好的工具骤宣,可以探索如何在更大的背景下使用產(chǎn)品,就好像它是更大的敘述的一部分序愚。是一種在現(xiàn)實環(huán)境中捕獲憔披,關(guān)聯(lián)和探索應(yīng)用程序的有效且廉價的方法,本研究有助于了解應(yīng)用程序的使用環(huán)境和拓展更多的內(nèi)容應(yīng)用程序可能會用到的。

視覺調(diào)研

情緒版

在開始使用視覺設(shè)計之前展运,我創(chuàng)建了一個情緒版板活逆。目的是了解視覺世界并從其他寵物和營養(yǎng)應(yīng)用程序中收集靈感精刷。

迭代

接下來拗胜,我探索了不同的設(shè)計可能性:從設(shè)計的每次重復(fù)開始,我都會學到一些可以用于下一次迭代的東西怒允。

調(diào)色

字體

Nunito Sans是由Vernon Adams和Jacques Le Bailly設(shè)計的免費Google字體埂软。它是一個均衡的無襯線字體超級家族,似乎補充了界面纫事。簡單是最重要的口頭禪;因此勘畔,我決定只使用一個字體系列。

圖標&插畫

插圖和圖標是設(shè)計的重要部分丽惶。他們傳達的想法和概念炫七,有時也不能用文字傳達。此外钾唬,它們允許視覺美學的一致性万哪,有助于建立用戶的信任并產(chǎn)生愉悅的時刻。

命名&logo

選擇名稱Petcy的主要原因是實用的抡秆。我希望在名稱中加上“寵物”這個詞奕巍,但是已經(jīng)采用了其他任何組合。后綴“cy”表示“狀態(tài)或條件”儒士。我覺得這適合應(yīng)用程序的愿景的止,因此我選擇了Petcy。

我希望徽標很簡單着撩,反映出使用該應(yīng)用程序是多么輕松诅福∝椅徽標看起來像一個涂鴉,很快就用很少的線條組合在一起氓润,就像用Petcy準備的一餐剩檀。我原本希望它也表明健康(聽診器),對寵物(心臟)和寵物本身(貓和狗)的愛旺芽。然而沪猴,最終我決定保持簡單更重要,所以我選擇了一個只是名字的徽標采章。

微交互和動畫

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

最終設(shè)計

Petcy中的注冊流程的目標是收集有關(guān)用戶寵物的信息悯舟,以真正根據(jù)他們的需求量身定制担租。關(guān)鍵部分是讓用戶回答十個問題而不要氣餒并關(guān)閉應(yīng)用程序。它需要一個簡單快速的過程抵怎。對問題進行編號奋救,大滑動卡和進度條是我用來簡化過程的一些解決方案。

準備一頓飯

備餐這個元素是應(yīng)用程序的核心反惕,在注冊后尝艘,用戶會收到根據(jù)寵物需求量身定制的食譜。查看食譜時姿染,可以看到成分列表背亥,解釋如何準備膳食的三個簡單步驟,操作視頻以及該膳食營養(yǎng)價值的細分悬赏。

獲得食材

為了更加方便狡汉,我決定為用戶提供獲取所有必要成分的選項。因此闽颇,下一個挑戰(zhàn)是創(chuàng)建一個包含購物清單盾戴,挑選供應(yīng)商,比較價格并將其交付到前門的流程兵多。此過程應(yīng)該簡單快捷尖啡,以使其與應(yīng)用程序的簡單界面保持一致。

總結(jié)

我學到了什么中鼠?

設(shè)計應(yīng)用程序是一個充滿挑戰(zhàn)和有益的旅程可婶。從一開始就很明顯,主要的挑戰(zhàn)是讓寵物主人對那些與將一袋干燥粗磨物從袋子轉(zhuǎn)移到寵物食品容器的習慣和容易度相匹配的東西感興趣援雇。我研究了自制狗糧的飲食需求矛渴,食譜和費用。我通過調(diào)查和對話了解用戶的需求。最后具温,我面臨著從用戶體驗視角蚕涤,和視覺角度創(chuàng)建引人入勝的應(yīng)用程序的挑戰(zhàn)。

下一個步驟是什么铣猩?

· 深入研究特定功能

· 用戶對原型的可用性測試

· 改善用戶流程

· 全面商業(yè)模式

未來的特點

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

最后的想法

寵物食品是一個價值750億美元的產(chǎn)業(yè)天吓,生產(chǎn)的食品基本上不是狗和貓最健康的飲食選擇,甚至可能損害我們毛茸茸的朋友的健康和長壽峦椰。然而龄寞,可以理解,在我們大多數(shù)人的繁忙日常生活中汤功,使用干糧的便利性勝出物邑。

這款免費移動應(yīng)用程序的目標是讓用戶能夠以與優(yōu)質(zhì)包裝食品相當?shù)某杀荆焖佥p松地為其心愛的寵物制作更健康的食物滔金。Petcy旨在幫助寵物主人為他們毛茸茸的朋友準備自制食物色解。該應(yīng)用程序根據(jù)每個寵物的營養(yǎng)需求提供每日喂養(yǎng)計劃。該應(yīng)用程序還可以定制食物數(shù)量餐茵,并可以從當?shù)厣痰晏峁┊a(chǎn)品科阎。

我希望這個應(yīng)用程序?qū)⒌玫綄櫸锸称飞a(chǎn)商或營銷商的支持,理解為寵物主人提供額外和更健康的選擇是社會钟病,犬類和貓科動物萧恕,是一種更負責任的開展業(yè)務(wù)的方式刚梭。

Thank you for reading

原文鏈接

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末肠阱,一起剝皮案震驚了整個濱河市落蝙,隨后出現(xiàn)的幾起案子巡语,更是在濱河造成了極大的恐慌,老刑警劉巖沐旨,帶你破解...
    沈念sama閱讀 211,743評論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件衅金,死亡現(xiàn)場離奇詭異噪伊,居然都是意外死亡,警方通過查閱死者的電腦和手機氮唯,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,296評論 3 385
  • 文/潘曉璐 我一進店門鉴吹,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人惩琉,你說我怎么就攤上這事豆励。” “怎么了?”我有些...
    開封第一講書人閱讀 157,285評論 0 348
  • 文/不壞的土叔 我叫張陵良蒸,是天一觀的道長技扼。 經(jīng)常有香客問我,道長嫩痰,這世上最難降的妖魔是什么剿吻? 我笑而不...
    開封第一講書人閱讀 56,485評論 1 283
  • 正文 為了忘掉前任,我火速辦了婚禮串纺,結(jié)果婚禮上丽旅,老公的妹妹穿的比我還像新娘。我一直安慰自己纺棺,他們只是感情好魔招,可當我...
    茶點故事閱讀 65,581評論 6 386
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著五辽,像睡著了一般办斑。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上杆逗,一...
    開封第一講書人閱讀 49,821評論 1 290
  • 那天乡翅,我揣著相機與錄音,去河邊找鬼罪郊。 笑死蠕蚜,一個胖子當著我的面吹牛,可吹牛的內(nèi)容都是我干的悔橄。 我是一名探鬼主播靶累,決...
    沈念sama閱讀 38,960評論 3 408
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼癣疟!你這毒婦竟也來了挣柬?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,719評論 0 266
  • 序言:老撾萬榮一對情侶失蹤睛挚,失蹤者是張志新(化名)和其女友劉穎邪蛔,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體扎狱,經(jīng)...
    沈念sama閱讀 44,186評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡侧到,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,516評論 2 327
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了淤击。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片匠抗。...
    茶點故事閱讀 38,650評論 1 340
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖污抬,靈堂內(nèi)的尸體忽然破棺而出汞贸,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 34,329評論 4 330
  • 正文 年R本政府宣布著蛙,位于F島的核電站删铃,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏踏堡。R本人自食惡果不足惜猎唁,卻給世界環(huán)境...
    茶點故事閱讀 39,936評論 3 313
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望顷蟆。 院中可真熱鬧诫隅,春花似錦、人聲如沸帐偎。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,757評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽削樊。三九已至豁生,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間漫贞,已是汗流浹背甸箱。 一陣腳步聲響...
    開封第一講書人閱讀 31,991評論 1 266
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留迅脐,地道東北人芍殖。 一個月前我還...
    沈念sama閱讀 46,370評論 2 360
  • 正文 我出身青樓,卻偏偏與公主長得像谴蔑,于是被迫代替她去往敵國和親豌骏。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 43,527評論 2 349