設計實戰(zhàn)!科學養(yǎng)護綠植APP設計如何提升用戶體驗

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

以iOS平臺的APP為設計實戰(zhàn)案例，以科學養(yǎng)護綠植APP為設計目標，針對用戶管理植物、澆水、養(yǎng)護等系列流程為創(chuàng)意的APP開發(fā)設計。

一、項目簡述

這款iOS 平臺的應用將會跟蹤植物生長過程，提醒用戶及時澆水，設計師需要為這款應用設計用戶界面和交互。

二、預處理

日常生活中需要處理的事情太多了，因此忘記給自己所養(yǎng)的綠植澆水是非常常見的事情。為了讓自己所養(yǎng)的植物能夠茁壯成長，不會因為澆水施肥不及時而出狀況，設計一款能夠幫助用戶管理這一任務的APP。這款APP能夠幫助用戶有效地管理家中或者辦公室中的植物，通過提醒，讓用戶在合適的時候澆水，并保存相應的數(shù)據(jù)。

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

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

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

（3）可訪問性：APP 能夠適用于不同的場合，應對不同類型用戶的需求

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

為植物澆水進行管理和規(guī)劃是一個相對小眾的需求，但是在對生活品質(zhì)有所要求的用戶群體當中，它的市場并不小。相應的，這款APP 應該有著引人矚目的視覺設計，因為它在日常生活中使用頻率不會太低。所以，設計師應該讓它看起來足夠優(yōu)雅，使用體驗上要給人一種成熟老道的感覺，滿足用戶對于品質(zhì)和審美的需求。

三、設計過程

在繪制UX線框圖的時候，設計師為這款APP 規(guī)劃了如下的基本功能：

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

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

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

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

四、APP制作的應用布局設計

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

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

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

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

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

5、接下來，我們看看 APP 跟蹤用戶澆水的一些細節(jié)設計。當植物需要澆水的日期到來的時候，APP 會發(fā)送通知，督促用戶澆水。打開植物對應的頁面，用戶會看到：

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

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

（3）屏幕下方有對比度不那么高的標簽導航，還有抽屜控件，拉開可顯示植物的相關信息

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

當用戶收到提醒，并且為植物澆過水之后，只需要點擊水滴圖標，它的狀態(tài)就會變成對勾，表示已完成操作。

設計師還加入了微妙的動畫，來強化交互反饋，讓整個界面的可用性有所增強。

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

文章標題：設計實戰(zhàn)!科學養(yǎng)護綠植APP設計如何提升用戶體驗
標題來源：http://www.muchs.cn/news44/148444.html

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

廣告

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