Happiness AI 2.1
四月份的时候，我在尼泊尔进行了一次自我探索的探险——徒步旅行、喝马萨拉茶、描绘自然。我一点儿也不知道这一切都变成了 3 周的“搁浅”状态，尽管这是一个完全不同的故事。一个有趣的巧合是，当我在壮丽的喜马拉雅山旁，走在我个人的“寻找人生的正确道路”之路上时，我收到了一封信。
它提到了创造“一种可以帮助人们在生活中实现最高潜能和幸福感的技术”的机会，而“快乐和丰富的情绪”是必须的。
任务
使用新品牌更新现有应用程序的视觉设计，并进一步开发产品的 MVP 版本。
设计挑战
促进人类幸福
设计目标
- 主要目标受众是 Z 世代；
- 独特的设计（视觉和用户体验）是应用程序的关键元素；
- 能够创造多个概念的开放性是非常值得赞赏的。
01
讨论应用程序的当前状态
Happiness AI 1.0
市场上已经有一个现有的Happiness AI应用程序。首先，我探索并分析了它的工作方式。在我们第一次登录时，我注意到了以下问题：
- 过度填充的新手页——一个页面上的元素太多，需要进一步分为更小和更简单的步骤；
- 黄底白字——对比度低；
- 当有两个同样明亮的 CTA 时，主屏幕感觉空荡荡的；
- 由于饱和度降低，反馈表情符号的非活动状态令人困惑。
此外，我注意到阴影太强，侧边菜单可能会变成底部导航。
02
带来全新的视觉风格，更新新手体验
当涉及到新项目的第一步时，有时我更喜欢从温和的方式开始。通过这种方式，可以帮助我更好地了解客户的偏好——亮度是否足够，或者颜色可以更加丰富多彩？
这就是为什么一开始我选择了柔和的调色板。基于现有的渐变，我使颜色更干净、更明亮。在第一个渐变之后，下一个屏幕的颜色渐变更小，更多地关注元素。
应用程序的前三个页面
新手流程分为：
- 启动；
- 填写姓名；
- 什么让你快乐？——选择感兴趣的；
- 兴趣类别选择。
这样每次我们要求用户做一个简单的选择时，只需在每个页面上点几次，而不是在一个页面上做全部的选择，这样有可能根本不检查所有项目。
兴趣和类别
这个想法也是为了创建一个颜色代码，其中每个兴趣都有自己的颜色——紫色代表艺术，绿色代表生活方式，粉色代表爱情等等。接下来的每一页都有图标，在进一步的更新中，将变得更加简单和简约。
反馈如何？
**“太好了！但是颜色要更明亮吗？”**
03
进入更明亮的版本
增加了更多对比度之后，流程也发生了变化。我决定专注于 5 个主要的兴趣：
健康、生活方式、社交、智慧和目的。 因此，我们不再需要用户去选择兴趣。
更新流程
虽然它添加了一个提示，让用户在每个兴趣页面上滑动类别列表，但类别本身不够独特。
解决方案是？
我们想要每一种兴趣都有唯一的渐变！
为每个类别添加不同的渐变
这绝对是设计过程中的一个转折点！
从现在开始，我们开始探索如何将兴趣的渐变与应用程序的其他屏幕结合起来。
此外，我们使它更明亮。但首先，让我们来看看细节。
1.兴趣图标
我的想法是创建简约的图标，不会引起太多关注，同时又能够增加每个兴趣的区别。
兴趣图标
每个图标都由作为主要基本元素的圆圈组成。更仔细地观察这些图标的排列，会发现每一个都有不同数量的元素—— 2 个圆形加一颗心代表健康、6 个以上的元素代表了智慧。
以下是与当前设计相比，具有更多标准图标的第一个概念的外观：
第一次迭代与当前设计的比较
2.“我感觉如何”图标
我们要求获得用户的情感反馈。在这种情况下，我们习惯于将星星作为常见的图标，但如果我们将它们与情感表达结合起来会怎样？
反馈表情
色彩的力量是无限的。 将它们放置在纯白色区域，我们不仅可以通过放置的顺序，而且还可以借助颜色来清楚地区分某种情绪。
3. CTA 激活状态
在这里，第一个状态是今日 Happiness AI 想法的页面，以及下图的“从哪里开始”和“分享”的选项按钮。这样的页面可以根据兴趣类别具有不同的背景渐变，因此，强调 CTA 按钮的最佳方法是将它们设为白色。但激活的按下状态呢？
“从哪里开始”激活状态
针对这个操作，我们提出了使整个页面变暗的解决方案。冷色调渐变代表“了解更多”，暖色调渐变代表“采取行动”。图标增加了对该区域的浏览速度。
4. 字体样式
两种主要的字体Raleway和Backslash——圆角友好的无衬线字体用于主文本，优雅的衬线字体用于数字以强调重点。
经过几次测试，我们提出了仅使用小写字母的解决方案。我们大多数人都习惯用小写字母输入，这并不是什么大秘密。它确实更快、更容易。此外，这是Happiness AI 应用程序的主要目标受众 Z 世代最常用的方法。
小写字母也意味着对话的简单，更直接和随意的方式，这正是我们所希望的应用程序。
核心功能
目前，可以在现有应用程序中看到的核心功能集中在以下几个方面：
- 接收每日快乐语录；
- 用行动计划创造你自己的快乐想法；
- 指定“什么让我快乐？” ，通过 AI 技术更精准地贴合你的生活方式。
当前应用程序的屏幕
我们正在开发该应用程序的更多篇章。未来的更新将提供一些有趣和娱乐的功能，以及更多将你的快乐和生活时刻集中在一个地方的方式。
在导航方面，我们的想法是直观的过渡和流程，因此，某些部分不会一直显示，而是在几秒钟后隐藏。通过简单的滑动即可到达其他部分。
04
品牌定位
图标创建
简单是关键，应用程序图标是用户看到的第一个元素。我们的主要想法是让它尽可能简单。它主要由一个渐变的圆组成——日出和天空的颜色。
在安装应用程序之前，还可以让你获得好感的是起航页。简短出现后是实际的功能界面。我们希望让人认为“ Happiness AI” 是一款明亮而独特的应用程序，因此决定在截图中添加更多的渐变。
应用程序在应用商店中的外观
目前，该应用程序的主要受众是那些能够产生共鸣的早期使用者。虽然还有很多东西需要开发才能实现完整的想法，但已经看到了潜力。
05
结论
虽然我对这款应用程序的整体理念感到非常满意——提高人类的幸福感——但我也喜欢引人入胜的设计过程。作为一名设计师，我经常面临着寻找更多变化和从不同角度看待问题的挑战。
我喜欢这种方式，因为这让移动应用界面设计充满活力、不断发展。当你在一个受约束的工作环境中工作时，这种事情不会经常发生，并且新奇的想法根本不受欢迎。
有一次，当我在喜马拉雅山寻找幸福时，我发现了一个项目，它的使命不仅是为我，而是为世界各地的十万人拓展幸福的视野。这真是一段令人兴奋的旅程。
_真开心可以成为用户体验设计师，能让人们生活的更快乐，更简单。你觉得呢？_
ABOUT US
参考文章：
Case Study: Happiness AI app. How to create one of a kind design that brings happiness
作者：Ludmila Shevchenko
译者：设计小菌
为尊重版权和译者
转载请联系我们