設(shè)計(jì)實(shí)戰(zhàn)!科學(xué)養(yǎng)護(hù)綠植APP設(shè)計(jì)如何提升用戶體驗(yàn)

APP制作是現(xiàn)代移動(dòng)互聯(lián)網(wǎng)行業(yè)的前端行業(yè)，和傳統(tǒng)的網(wǎng)站建設(shè)不同的是APP具備移動(dòng)化、簡(jiǎn)潔化、界面適應(yīng)化以及重視用戶體驗(yàn)感，日常生活中和生活中的APP密不可分，從日常使用到的日歷、計(jì)算器、待辦事項(xiàng)列表等工具就可以幫助我們管理生活中的各種事物，甚至不同行業(yè)、不同領(lǐng)域、不同需求、不同人群都可以具備著不同的樣式，根據(jù)我們自身需求進(jìn)行制定自己喜歡的APP，可開(kāi)發(fā)行和可修改是滿足用戶最好的一種方式。

以iOS平臺(tái)的APP為設(shè)計(jì)實(shí)戰(zhàn)案例，以科學(xué)養(yǎng)護(hù)綠植APP為設(shè)計(jì)目標(biāo)，針對(duì)用戶管理植物、澆水、養(yǎng)護(hù)等系列流程為創(chuàng)意的APP開(kāi)發(fā)設(shè)計(jì)。

一、項(xiàng)目簡(jiǎn)述

這款iOS 平臺(tái)的應(yīng)用將會(huì)跟蹤植物生長(zhǎng)過(guò)程，提醒用戶及時(shí)澆水，設(shè)計(jì)師需要為這款應(yīng)用設(shè)計(jì)用戶界面和交互。

二、預(yù)處理

日常生活中需要處理的事情太多了，因此忘記給自己所養(yǎng)的綠植澆水是非常常見(jiàn)的事情。為了讓自己所養(yǎng)的植物能夠茁壯成長(zhǎng)，不會(huì)因?yàn)闈菜┓什患皶r(shí)而出狀況，設(shè)計(jì)一款能夠幫助用戶管理這一任務(wù)的APP。這款A(yù)PP能夠幫助用戶有效地管理家中或者辦公室中的植物，通過(guò)提醒，讓用戶在合適的時(shí)候澆水，并保存相應(yīng)的數(shù)據(jù)。

正如同在之前的諸多UX設(shè)計(jì)的文章中所提到的，高質(zhì)量的用戶界面通常應(yīng)該足夠和諧，并且滿足下面4種基本的要求：

（1）可用性：APP 應(yīng)該便捷，清晰，合理，易于使用

（2）實(shí)用性：APP 應(yīng)該為用戶提供有用的內(nèi)容，并且?guī)椭脩艚鉀Q實(shí)際問(wèn)題

（3）可訪問(wèn)性：APP 能夠適用于不同的場(chǎng)合，應(yīng)對(duì)不同類型用戶的需求

（4）可欲性：APP 應(yīng)該應(yīng)該有吸引力，能夠解決問(wèn)題，能夠留住用戶，創(chuàng)造讓他們想要不斷回來(lái)的積極的用戶體驗(yàn)

為植物澆水進(jìn)行管理和規(guī)劃是一個(gè)相對(duì)小眾的需求，但是在對(duì)生活品質(zhì)有所要求的用戶群體當(dāng)中，它的市場(chǎng)并不小。相應(yīng)的，這款A(yù)PP 應(yīng)該有著引人矚目的視覺(jué)設(shè)計(jì)，因?yàn)樗谌粘Ｉ钪惺褂妙l率不會(huì)太低。所以，設(shè)計(jì)師應(yīng)該讓它看起來(lái)足夠優(yōu)雅，使用體驗(yàn)上要給人一種成熟老道的感覺(jué)，滿足用戶對(duì)于品質(zhì)和審美的需求。

三、設(shè)計(jì)過(guò)程

在繪制UX線框圖的時(shí)候，設(shè)計(jì)師為這款A(yù)PP 規(guī)劃了如下的基本功能：

（1）在APP 內(nèi)添加新的植物

（2）為用戶推送通知，提醒他們?yōu)橹参餄菜?/p>

（3）對(duì)于特定的植物，為用戶提供特定的養(yǎng)護(hù)信息和建議

（4）為用戶提供未來(lái)一周的澆水和養(yǎng)護(hù)的計(jì)劃，并統(tǒng)計(jì)數(shù)據(jù)

四、APP制作的應(yīng)用布局設(shè)計(jì)

接下來(lái)，我們看看整個(gè)應(yīng)用的布局是怎么設(shè)計(jì)的，并且為了計(jì)劃內(nèi)的功能設(shè)計(jì)師是如何設(shè)計(jì)整個(gè)APP的交互流程的。

1、首先，用戶在這個(gè)界面可以將自己所擁有的植物添加到目錄當(dāng)中。在下圖當(dāng)中，用戶所添加的不同的植物分別在不同的選項(xiàng)卡中顯示，標(biāo)簽上會(huì)顯示相應(yīng)的植物的名稱，而在下一次需要澆水的時(shí)候，標(biāo)簽上會(huì)顯示相應(yīng)的提醒通知。標(biāo)簽的右上角會(huì)用水滴的圖標(biāo)標(biāo)識(shí)出這一植物需要澆水了，而澆過(guò)水的植物的標(biāo)簽上，則會(huì)顯示一個(gè)勾，標(biāo)識(shí)出它已被澆水的狀態(tài)。

2、這一的信息組織方式讓用戶可以在當(dāng)前屏幕下，快速獲取每一種植物的當(dāng)前狀態(tài)，是否需要澆水。而每個(gè)標(biāo)簽的背景都使用了特定植物的圖片，在視覺(jué)上有了更為明顯的分辨。如果用戶想要添加新的植物，則只需要添加一張照片，就像在下圖上所看到的那樣。

3、進(jìn)入每個(gè)植物對(duì)應(yīng)的子界面之后，底部會(huì)有一個(gè)功能強(qiáng)大但足夠件的標(biāo)簽欄，它包括有三個(gè)最基本的交互區(qū)域：“我的植物”（My Plants）會(huì)打開(kāi)澆水追蹤的目錄，“新添加”（Add New）按鈕則讓用戶可以添加新的植物，而“我的資料”（My Profile）則讓用戶可以查看相應(yīng)的歷史資料和統(tǒng)計(jì)數(shù)據(jù)。

4、添加植物只需要很短的時(shí)間。當(dāng)用戶使用移動(dòng)端設(shè)備給植物拍照的時(shí)候，APP 會(huì)通過(guò)影像識(shí)別所拍攝的植物類型，并且通過(guò)后臺(tái)的數(shù)據(jù)庫(kù)調(diào)處相應(yīng)的數(shù)據(jù)，包括植物的名稱、專門的植物圖片和植物相關(guān)的養(yǎng)護(hù)的條件、數(shù)據(jù)等。這當(dāng)中，最主要的數(shù)據(jù)包括溫度、濕度和光照率。添加植物之后，用戶可以在自己的列表當(dāng)中看到它的當(dāng)前狀態(tài)。如果APP 的數(shù)據(jù)庫(kù)中沒(méi)有相應(yīng)植物的數(shù)據(jù)，那么用戶還可以手工添加，創(chuàng)建一個(gè)新的項(xiàng)目，并且添加在APP 的數(shù)據(jù)庫(kù)當(dāng)中。這種設(shè)計(jì)有幾個(gè)好處，首先它會(huì)增加APP 本身的拓展能力，可以讓用戶產(chǎn)出內(nèi)容，另一方面，它會(huì)通知APP 的開(kāi)發(fā)者，并且讓他了解數(shù)據(jù)庫(kù)當(dāng)中要完善哪些數(shù)據(jù)，讓用戶可以更加順暢地使用產(chǎn)品。

5、接下來(lái)，我們看看 APP 跟蹤用戶澆水的一些細(xì)節(jié)設(shè)計(jì)。當(dāng)植物需要澆水的日期到來(lái)的時(shí)候，APP 會(huì)發(fā)送通知，督促用戶澆水。打開(kāi)植物對(duì)應(yīng)的頁(yè)面，用戶會(huì)看到：

（1）用戶會(huì)在屏幕的上半部分看到植物的名稱和背景圖片

（2）頁(yè)面的中間有標(biāo)簽式的交互區(qū)域，可以快速切換到其他的待澆水的植物頁(yè)面

（3）屏幕下方有對(duì)比度不那么高的標(biāo)簽導(dǎo)航，還有抽屜控件，拉開(kāi)可顯示植物的相關(guān)信息

在頁(yè)面中間的交互區(qū)域不僅可以快速切換到其他的植物的頁(yè)面，而且還可以繼續(xù)展開(kāi)。展開(kāi)之后，會(huì)顯示本周的澆水進(jìn)度表，你可以看到有待完成的工作量有多少。這個(gè)模塊的展示背景是黑色的，這使得信息圖的展示有足夠的對(duì)比度，且足夠時(shí)尚。在信息圖的展現(xiàn)上，通過(guò)結(jié)合加粗的非襯線體，使得信息的可讀性非常強(qiáng)，對(duì)于整個(gè)布局的視覺(jué)層次也有了提升。

當(dāng)用戶收到提醒，并且為植物澆過(guò)水之后，只需要點(diǎn)擊水滴圖標(biāo)，它的狀態(tài)就會(huì)變成對(duì)勾，表示已完成操作。

設(shè)計(jì)師還加入了微妙的動(dòng)畫，來(lái)強(qiáng)化交互反饋，讓整個(gè)界面的可用性有所增強(qiáng)。

移動(dòng)APP設(shè)計(jì)主要是幫助用戶解決生活中的各種問(wèn)題，針對(duì)于永恒的問(wèn)題而設(shè)計(jì)出真正切合于用戶、能夠順暢自然的解決問(wèn)題的界面，周全地考慮全部的情況，應(yīng)對(duì)不同的場(chǎng)景，還要讓信息自然地呈現(xiàn)，內(nèi)容高效而又足夠時(shí)尚，在設(shè)計(jì)中需要結(jié)合網(wǎng)站建設(shè)的經(jīng)驗(yàn)、學(xué)習(xí)網(wǎng)站的優(yōu)勢(shì)并謹(jǐn)記傳統(tǒng)互聯(lián)網(wǎng)的劣勢(shì)，找到用戶的需求點(diǎn)，設(shè)計(jì)出對(duì)用戶有價(jià)值、有依賴的產(chǎn)品。

本文標(biāo)題：設(shè)計(jì)實(shí)戰(zhàn)!科學(xué)養(yǎng)護(hù)綠植APP設(shè)計(jì)如何提升用戶體驗(yàn)
分享URL：http://www.bm7419.com/news/148444.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián)，是專注品牌與效果的網(wǎng)站制作，網(wǎng)絡(luò)營(yíng)銷seo公司；服務(wù)項(xiàng)目有App設(shè)計(jì)、用戶體驗(yàn)等

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)