序言 黎万强: 好的设计都要找到原点;对于百度的产品设计和用户体验设计来说就是"简单可依赖"。在这个原点上,百度设计团队强调"设计是一个整体"的过程:从产品设计到运营全环节,来整体思考设计。 胡晓: 随着技术,文化和战略的进步,各种产品的交互方式越来越多,用户体验也越来越多得到重视。而你需要深入用户的内心,洞悉用户的需求,善于运用各种技术和方式,全面提升用户的交互,情感,感官品质。在这个重视用户体验的大环境下,如何阐释用户价值,商业价值,社会价值成为了设计师任重而道远的目标。 我们在做的用户体验设计,就是基于用户源需求的一个推导过程; 任何一个设计细节的调整,都是基于上一步清晰目标的展开,环环相扣,并且和整体的品牌和体验保持高度一致。 我们需要和用户站在一起,熟悉用户文化,挖掘用户的习惯,分析用户的趋势,不断的迭代产品 用户体验是一个整体 配合的问题 一个产品的成功需要每个环节都成功的配合,我们在各个环节种投入了最专业的人才,但是如果这些人不能往一个方向发力,就很有可能导致产品的失败。那么如何让产品各个环节紧密配合的问题就出来了 产品金字塔模型 1.层与层之间是决定和被决定的关系 2.UE 设计师必需理解和参与其他环节 公司的优势决定产品方向 1.任何产品的成功都需要有自己的独特的特性; 例如:阅读类 app,有的注重评论,有的是分享,有的是某一垂直领域的内容 2.方向不是随意制定,一方面是用户刚需,一方面是公司自身的优势; 例如:"发红包"是支付宝首先推出的,但是在微信上火了,主要原因是这一功能需要作用与有关系的人之间 方向决定产品功能 1.设定功能最难的不是增加功能,而是保证在添加和设计功能时,和产品的方向保持一致,敢于砍掉不相关和关系不大的功能; 例如:设计百度新闻客户端时,调研发现用户每天都想看的都是天气信息,既然是天气信息那么是否我们要做的更加酷炫一点呢,是否需要增加分享功能呢,评论功能呢?慢慢的你就发现,你的产品已经不是一个新闻客户端了; 功能和设计 1.抛开产品方向,功能和业务,纯粹的谈交互框架是没有意义的 上图中是常见的3种移动交互框架 侧边导航:适合功能多,有主要操作和浏览的区域; 底部 tab:适合需要经常切换的需求; 宫格式的框架设计:适合功能独立的工具化产品导航; 产品运营 1.一个产品上线之后,快速拉动数据的关键方式是运营,而由于运营的日常工作太多更换太快,我们经常注重效率而忽视质量; 2.但是,还是要保持和产品的品质和风格保持一致 百度地图 1.方向:做的更加简单,高效 2.优化点 优化图区展示 强调搜索 收起高级功能 精确的表意:图标(延续真实世界的认知,在较远的地方就能看到,而且能让整个界面看起了更有活力一些)+文字 3.对付硬骨头的需求 定义: 交互流程复杂,可能涉及到多场景,多用户,多时段,有较多的逻辑判断 界面元素多,很容易显得页面杂乱 需要动效辅助 需求优先级高,但是时间和资源不足 解决方案:动态原型 工具:flash 4.别给用户思考的时间 室内的测试环境,和复杂的移动场景并不是一致的。尤其是导航类产品的使用环境和普通环境差异很大 5.people lie 例:之前给用户做访谈,讨论某个信息应该放在屏幕上。他阐述了很多理由支持这个信息应该放在屏幕上。但是访谈结束前,我们无意中问了一个问题:您平时都把手机放在哪?他说,放在副驾驶座位上……于是我们对他的阐述产生了大大的疑问。 6.抓住细节不放 语音播报里,用数字来表达距离并不直观,100个人心中可能对应了100个不同的长度 百度贴吧 调研发现痛点 用户对于自身兴趣感知不明显 用户对于新鲜的事物感知能力差 解决办法:新手引导 引导的分类 强引导:打断任务流,立刻能关注到引导信息,需要关闭浮层才能正常使用;有些用户容易习惯性的关掉浮层; 中度引导:能够看到该功能,但是又不会打断其他任务操作 比如:目标区域,有气泡提示,图形提示,或者动效提示 轻度引导:不需要让用户一眼看到,主要是文字引导 结构 Z 轴的纵深挖掘 背衬区域 内容区域 导航区域 色彩库 基色 辅色 亮色 百度视频 采取了敏捷设计的流程规范 初期很快完成了产品框架定义和风格定义,以动态演示的方式快速推动评审 百度魔图 自拍和一般的拍照相比,更是一种情绪的表达,而且具有很强的私密性。这种情绪的表达可能非常迅速——即产生一个拍照冲动 工具化到娱乐化的设计路的转变,是建立在用户需求和社会娱乐化的环境前提下产生的 作者:德川亮;via:简书