UI设计师APP思维养成计划 ——ofo共享单车设计解析
低效率的出行状况已经无法满足快节奏的城市生活,两点一线的生活半径和不断加速的城市改造,
让外来人融不进来,也让原住民忘了城市本来的样子,
正因如此,ofo 共享单车怀揣“随时随地有车骑”的朴素愿景来到城市,试图满足人们短途代步的需求,
更用这辆单车,重新丈量人们经过的每一条路线,找寻与城市的全新连接方式。
上面是ofo官网上的话,简单又美好,但真正要实现不像说的那么容易了。
毕竟他不是公益组织,每人发个自行车完事,哈哈!
既然是商业行为就要求盈利,要求市场,要求注册,要求口碑,要求对投放进行管理等等等,
当然里面还有社会行为。
作为共享单车领域规模最大的企业之一,ofo近日决定在升级2.0版本APP时放弃此前使用的ofo共享单车名称,改称ofo小黄车。
ofo官方表示,这是用户赋予我们的名字,ofo也会致力于将用户出行的最后一公里变成最美一公里。
接下来和大家一起研究一下ofo共享单车APP2.0版本的使用及设计解析:(截图为ios版本截屏)
闪屏页面:
“闪屏”又叫“启动画面”,最初移动端App上的“闪屏”是苹果为了解决应用冷启动加载时间长的问题,而采用的一个取巧的办法:先显示一张图片或一段动画效果,停留数秒钟后消失以示程序加载中。
有显示LOGO的,也有干脆放个“菊花”转半天的,也有的放个应用首页的轮廓图。
真可谓八仙过海,各显神通。
视频情景带入注册
众所周知注册是用户最不想做的,首先繁琐,特别是小黄车这种还要上传各种证件。那用户启动应用程序的目的是希望骑车去目的地,此时你的启动画面是一个流畅且舒心的情景视频。
那么注册的欲望是不是高了那么一点点,启动画面应当更有意义,要能为用户体验做出贡献,要能充当产品和用户之间产生互动的桥梁。
当然这个也不是小黄车的专利,好多其他应用也都有,比如QQ的登录页也是这样的视频情景带入。
注册页面:
注册页面最重要的原则就是让用户填写的信息尽量最少。不要一上来就是一整页填写,看着都累。
用户体验不佳。
那么该有的信息还得有啊!
小黄车这样的做法可以考虑,分步填写,显得就没那么多了,每个步骤之表达一件事。
APP的注册页的确学问很大,也很重要,很多应用都止于注册,如何让用户方便、快捷、愉悦、无忧的注册将是一个永恒的话题。
那么现有APP注册登陆方式都有那些?
社交账号注册登录
社交账号登录简化了登录注册流程,体验有所提升,更便于获取社交网络的熟人关系链,有利于后期推广。
但要是借助于第三方,方便用户注册。
市面上大多APP都是可以社交账号登录的比如:same、馒头商学院等
分步填写注册登陆
腾讯的分布式注册目前是体验最好且效仿最多的登陆注册方式
手机短信注册登陆
快销一类的APP产品侧重于快速方便的让用户下单,他们的登录注册流程提供了短信快捷登录的方式,用户通过输入手机号,收到验证码并自动填写直接登录到APP我的信息页面,极大的提高了下单的速度。
比如美团外卖、京东,美团,猫眼等追求用户快速下单促成交易的产品。
无需注册登录
当然还有无需注册的APP,主要是品牌展示形式或者自我宣传类。
这些APP的特点都是功能相对单一,比较『轻』,不需要用户信息就能使用所有功能,所以就不需要注册登录这个环节。比如:榫卯
还有一些APP是需要注册的,但注册之前你可以开启游客模式,也是可以用的,只是没有会员功能。
避免了注册之后发现没什么用,又多了一个没用的会员账号,这对于一个强迫症患者是非常重要的哦!比如:站酷(随意浏览)
合并式注册登陆
讨巧的做法把登录和注册方式合二为一,当检测到用户注册过则直接登录,如果没注册过弹出对话框提示注册并确认完成。
用这种方式的比较少,毕竟会给用户造成困扰,用户养成的成本比较大。
综上所述,一个优秀的注册登录页面,应该具有清晰的操作流程,良好的交互体验和简介明确视觉设计。
提示信息
我们继续回到小黄车,注册之后会有一波使用方法的提示。作为弹出框出现,设置关闭按钮,如果会用了可以直接关掉。
主页面
打开APP显示页面,最显眼的是扫码用车按钮,然后是定位,红包区。画面简洁整体,没有多余的元素。
只是有时候定位不准确老师跑偏,当然是技术问题,可能难度比较大吧!
扫码页面
点击扫码用车,默认开启镜头扫码,有的车牌比较小扫码并不方便,撅着屁股扫不雅观,可以点击手动输入车牌号出现第二张图,就可以输号用车啦!
天黑可以开启手电筒,不愿意手动输入还可以语音。
厉害了!!!
得到开锁密码,就可以骑走了。
同时APP还会记录你的骑行路线、时间、消费等情况,甚至生成一个形成列表。应该是给女朋友查岗用的吧!
个人中心
从设计上加入了弧形元素,和主页面相呼应,整体效果清晰简洁明了。
文字标题对应扁平图标,增加设计感,活跃由于内容较少页面较空的尴尬。
ofo 2.0版本APP在界面风格上进行了较大的改革,摒弃了繁复的界面,以更加简洁个性的姿态面向大众,让APP端的用户体验更加便捷轻快。
当然还有好多不错的APP值得我们学习和研究,平时多注意,多收集提升审美。提取别人的优点,建立自己的设计APP的思维模式。
官网: www.shiheui.com
—
让外来人融不进来,也让原住民忘了城市本来的样子,
正因如此,ofo 共享单车怀揣“随时随地有车骑”的朴素愿景来到城市,试图满足人们短途代步的需求,
更用这辆单车,重新丈量人们经过的每一条路线,找寻与城市的全新连接方式。
上面是ofo官网上的话,简单又美好,但真正要实现不像说的那么容易了。
毕竟他不是公益组织,每人发个自行车完事,哈哈!
既然是商业行为就要求盈利,要求市场,要求注册,要求口碑,要求对投放进行管理等等等,
当然里面还有社会行为。
![]() |
作为共享单车领域规模最大的企业之一,ofo近日决定在升级2.0版本APP时放弃此前使用的ofo共享单车名称,改称ofo小黄车。
ofo官方表示,这是用户赋予我们的名字,ofo也会致力于将用户出行的最后一公里变成最美一公里。
接下来和大家一起研究一下ofo共享单车APP2.0版本的使用及设计解析:(截图为ios版本截屏)
闪屏页面:
![]() |
“闪屏”又叫“启动画面”,最初移动端App上的“闪屏”是苹果为了解决应用冷启动加载时间长的问题,而采用的一个取巧的办法:先显示一张图片或一段动画效果,停留数秒钟后消失以示程序加载中。
有显示LOGO的,也有干脆放个“菊花”转半天的,也有的放个应用首页的轮廓图。
真可谓八仙过海,各显神通。
视频情景带入注册
![]() |
众所周知注册是用户最不想做的,首先繁琐,特别是小黄车这种还要上传各种证件。那用户启动应用程序的目的是希望骑车去目的地,此时你的启动画面是一个流畅且舒心的情景视频。
那么注册的欲望是不是高了那么一点点,启动画面应当更有意义,要能为用户体验做出贡献,要能充当产品和用户之间产生互动的桥梁。
当然这个也不是小黄车的专利,好多其他应用也都有,比如QQ的登录页也是这样的视频情景带入。
注册页面:
注册页面最重要的原则就是让用户填写的信息尽量最少。不要一上来就是一整页填写,看着都累。
用户体验不佳。
那么该有的信息还得有啊!
小黄车这样的做法可以考虑,分步填写,显得就没那么多了,每个步骤之表达一件事。
![]() |
APP的注册页的确学问很大,也很重要,很多应用都止于注册,如何让用户方便、快捷、愉悦、无忧的注册将是一个永恒的话题。
那么现有APP注册登陆方式都有那些?
社交账号注册登录
社交账号登录简化了登录注册流程,体验有所提升,更便于获取社交网络的熟人关系链,有利于后期推广。
但要是借助于第三方,方便用户注册。
市面上大多APP都是可以社交账号登录的比如:same、馒头商学院等
![]() |
分步填写注册登陆
腾讯的分布式注册目前是体验最好且效仿最多的登陆注册方式
![]() |
手机短信注册登陆
快销一类的APP产品侧重于快速方便的让用户下单,他们的登录注册流程提供了短信快捷登录的方式,用户通过输入手机号,收到验证码并自动填写直接登录到APP我的信息页面,极大的提高了下单的速度。
比如美团外卖、京东,美团,猫眼等追求用户快速下单促成交易的产品。
![]() |
无需注册登录
当然还有无需注册的APP,主要是品牌展示形式或者自我宣传类。
这些APP的特点都是功能相对单一,比较『轻』,不需要用户信息就能使用所有功能,所以就不需要注册登录这个环节。比如:榫卯
![]() |
还有一些APP是需要注册的,但注册之前你可以开启游客模式,也是可以用的,只是没有会员功能。
避免了注册之后发现没什么用,又多了一个没用的会员账号,这对于一个强迫症患者是非常重要的哦!比如:站酷(随意浏览)
![]() |
合并式注册登陆
讨巧的做法把登录和注册方式合二为一,当检测到用户注册过则直接登录,如果没注册过弹出对话框提示注册并确认完成。
用这种方式的比较少,毕竟会给用户造成困扰,用户养成的成本比较大。
综上所述,一个优秀的注册登录页面,应该具有清晰的操作流程,良好的交互体验和简介明确视觉设计。
提示信息
![]() |
我们继续回到小黄车,注册之后会有一波使用方法的提示。作为弹出框出现,设置关闭按钮,如果会用了可以直接关掉。
主页面
打开APP显示页面,最显眼的是扫码用车按钮,然后是定位,红包区。画面简洁整体,没有多余的元素。
只是有时候定位不准确老师跑偏,当然是技术问题,可能难度比较大吧!
![]() |
扫码页面
点击扫码用车,默认开启镜头扫码,有的车牌比较小扫码并不方便,撅着屁股扫不雅观,可以点击手动输入车牌号出现第二张图,就可以输号用车啦!
天黑可以开启手电筒,不愿意手动输入还可以语音。
厉害了!!!
![]() |
得到开锁密码,就可以骑走了。
同时APP还会记录你的骑行路线、时间、消费等情况,甚至生成一个形成列表。应该是给女朋友查岗用的吧!
![]() |
个人中心
从设计上加入了弧形元素,和主页面相呼应,整体效果清晰简洁明了。
文字标题对应扁平图标,增加设计感,活跃由于内容较少页面较空的尴尬。
![]() |
ofo 2.0版本APP在界面风格上进行了较大的改革,摒弃了繁复的界面,以更加简洁个性的姿态面向大众,让APP端的用户体验更加便捷轻快。
当然还有好多不错的APP值得我们学习和研究,平时多注意,多收集提升审美。提取别人的优点,建立自己的设计APP的思维模式。
官网: www.shiheui.com
—