• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >心得技巧 > ofo小黄车是如何打造情感化设计的?来看总监的自述!

ofo小黄车是如何打造情感化设计的?来看总监的自述!

作者:小黄车体验设计部 字体:[增加 减小] 来源:互联网 时间:2018-08-23

本文主要包含情感化设计,插画设计,经验分享,设计流程,运营设计等相关知识,小黄车体验设计部希望在学习及工作中可以帮助到您

从16年刚到 ofo 的时候我心中就有一个巨大的疑惑,像 ofo 这样一个简单的出行类产品还能怎么设计呢?纵观周围很多出行类 App,除了一个地图和几个按钮外好像也没什么特点了。于是我们去调研了国外很多优秀的工具类产品的设计,比如说 Line、Airbnb、Snapchat 等,发现他们都有一个共同的特点就是在基础的功能层面上,他们非常重视用户情感的打造,比如 Line 非常火的表情包,Airbnb 温馨的旅行图文内容,Snapchat 无厘头有趣的玩法交互等。

而实际上 ofo 除了是一个开锁工具和代步自行车外,和用户的现实生活也存在着很多关联性,用户骑车小黄车上下班出勤、和朋友家人一起逛街或周末出游。ofo 对他们来说除了骑行外,也是连接情感和美好生活的一款工具。于是因为这样的关系和众多场景,让我萌生出了在 ofo上尝试情感化设计的想法。

正值 OXD 一周年之际,我们把去年在情感化设计方向的思考和尝试进行了一次总结分享给大家,欢迎大家关注小黄车体验设计部或我们的团队?ofo小黄车。

在正文之前先看一下我们做的酷炫短视频:

「情感化设计好文合集」

  • 新手篇:《并不复杂!写给新手的情感化UI设计简明指南》
  • 品牌价值:《腾讯ECD:如何以情感化设计提升品牌价值》
  • 3个层次:《设计的三个层次,帮你重开情感化设计的大门》
  • 运用方法:《不靠灵感做设计!超全面的「情感化设计」落地方法论》
  • 实战总结:《如何用视觉画面调动用户的情感?来看这些方法!》

================明星栏目推荐================

优优教程网: UiiiUiii.com 是优设旗下优质中文教程网站,分享了大量PS、AE、AI、C4D等中文教程,为零基础设计爱好者也准备了贴心的知识树专栏。开启免费自学新篇章,按照我们的专栏一步步学习,一定可以迅速上手并制作出酷炫的视觉效果。

设计导航:国内人气最高的设计网址导航,设计师必备: http://hao..com

优设大课堂

您可能想查找下面的文章:

  • 交互基础小课堂!从五个维度全面分析「下拉刷新」功能
  • 设计冲刺法:5天搞定2018俄罗斯世界杯主题设计
  • 高手进阶技巧!6招帮你用设计抓住用户的心
  • 写给UI新手的APP结构指南:闪屏
  • 这些设计细节,决定了谁月薪5000谁月薪50000!
  • 618前夕,来看京东设计师是如何用场景化让你买买买的
  • 网易实战案例:教你五步打造APP节日主题设计
  • 对话腾讯设计师:微信车票背后的设计故事
  • 看似最简单的空白页,腾讯微云的高手是如何设计的?
  • 交互基础小课堂!如何利用 “峰终定律” 改善用户体验?

相关文章

  • 2018-08-23高手进阶技巧!6招帮你用设计抓住用户的心
  • 2018-08-23进阶高级!帮你做能落地的界面之Tab的小短线
  • 2018-08-23平面基础小课堂!聊聊排版中的版面率和留白率
  • 2018-08-23这10个关键点,让你的搜索结果页看起来足够专业
  • 2018-08-23轻松看懂规范!详解组件控件结构体系之导航类
  • 2018-08-23超多实例!解析「接近法则」在设计中的应用
  • 2018-08-23人气好文!写给网页设计师的视觉设计基础手册(二)
  • 2018-08-23想提高可用性?看谷歌Material Design 的官方教程是怎么做的!
  • 2018-08-23超全面的对话式交互设计流程
  • 2018-08-23总结这3个特点后,我能把任何作品都变成MBE 风格!(附实战)

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • 想提高转化率?你得了解这个最新的「广告盲」现象!
    • 学会这5个技巧,避免你的作品被人用竞品评头论足!
    • 这5个技巧,让你的404页面变的更加实用
    • 为什么你的设计时间总不够用?告诉你提高效率的方法!
    • 基础小科普!8种常见的版式设计方法汇总
    • css中position属性(absolute|relative|static|fixed)概述及应用
    • Web前端开发中找错的基本思路
    • 字体新玩法!这些流行的缤纷多彩字体正在走向标准化
    • 你好,我就是传说的佛系设计师
    • 轻松看懂规范!详解组件控件结构体系之空数据类

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有