设计实战！这款帮你科学养护绿植的APP是怎样设计出来的

现今，我们的常生活和各种各样的APP密不分。常用的诸历、计器、待办项列表辅助我们管理生活中的各种物，不同的细分领域和不同的需求则以使用各式各样的APP来应对。其就和GTD一样，使用APP来为自己的辅助工具来进行管理，无需占用自己的精力。

今天的设实战案例，则一款针对细分功能的iOS平台的APP，它一款帮用户理植浇水频率的创意应用。

项目简述

款iOS 平台的应用将跟踪植物生长程，提醒用户及时浇水，设计师需要为款应用设计用户界面和互。

预处理

常生活中需要处理的情太，因此忘给自己所的绿植浇水是非常常见的情。为让自己所的植物能够茁壮成长，不因为浇水施肥不及时而出状况，设计一款能够帮助用户管理一任务的APP。款APP能够帮助用户有效地管理家中或者办室中的植物，通提醒，让用户在合适的时浇水，并存相应的数据。

如同之的诸多UX设的文章中所提到的，高质的用户界面通常应该足够谐，并且满足下面4种基本的求：

• 用：APP 应该便捷，清晰，合理，易使用
• 实用性：APP 应该用户提供用的内，并且帮用户解决实际问题
• 可访问性：APP 能够适用于不同的，应对不同类型用户的需求
• 可欲性：APP 应该应该有吸引，够解决问题，够留住户，创他们想要断来的积极的户体验

在这些要求之下，Tubik Studio 选择让设师 Anton Morozov 总监 Ernest Asanov 的指导下设这款APP。植浇水行理规划一相对小众的需求，但对活品质所求的用户群体当中，它的市场并不小。相应的，这款APP 应该引人瞩目的视觉设，因它日常活中使用频率不会太低。所以，设师应该让它看起足够优，使用体验给人一种熟老道的感觉，满足用户对于品质审的需求。

设计过程

绘制UX线框图的时候，设师这款APP 规划了如下的基本功能：

• 在APP 内添加新的植物
• 用户推送通知，提醒他们植浇水
• 对于定的植物，为用户提供定的养护息和建议
• 为户供未来一周的浇水和养护的计划，并统计数据

下来，整个应用的布局是怎计的，并且为了计划内的功能计是如何计整个APP的交互流程的。

首先，用户在这个界面可以将所拥有的植物添加目录当中。在下图当中，用户所添加的不同的植物别在不同的选项卡中显示，标签上会显示相应的植物的名称，而在下一次需要浇水的候，标签上会显示相应的提醒通知。标签的右上角会用水滴的图标标识出这一植物需要浇水了，而浇过水的植物的标签上，则会显示一个勾，标识出它已被浇水的状。

这一的信息组织方式户可在当前屏幕，快速获取每一种植物的当前状态，是否需要浇水。而每个标签的背景都使了特定植物的图片，在视觉上有了更为明显的分辨。如果户想要添的植物，则只需要添一张照片，就像在图上看到的那样。

进入每个植物对应的子界面之后，会有一个功强大但足够件的标签栏，它包括有个最基本的交互区域：“我的植物”（My Plants）会打开浇水追踪的目录，“添”（Add New）按钮则户可添的植物，而“我的资”（My Profile）则户可查看相应的历史资和统计数据。

添加植物需要很短时。用户使用移动端设备植物照时候，APP 会过影像识所摄植物类型，并过后台数据库调处相应数据，括植物名称、专植物图片和植物相关养护条件、数据等。这，最主要数据括温度、湿度和照率。添加植物后，用户可以在自己列表看到它前状态。如APP 数据库没有相应植物数据，那么用户可以手工添加，创个新项目，并添加在APP 数据库。这设计有几个好处，首先它会增加APP 本身拓展能力，可以让用户出内容，另，它会知APP 开发者，并让他了解数据库要完善哪些数据，让用户可以更加畅地使用品。

下动画展示了上述交互过程：

接下来，我们看看 APP 跟踪用户浇些细节设计。植物需要浇日期到来时候，APP 会发送知，督促用户浇。打开植物应页，用户会看到：

• 户会在屏幕的上半分看到植物的名称和背景图片
• 页有标签交互区域，可以快速切换到其他待浇植物页
• 屏幕下方有对比度不么高的标签导航，还有抽屉控件，拉开显示植物的相关信息

在页面中间的交互区域仅可快速切换到他的植物的页面，而且还可继续展开。展开之后，会显示本周的浇水进表，你可看到有待成的工作量有多。这个模的展示背景是黑色的，这使得信息图的展示有足够的对，且足够时尚。在信息图的展现上，通过结合粗的非衬线体，使得信息的可读性非强，对于整个布的视觉层次有了升。

用户收到提醒，并为植物浇过后，需要击滴图标，它状态会变成勾，表示已完成操作。

设计师加入了微妙动画，来强化交互反馈，让个界可用性有所增强。

结语

如何解决生中的各种“简单”的问题，是设计师需要面对的永恒的问题。为了设计真正贴合户、足顺畅自然解决问题的界面，从来都是看起来那么简单的事情，它需要设计师周全地考虑全的情况，应对同的场景，还要信息自然地呈现，容效而又足够时尚。我们总希望我们的生够更好一点，而这些改变通需要设计师和开发者数倍的努，来善和实现。虽然这款应较小众，但是它的设计思路是值得习和借鉴的。