E丢丢App重设计总结
E丢丢学习App是华夏大地教育可以有限公司旗下的一款产品,专为提升学历者打造,它整合了线上+跟踪的 (E平台)功能,方便工作人员随时随地管理账号、跟进学员;同时还可以随时了解教育行业的新闻资讯、一对一求职招聘、参加考试等!
该产品在2012年3月开始做,2012年9月上线1.0版本,2019.7月更新迭代2.0版本,现在仍然在持续地迭代和优化。在这个产品中,我担任视觉设计师,负责80%的设计工作,2.0版本全部由我独立负责,完整地参与整个项目周期。您也可以在这里观看:On Behance | On Zcool | On Dribbble
项目背景
公司战略和市场分析
青橙在创业初期的主要产品“青橙健身房管理系统”是一款Web端的 SaaS 产品,青橙一直把业务聚焦在B端客户——即健身房上,而随着时间的累积,这个市场将会越来越趋向饱和,而每个健身房包含多名教练、管理者等健身从业者,且随着健身风潮的流行、人们消费能力的升级,健身从业者也在不断增加,因此在这个阶段青橙思考将目标用户从“健身房”这个团体转向“健身从业者”的个体,扩大用户群体,发掘更大的市场,尝试更多能满足健身从业者需求的业务,探索更多的可能性。
另一方面,通过调研我们了解到,市场上针对“健身房从业者”这一范畴用户的产品比较少,大多数产品的用户都是单一角色,如教练或销售,这就导致健身从业人群都是分散的,而青橙正好可以利用已经积累的B端资源,以健身房管理系统为切入点,将健身从业者聚集起来,打造健身从业者的平台,进而实现更多的价值。
产品目标
以健身房管理系统为切入点,打造一个健身从业者的平台,健身从业者的聚集地。

我的角色
在这个产品中,我独立负责1.0版本的所有交互与视觉设计工作,参与产品讨论,整理产品需求,梳理用户核心流程,设计产品的页面布局和信息框架,输出视觉稿,与产品经理、工程师协作让方案落地。

目标用户和需求分析
一个传统健身房里通常包含管理者、教练、前台、会籍顾问等多个角色,各个角色的工作范围和需求有所不同,我们要提供什么样的服务来满足各个健身从业者的需求?通过用户访谈和用户观察,我们整理了不同角色用户日常的工作内容和需求,我们可以把这些需求大致分为两类:健身房办公需求、个人职业发展需求。

设计目标
站在设计的角度,从产品目标和关键词推导设计目标,为了打造健身从业者的聚集地,就必然需要兼顾健身行业中各个角色的需求,当然为了公司盈利,还需要吸引场馆完成付费。

设计关键点
和产品经理一起讨论用户需求后,我更多地站在设计的角度,分析思考其中的设计关键点,在已确认的产品逻辑的基础上,提出自己的想法和建议,寻求更好的解决方案。

解决方案
1)产品结构:健身房办公在用户需求中占很大的比重,是用户较常使用的功能,也是青橙的核心业务,因此把它设计为一级页面;而用户个人职业发展需求,如求职招聘、学习培训等,虽有需求但使用频率并不高,因此把这一类的功能都收到“发现页”里,和“健身房”并列为一级页面,同时发现页还承载了青橙的运营需求。



2)与后台SaaS的对接:由于Web端和App端使用场景和操作习惯的差异,在App里我 大专栏 E丢丢App重设计总结们并不是完全照搬Web端的功能,同时部分功能我们也只在App端提供,如健身房会籍顾问跟进会员的功能,我们就将重点放在App端,这是考虑到会籍跟进会员大多是全天候的,App显然方便很多;而添加商品、编辑等操作,则是在Web端操作更高效,对于这类操作,App端会提示用户扫码到Web端使用。

3)连接用户与健身房:在这个产品中,用户可以不必依赖健身房而存在,使用系统的健身房可以邀请它的员工,反过来,我们也希望通过个人用户来push他所在的健身房使用青橙的系统。用户可以创建自己的健身房,也可以加入同事创建的健身房或者邀请同事加入自己的。

4)快速开始:前面提到健身房中的每个角色日常工作内容都不同,而每个健身房的服务范围也是不尽相同的,那么在无法得知用户身份的情况下,我们应该呈现哪些功能给用户?用户第一次打开产品后又该如何快速找到自己想要的内容?在这里我们做了一些引导,在首次创建健身房时,我们要求用户选择健身房的服务内容,然后根据所选的服务内容,定制化常用功能,这样后续加入的员工都能在健身房首页找到与自己相关的功能,当然,每个用户也可以定制自己的常用功能。

5)免费与付费:我们开放了部分免费功能给基础用户,保证个人用户的使用,对部分的健身房功能做了“Pro”的标志,如添加教练、场馆运营功能等,即:你可以一个人用该系统来管理工作,但如果你要给所在健身房使用,请付费。同时对新场馆给予了首月¥39.9的体验价,吸引用户体验 Pro 版本。

6)减少用户的学习成本:由于目标用户的多元性,在交互上我们遵循 iOS 和 Android 平台的交互规范,在基础交互上减少不必要的创新,减少用户的学习成本,兼顾各个层级的用户。
部分接口展示
完整的项目展示可以在这里观看:On Behance | On Zcool




项目成果
产品上线后,由于免费版的开放,确实为青橙带来了很多用户,“发现”频道的学习培训、求职招聘等模块也成为吸引用户的主要服务,收获了许多用户的好评,但同时也存在着一些不足。如场馆的付费转化率不高,数据显示,虽然注册开通场馆的数量很多,但付费的场馆并不多,分析可能有几个原因:注册的用户大多为个人用户,免费版已经可以满足他们的需求;加入场馆的引导还不够明显,导致同一家健身房的不同用户反复创建,造成重复的脏数据;功能和体验没有达到用户的预期,不愿意付费。但在没有具体数据支撑的情况下,这些只能停留在猜测,在后续的迭代当中,还需要根据数据团队收集的数据来找出原因,进一步优化。
以下数据分别来自青橙官网和 App Store:

项目总结
在参与项目整个周期的过程中,踩过很多坑,但也因此收获了成长,设计远远不是停留在输出的那几张接口,前期对产品的参与、后期与工程师的协作、对方案的反复质疑和推敲,才有了最终呈现的样子。
制定设计目标
在开始设计的时候,问问自己是否已明确了解了项目背景、公司战略和规划、项目目标等,这些是设计的大方向,根据这些大方向制定设计目标、关键点,保证自己正在一条正确的道路上行驶。
在恰当的时候建立设计规范
我认为在产品1.0后去建立完善的设计规范为最佳,包括交互规范、视觉规范,甚至产品规范。太早产品还没有成型,可能会反复修改;太晚产品已经做了那么多,积重难返。在早期的时候,我们虽然有简单的视觉规范,但发展到后来,发现远远不够,这时候再回过头补就会很吃力,成本要高得多。
沟通和信息同步
在工作当中最怕听到上游的人说“我早就说过啊”、下游的人说“我不知道啊”,项目中有任何方向上的变动一定要及时沟通,保证信息同步,保证大家的认知大体一致。
E丢丢App重设计总结的更多相关文章
- Android App的设计架构:MVC,MVP,MVVM与架构经验谈
相关:http://www.cnblogs.com/wytiger/p/5996876.html 和MVC框架模式一样,Model模型处理数据代码不变在Android的App开发中,很多人经常会头疼于 ...
- iOS设计 - 一款APP从设计稿到切图过程概述
这篇文章站在GUI设计师的角度概述了APP从项目启动到切片输出的过程,相当于工作流程的介绍.这里写的不是一种规范,只是一种工作方法,加上技术的更新是非常快的,大家在具体工作中,一定要灵活运用. 这里我 ...
- app后端设计--总目录 (转)
特此说明,我转载的!!! app后端设计(1)--api app后端设计(2)--xmpp的使用 app后端设计(3)--短信,邮件,推送服务 app后端设计(4)-- 通讯的安全性 app后端设计( ...
- 【转】App架构设计经验谈:接口的设计
App架构设计经验谈:接口的设计 App与服务器的通信接口如何设计得好,需要考虑的地方挺多的,在此根据我的一些经验做一些总结分享,旨在抛砖引玉. 安全机制的设计 现在,大部分App的接口都采用REST ...
- app后端设计(12)--图片的处理
app上线后,不断接受用户的反馈,于是,反馈非常差的情况下,都会有app的改版. 一旦app的改版,都会有比较大的UI改动,一改动UI,那么图片的尺寸也就必须要改变. 在app后端设计(1)—api( ...
- APP UI设计及切图规范
APP UI设计及切图规范 1.概述 1.1 编写目的 该文档主要针对移动端开发的视觉设计和开发过程中的工作环节做统一的规划规范,是系统进入UI设计的前置文档.部分内容来自网络收集修编,转载请注明由 ...
- 26款能够吸引用户的 iPhone App 界面设计
在这个移动互联网告诉的时代,众多的移动应用程序涌现出来.谁能抓住用户的注意力,谁就有可能成功.在下面这些移动 App 界面设计中,你可以看到不同创意类型的视觉效果,让你获得灵感. 您可能感兴趣的相关文 ...
- APP设计尺寸规范大全,APP界面设计新手教程【官方版】(转)
正值25学堂一周年之际,同时站长和APP设计同仁们在群里(APP界面设计 UI设计交流群,APP界面设计⑥群 APPUI设计③群58946771 APP设计资源⑤群 386032923欢迎大家加入交流 ...
- 最实用的APP界面设计知识,有温度的APP设计(转)
在逛简书的时候,无意之间看到了这样的一篇非常有意思的app设计博文.顾25学堂的摘录了其中的一些关于移动端APP界面设计的精华.分享给25学堂的app设计师们. 当然,下面的这些app设计知识点是来自 ...
随机推荐
- 在vSphere群集中配置EVC的注意事项
原路径:https://blog.51cto.com/wangchunhai/2084434 个人觉得有一点写的有出入: 2 vCenter保存在本地存储中,无共享存储 中主机图片和描述信息有异常. ...
- 同行评审|keywords
审稿流程: 初审 直接被拒,editor开组会讨论的结果 论文水平低 不符合刊物宗旨和要求 同行评审: 单盲评审 双盲评审:限制审稿人倾向 公开评审PNAS Analyse search result ...
- JavaScript—原生轮播和无缝滚动
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
- goahead调试经验
一.参考网址 1.源码的github地址 2.Web开发之Goahead 二.技术细节 1.默认网页的存放目录和名称 1)目录:在main.c文件中有*rootWeb定义,如: 2)网页名:在mai ...
- LeetCode——739. 每日温度
根据每日 气温 列表,请重新生成一个列表,对应位置的输入是你需要再等待多久温度才会升高超过该日的天数.如果之后都不会升高,请在该位置用 0 来代替. 例如,给定一个列表 temperatures = ...
- 17。3.12---re模块--正则表达式操作指南
1----python re模块(Regular Expressioin正则表达式)提供了一个与perl等编程语言类似的正则匹配操作,他是一个处理python字符串的强有力的工具,有自己的语法和独立的 ...
- php中openssl_pkey_get_private()函数遇到false的问题 解决办法
今天用openssl_pkey_get_private()函数遇到了一个大坑: 如果你的私钥文件(private_key.pem)是 -----BEGIN PRIVATE KEY-----字符串字符串 ...
- 【按位dp】文盲的学习方法
当年大神的文章 <浅谈数位统计问题> 对于没什么文化(x 没有充分时间或懒得看那么多理论 应付个水考试的我 eg:62问题 某大大的代码和分析 #include <iostream& ...
- Linux进程的引入
1.什么是进程? (1).进程是一个动态过程而不是静态实物 (2).进程就是程序的一次运行过程,一个静态的可执行程序a.out的一次运行过程(./a.out从运行到结束)就是一个进程. (3).进程控 ...
- swoole使用异步进程通信
$process = new swoole_process(function($pro){ $pro->exec('//linux中的php命令所在绝对路径', ['//执行文件绝对路径']); ...