APP制作是现代移动互联网行业的前端行业。与传统网站建设不同,APP具有移动性、简洁性、界面适配性,重视用户体验。日常生活中的APP离不开日常使用。日历、计算器、待办事项等工具可以帮助我们管理生活中的各种事情。甚至不同的行业,不同的领域,不同的需求,不同的人可以有不同的风格,根据我们自己的需求做出自己的喜好。
以iOS平台上的APP为实际案例,以绿色植物APP的科学养护为设计目标,开发设计出适合用户管理植物、水、维护等一系列流程的APP。
一、项目简介
这个iOS平台应用会跟踪植物生长过程,提醒用户及时浇水。设计人员需要为此应用程序设计用户界面和交互。
第二,预处理
日常生活中有太多的事情要处理,所以忘记给自己的绿色植物浇水是很常见的。为了让自己的植物茁壮成长,不至于因为浇水施肥不及时而脱离困境,设计了一个APP来帮助用户管理这个任务。这个APP可以帮助用户有效管理家中或办公室的植物,提醒用户适时给植物浇水,并保存相应的数据。
正如之前许多关于UX设计的文章中提到的,高质量的用户界面应该足够和谐,并满足以下四个基本要求:
(1)可用性:APP要方便、清晰、合理、易用
(2)实用性:APP要为用户提供有用的内容,帮助用户解决实际问题
(3)可访问性:APP可以应用于不同的场合,满足不同类型用户的需求
(4)可取性:APP要有吸引力,解决问题,留住用户,创造积极的用户体验,让他们想不断回来
管理和规划植物的浇水是一个相对较小的需求,但在对生活质量有要求的用户中,它的市场不小。相应的,这个APP要有醒目的视觉设计,因为在日常生活中使用不太频繁。所以设计师要让它看起来足够优雅,在使用体验上给人一种成熟老练的感觉,以满足用户对品质和审美的需求。
第三,设计过程
当绘制UX线框时,设计师为该应用程序规划了以下基本功能:
(1)在应用程序中添加新植物
(2)推送通知,提醒用户给植物浇水
(3)针对具体的植物,为用户提供具体的保护信息和建议(4)为用户提供下周浇水养护计划,并进行统计
四、APP制作的应用布局设计
接下来,我们来看看整个APPlication的布局是如何设计的,设计师是如何为规划的功能设计整个app的交互流程的。
1.首先,用户可以在这个界面上把自己的植物添加到目录中。下图中,用户添加的不同植物显示在不同的标签页中,标签页上显示了相应植物的名称,而下次需要浇水时,标签页上会显示相应的提醒。在标签的右上角,将使用水滴图标来指示植物需要浇水,而被浇水的植物的标签上将显示一个复选标记来指示它已经被浇水。
2.这种信息组织模式允许用户在当前屏幕下快速获得每个植物的当前状态以及是否需要浇水。每个标签的背景都用一张特定植物的图片,视觉上有更明显的区别。如果用户想添加新的植物,只需要添加一张照片,如下图所示。
3.进入每个植物对应的子界面后,底部会有一个功能强大但足够的标签栏,包括三个基本的交互区域:“我的植物”打开浇水跟踪目录,“添加新的”按钮允许用户添加新的植物,“我的档案”允许用户查看相应的历史数据和统计数据。
4.添加植物只需要很短的时间。当用户使用移动设备拍摄植物时,APP会通过图像识别拍摄的植物类型,并通过后台数据库调解相应的数据,包括植物名称、特殊植物图片、与植物相关的维护条件和数据等。其中最重要的数据包括温度、湿度、照度。添加工厂后,用户可以在自己的列表中看到工厂的当前状态。如果APP的数据库中没有对应植物的数据,用户也可以手工添加,新建一个项目,添加到APP的数据库中。这种设计有几个优点。首先,它会增加APP本身的扩展能力,让用户产生内容。另一方面,会通知APP的开发者,让他知道数据库中有哪些数据需要改进,让用户更流畅的使用产品。
5.接下来我们来看看APP跟踪用户浇水的一些详细设计。当植物需要浇水的日期到来时,APP会发出通知,督促用户浇水。打开植物对应的页面,用户会看到:
(1)用户将在屏幕上部看到植物的名称和背景图片(2)页面中间有标签交互区,可以快速切换到其他植物进行浇水
(3)屏幕底部有低对比度的标签导航和抽屉控件,打开后可以显示植物的相关信息
页面中间的交互区不仅可以快速切换到其他植物的页面,还可以继续扩展。资料片后会展示本周的浇水计划表,你可以看看还有多少工作要做。该模块的显示背景为黑色,使得信息地图的显示具有足够的对比度和时尚性。在信息图的呈现中,通过结合加粗的非衬线体,信息的可读性非常强,整个布局的视觉水平也有所提高。
当用户收到提醒并给植物浇水时,只需点击水滴图标,其状态将变为复选标记,表示操作已经完成。
设计师还添加了微妙的动画,以增强交互反馈,增强整个界面的可用性。
移动APP的设计主要是帮助用户解决生活中的各种问题,设计一个真正适合用户的,能流畅自然解决问题的界面,考虑所有情况,处理不同场景,让信息自然呈现,内容足够高效时尚。在设计中,要结合网站建设的经验,学习网站的优点,牢记传统互联网的缺点,找出用户的需求,设计有价值、依赖用户的产品。