基于手机端智能时间管理APP界面设计研究

孙海鸿 董依颖 陆 颖 上海工程技术大学

引言

在当今时代这个信息速度高速流通,科技网络呈现出极速发展的时代。 由于手机的发展趋势极快直接导致每个人日常生活和通讯工具离不了手机。 我们在手机上获得各类好处和便利的同时,他也给我们带来了一个巨大的隐患——注意力难以集中。 同时,长期玩手机会造成生理和心理上的一定的伤害。 因此,智能时间管理类APP 应运而生,通过“排除不必要的干扰”作为设计切入点,个性化的智能时间管理APP 的界面设计是十分重要的。

1 时间类管理APP 界面设计原则

1.1 对用户的个性化分析

智能时间管理类APP 能让用户成为APP 的制作者之一,根据APP 内已设定的内容,可以使用户自主完成部分设计,同时用户也可以根据自己的日程与时间安排进行自主设置。 在相关设置中,一些设置具有改变整体风格的功能,用户可以根据自己的喜好设置背景和风格。 这样的操作,可以抓住用户追求个性化的心理特点,吸引更多用户前来使用。

1.2 智能化

进过各种分析调研各类手机用户,得知大部分用户在使用手机APP 应用时,主要遵循以下两种类型的逻辑:

(1)经验性特征。 众所周知,人类认知活动的基础就是身体经验。 用户会根据自己以往使用APP 的经验来判断一些图标的具体位置以及应有图标的大致种类。

(2)易操作性特征。 一个APP 的界面设计过于费脑、复杂则会给使用此APP 的用户带来烦躁与挫败之感,不利于用户对这个APP 好感度的提升。往往一个操作较为简单,容易上手的APP 则会传播的更加广泛,用户驾驭APP 的成就感越高,使用率就会越高。 应用程序不仅需要良好的视觉表现,还需要流畅、完美的互动体验,并能在短时间内掌握这款应用的使用逻辑。 同时,界面设计也需要紧跟趋势,不断更新,产出符合大众审美的作品与内容。

1.3 风格化

风格化的内容包含很多,以色彩为例,不同色彩的选择可以刺激着用户的感官,以激发出其自身内心的主观感受。 在生活中,很多公司会通过铺天盖地的推广,将自己的产品和某些颜色进行绑定,如哈罗单车的蓝,可口可乐的红等等。 这种色彩营销的作用可以让人们更容易记住产品,并使用更明亮、更纯净的颜色来吸引用户的注意力,如网易云音乐、支付宝、微信等。 时间类管理APP 常见的具有风格化的有:时光序、Dislike、滴答清单等等。 这类软件大部分都运用简约的色系,总色系在二到三种之中,便于用户记住其应用软件的特点。 除了色彩之外,很多手机界面还采用了极简风、像素风、清新可爱风等。

2 时间类管理APP 界面设计实践分析

根据以上的相关应用软件分析,笔者与相关团队成员共设计了一款的时间类管理APP。 其名称为海绵时间管理APP。 “海绵”二字来源于名言“时间就像海绵里的水,要想挤总还是有的”。 由此希望用户在使用该APP 的时候不仅能充分利用时间,管理时间,也希望用户在使用过程中能够体验到管理时间的种种便利与乐趣。

2.1 “海绵”APP 界面设计简介

根据之前的设计调研分析,笔者与相关团队试图对海绵时间类管理APP 进行界面设计。 此款APP 除了闹钟功能外,还有天气,路况,实时公交等信息展示,对课业繁忙的学生,工作繁重的工作人员,以及对时间有明确要求的用户有很大帮助。 海绵APP 可以让用户根据个性化需求,对出行中的天气,路况,交通各环节进行筛选,通过参考实时数据来塑造自己的出行安排。

2.2 创新点

海绵APP 运用到了简洁页面,功能简练,针对性强,操作简单,将闹钟与日程安排有机结合并增加天气,路况,实时公交等信息,在预定的闹钟响起时根据用户个人情况,界面会提供天气,路况,实时公交等提醒用户是否需要带伞,最佳路线推荐,xx路公交预计几点到达等信息,智能地进行时间管理。

2.3 界面设计流程

刚开始我们从确定了APP 界面设计类别和APP 各类应用内容大纲、绘制草图、选择文字格式、确定色彩搭配及风格设计到细化交互按钮和用途。项目成员通过评测类似APP 来确定软件的应用大纲,在吸纳优秀内容的同时,做出自己APP 的风格。

通过对各类APP 的体验,对用户的思维逻辑和操作习惯充分把握,考虑并分析出关于用户界面的流程设计,充分利用对“把握时间群体”的用户调查,我们最大限度地优化调整APP 功能,做到调整优化用户所需的页面布局提取,制作出界面设计流程图,如图1 所示。 在此基础上确定了我们的APP是包含天气,路况,时间,事项这些方面,侧重点在事项,界面设计类别风格定为简洁。

图1 “海绵”APP 的界面设计流程图(图片来源:作者自绘)

我们在参考了这些内容的基础上,也添加了许多属于自己的元素。 大背景最终的决定是最简洁的背景,并对它的颜色搭配、图案排布进一步调试以求最佳效果。 到了内容部分,就需要对这方面深入调查,边制作边讨论,而后敲定了界面布局和交互按钮的展现形式。

在此基础上,将“把握时间群体”的目标同用户的心理感受进行紧密结合。 最终以获得准确详细的事务信息为的必备前提,通过“海绵”APP,用户根据个性化需求,对事务中的天气,路况,交通各环节进行筛选,通过参考实时数据来塑造自己的时间安排。

2.4 实践成果

如图2 所示,视觉设计的呈现是App 对用户的第一印象,海绵APP 整体使用简约清新的风格。

图2 “海绵”登录注册界面展示(图片来源:作者自绘)

时间界面布局提供了一个清晰准确地显示内容的平台。 图3 中待办事项的名称、时间段等以直观、有顺序的形式呈现在待办事项栏目框中。 主页面使用户能够直观地看到以月为单位的日历,跳转页的图标和相应任务安排。

图3 “海绵”APP 主界面(左)和待办事项界面(右)(图片来源:作者自绘)

界面提供可点击图形元素进行交互的功能,将简洁直观的图形作为重要的设计元素,充分利用点、线、面的组合,对界面进行合理设计,使界面既简洁又不失特色。 如图4。

图4 “海绵”界面图标元素设计(图片来源:作者自绘)

“海绵”APP 以“抓紧时间”的目标和习惯出发,满足用户计划配合学习和工作的时间管理,优化调整事项时间段和出行习惯。 将常用地址,最近浏览等出行方面习惯进行记录,根据大数据采集,达到精准提醒用户出行工具和状况。 如图5。

图5 “海绵”界面路况出行展示设计(图片来源:作者自绘)

除此之外,为了方便用户对时间的把控,APP会采集大数据的信息,精准提醒用户当天天气。 在使用过程中,可以清楚地看到图6 所示的天气的变化和所需物品的建议。

图6 “海绵”界面天气设计展示(图片来源:作者自绘)

结束语

通过结合实际的调查现状和理论的研究分析,考虑“把握时间群体”的特征及需求,对市面上拥有类似功能的APP 进行参考优化,最终形成“海绵”APP 的界面设计。 在设计过程中,设计师需要以人为本,充分了解“把握时间群体”的用户心态,把握用户的心理,紧跟时代,虽然把握时间不是易事,但是通过智能化的时间管理APP 可以为用户提供更多的帮助,这也是相关设计师的职责所在。