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

以iOS平臺的APP為設計實戰案例，以科學養護綠植APP為設計目標，針對用戶管理植物、澆水、養護等系列流程為創意的APP開發設計。

一、項目簡述

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

二、預處理

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

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

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

（2）實用性：APP 應該為用戶提供有用的內容，并且幫助用戶解決實際問題

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

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

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

三、設計過程

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

（1）在APP 內添加新的植物

（2）為用戶推送通知，提醒他們為植物澆水

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

（4）為用戶提供未來一周的澆水和養護的計劃，并統計數據

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

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

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

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

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

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

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

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

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

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

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

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

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

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

文章標題：設計實戰!科學養護綠植APP設計如何提升用戶體驗
標題來源：http://m.js-pz168.com/news44/148444.html

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

廣告

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