我曾经设计了一个移动APP的UI,里面集合各种有关UI设计作品的风格、主题,有各种高逼格的图片,提供给特定的网站和APP供用户学习,因为自己对作品要求很高,也因此锻炼了我的视觉设计的能力。
有一点要说明的是:这个项目里面只关注UI设计ui设计,而不包含除此之外的其他UX设计。比如用户研究、对比检验、用户旅程地图的绘制Bsport体育、信息架构等等。
用户想要学一些新的东西的时候,往往找不到合适的课程,要么找不到合适的平台。我设计的这个APP就谁为了解决这个问题的。
通常一个APP的定位都是以文案的形式展示出来,要让用户在第一次接触到产品的时候就知道是产品的作用。因此文案表达的内容一定要清晰明了,最好用一些好记的、吸引人注意力的。
我用了一句话介绍BetterMe这个APP:yeah,帮你找到最好的课程和培训班!
建立用户画像是很有必要的,根据用户的特点,包括需求、目的、行为特征等等建立用户画像,用户画像包含的信息越详细,对产品的设计越有帮助。
在对用户的行为和目标有了很好的了解之后,我就把一些APP里面需要的关键信息用线框图画出来。主要包含以下内容:
1、课程列表(按照热度、附近、即将上线、搜索(按照类型、价格、位置、比例等进行排列)
情绪板在设计的过程中发挥了重要作用。情绪板通常由图片、文字、主题组成,是除了页面板式之外用来传达设计者包含在其中的感情的媒介。
下图是我创作的两种不同类型的情绪板,对应不同的用户组使用。左边的风格安静、干净、小巧,对应的用户分类为学习型和研究型的。右边的是年轻活力型的,富于变化,传达的是激情和积极的情绪。
然而,情绪板对大多数人来说都太抽象了,而且想要用情绪板表达和用有形的视觉设计元素一样的效果,也是一个难点。
模块化示意图能给用户形象化地展示每一个视觉设计元素组合在一起的效果。我在15个朋友中做了调查,让他们选出最喜欢的风格,发现2/3的人更喜欢第一种风格。以下是他们的一些原话:
第二种风格看起来更刺激Bsport体育,但是对于一个课程清单类的APP来说似乎有点过了。
因此,往往很多公司和团队都是到了一定的产品阶段才开始注重 Style Guide 沉淀,这时的工作重心更偏业务和体验优化,迭代也更多遵循已有的样式ui设计,规范的重要性才得以体现。