PEOPEO中国区总经理于景:当我谈交互设计时我谈些什么

2019 年 5 月 30 日 PMCAFF



嘉宾介绍

于景,软件工程硕士,自幼酷爱绘画,十六岁进入艺术院校专攻设计,在工业设计、多媒体互动艺术创作、视觉传达设计和服装设计等领域颇有造诣,先后创办了呜呀、NIGON、等设计公司和设计品牌。


1999年于景开始学习多媒体交互设计,2003年以首批多媒体设计人才进入北京工业大学数字媒体专业成为一名大学教师;设计作品七次获得国家级多媒体互动设计大奖;多媒体作品“首博宝典”进入首都博物馆;2009为上海世博中国铁路场馆进行整体互动展示设计;2010年完成北京市委“多媒体互动环境设计应用与研究”科技项目。2011年-2012年于景整合自己多年的设计学习和实践经验,先后在清华出版社出版了《图形设计面面观》;《开启设计跨界思维》两本设计著作。


2014年于景正式出任peopeo中国区总经理,为中国平安、中国太平、联想等国际知名公司提供专业交互设计解决方案。


Q1. 交互设计师职责是什么?PM如何与交互设计师沟通?


交互设计师负责产品功能的交互形式,分析用户的操作习惯和偏好;从用户体验角度,提出最佳的交互设计和界面设计方案;跟踪产品的体验效果数据,研究分析用户数据,不断从用户和细节来持续改善产品的用户体验;参与产品设计流程的完善和优化。


PM提出的需求需要交互设计师进来行需求分析。整理、分类、辨别通过用户研究得到的许多信息和建议。其中可能也要有用户建模、情境分析等,从而对需求进行分析验证,不断打磨验证需求及交互文档,最终达成最优的解决方案。


Q2. 交互设计是产品经理必备的技能吗?产品经理和交互设计师是什么关系?


产品经理可以懂交互设计,因为交互设计是你理解用户需求、了解产品逻辑最好的一个基础性工作。但一定要记住产品经理的工作重心,多思辨,能执行,不要陷进交互设计工作中。


要搞清产品经理和交互设计师是什么关系,那么就要首先了解产品经理的工作重点:用户需求和产品逻辑。而交互设计师最核心的职责则是:怎么帮忙用户获得更好的使用体验,不让用户在使用产品的过程中思考怎么用。常态下,产品经理和交互设计师是“竞和关系”,在方案创造时在于“竞”,在方案执行时在于“合”。 最后,维持竞合关系,发挥两者的最大优势。


Q3. 初级交互设计师和高级交互设计师有哪些不同?


高级交互设计师的要求更高,并且更加深入产品的设计,具体有:


1.参与产品的整体设计规划,输出交互设计产出物,推动产品的落地实现;


2.对产品进行持续性的设计优化,输出相关设计规范,提升用户体验;


3.协调和推动“已用户为中心”的设计理念,在公司范围普及用户体验概念和流程;


4.负责设计前瞻性的研究工作。


Q4. 在交互设计框架方面,如何思考设计一个交互方案?


1.研究用户目标,了解用户最终需求。


2.构建关键路径场景。对于我们产品用户当前的任务流程是什么样的。


l 常规的任务流程是什么样的,是否与我们产品的用户目标一致。


l 我们可以在现有情况下采用何种任务流程来更好的满足用户目标。


3.梳理架构。对产品的架构进行优化整理,产品的架构层级避免过深让用户难以使用。


4.界面呈现


l 绘制原型稿,在落实到界面细节过程中,考虑一下信息的布局方式是否符合优先级,考虑是否有遗漏的信息展示;


l 通过布局来建立信息关联或视觉美感;


l 优化文案,更简单、清晰的传递概念;


5. 其他细节


Q5. 在产品设计中,一个完整的交互设计应该有那些输出?


基本包括用户路径图、信息架构图、产品workflow流程文档、产品交互原型、边缘使用场景说明等等,此外如果项目需要,还可以使用动效工具来进行视觉演示动效帮助开发理解。


Q6. 在做交互设计时该怎样避免多余的交互步骤?


可以使用“奥卡姆剃刀原理”


奥卡姆原理也被称为“简单有效原理”。后来以一种更为广泛的形式为人们所知——即“如无必要,勿增实体。”也就是说:如果有两个功能相等的设计,那么我们选择最简单的那个。简洁的页面能更好地传达出你所想要表达的内容。


奥卡姆剃刀原理对我们设计上的启示:


1、只放置必要的东西


简洁网页最重要的一个方面是只展示有作用的东西,其他的都没有。这并不意味着你不能提供给用户很多的信息,你可以用“更多信息”的链接来实现这些。


2、减少点击次数


让你的用户通过很少的点击就能找到他们想要的东西,不要让他们找一个内容找得很累。


3、“外婆”规则


如果你的外婆(其他老点的人)也能轻松的使用你的页面,你就成功了。


4、减少段落的个数


每当你的网页增加一段,页面中主要的内容就会被挤到一个更小的空间。那些段落并没有起到什么好的作用,而是让顾客们知道更多他们不想了解的东西。


5、给予更少的选项


做过多的决定也是一种压力,总体来说,用户希望在浏览内容的时候思考的少一点。我们在展示内容的时候要努力减少用户的思维负担,这样就会使浏览者使用更顺畅,心态更平和。


Q7. 交互设计时应该采用用户习惯熟悉的交互方式还是力求新颖为用户带来不一样体验的交互?


这个没有固定的模式,主要要根据产品的性质来决定。如果产品定位常规,那就可以按照用户熟悉的交互方式来;如果产品定位是带有明显的个性化,则可以为目标用户开辟全新而富有个性的交互体验。


Q8. 交互设计中如何使用记分对比法?


用共同建立文档的方式,把所有要考虑的场景和因素都一一罗列并讨论筛选,再在这基础上模拟用户可能产生的行为路径,接着沿着行为路径寻找体验好与不好的地方,好的加分,不好减分,最后得出不同设计方案的最终得分,得分高的为推荐方案。


Q9. 交互设计师怎样理解信息架构?


信息结构主要分为四种:层级结构、自然结构、线性结构、矩阵结构;什么样的产品定位对应不同的架构,没有最好的架构,只有更适合的。具体可以参考《以用户为中心的产品设计》一书。


Q10. 交互设计师怎样判断自己的交互对用户的感知是当前最完美的?


交互设计师的职责是提供给用户最好的交互体验,但是标准答案并不是唯一的。用户是变量的存在并且系统也在不停的发展变化,在现阶段给出的交互体验必然是要满足大部分用户的最优交互体验。随着系统和技术的发展,也将会持续优化交互流程,提升用户体验。


Q11. 如何评估交互设计方案是否合理?


主要依据架构、布局、内容、行为四个方面对照检查。


1.架构和导航


l 是否采用了用户熟悉或容易理解的结构?


l 是否能识别当前在网站中的位置?


l 是否能清晰表达页面之间的结构?


l 是否能快速回到首页/主要页面?


l 当前页面的结构和布局是否清晰?


2.布局和设计


l 是否采用了用户熟悉的界面元素和控件?  


l 界面元素和控件的文字、位置、布局、分组、大小、颜色、形状等是否合理、容易识别、一致?  


l 界面元素/控件之间的关系是否表达正确?  


l 主要操作/阅读区域的视线是否流畅?  


l 其他文本(称谓、提示语、提供反馈)是否一致?  


3.内容和可读性


l 文字内容的交流对象是用户吗?  


l 语言是否简洁、易懂、礼貌?  


l 内容表达的含义是否一致?  


l 重要内容是否处于显著位置?  


l 是否在需要时提供必要的信息?  


l 是否有干扰视线和注意力的元素?  


4.行为和互动  


l 是否告知、引导用户可以做什么?  


l 是否告知需要进行哪些步骤?  


l 是否告知需要多少时间完成?  


l 是否告知第一步做什么?  


l 是否告知输入/操作限制?  


l 是否有必要的系统/用户行为反馈?  


l 是否允许必要的撤销操作?  


l 是否页面上所有操作都必须由用户完成?  


l 是否已将操作步骤、点击次数减至最少?  


l 是否所有跳转都是必须的(无法在当前页面呈现)?  UI设计和交互设计哪个难度大?


Q12. UI设计和交互设计哪个难度大?


UI设计:从通俗易懂的角度来说,UI是视觉上的东西,包括图标、APP界面、软件、网页按钮、网页导航,凡是我们肉眼看得到的通过设计师的设计和绘图得到的视觉产品,都是属于UI。然而好的UI不仅设计理念强,它们能很好的在产品功能和视觉元素间找到平衡,既要满足产品的功能需求,又要尽量美观。


交互设计:交互设计的思维方法建构于工业设计以用户为中心的方法,同时加以发展,更多地面向行为和过程,把产品看作一个事件,强调过程性思考的能力。交互设计介于UI和产品之间,但是三者又紧密相连。


所以两者没有绝对的哪个难度更大,只有从自身的职业角度出发选择合适自己的,才是最佳的方式。


Q13. 交互设计师的核心竞争力是什么?


1.判断能力:当我们拿到需求的时候而不是急于马上配合,而是需要分析需求的合理性,基于用户、技术、商业等多个角度来做出一个明确的决定,来判断它是否合理。


2.沟通能力:这是一个常态化的问题,而且我们都会遇到。当我们判断了需求的合理性之后,总结问题然后要把自己的观点及方案明确的表达出来,因为正确的“沟通”是很好的处理解决问题的方式。


3.创新能力:有时候我们只是在已有的方案中找解决方案,并没有给人耳目一新的感觉,所以有时候创新能力是很难的。这个时候就需要我们在日常的工作和生活中,需要大量阅读不同行业的项目案例作为积累。创新的每一种形式、风格。都没有绝对的对与错,只在与它是否符合我们的产品,升华它们,使它们在我们的产品中体现最大化的效果。


Q14. 如何更好的提高交互设计能力?


交互设计师是一个涉及面较广的职业,需要连接视觉、产品、开发、业务等部门。需要更好的了解项目背景,学会竞品分析,能够理解需求及其目标。同时也积极去了解行业内外的发展走势。当开始做自己的产品时,通过积极的实践探索,反复打磨和创新,并在每一次做完之后回顾总结项目的工作过程,以便于有些内容可以灵活运用到下一次设计中。这样一个反复常态化循环的过程,也会帮助我们更好的提高自己的交互设计能力。


PMCAFF问答专场是一场与PMCAFF用户互动的问答活动,我们每期都会邀请知名互联网公司的一线产品从业者和咖友们共同交流,目前已成功举办过60+期,先后有来自腾讯、百度、阿里、360、小米、京东、去哪儿等大厂嘉宾入驻。


这个世界问题太多,我们需要一个能够解决问题的人。


如果你有足够的能力解决来自PMCAFF用户在你的专业领域中,以不同的角度提出各类刁钻问题,那么欢迎你参加PMCAFF问答专场


活动申请可以添加工作人员微信沟通咨询,加好友请备注:问答专场


登录查看更多
0

相关内容

交互设计师通常在如下领域活动:软件界面设计、信息系统设计、网络设计、产品设计、环境设计、服务设计以及综合性的系统设计。上述领域各自需要自身的设计特征同时,也会用到通用的交互设计的原则和实践。
__
话题图片版权归属: Ilias Sounas | Overnight work
硅谷的“中台论”与中国的“中台论”
AI前线
4+阅读 · 2019年9月21日
阿里技术大牛:一份架构师成神路线图!
51CTO博客
30+阅读 · 2019年7月6日
产品经理们,好好琢磨产品定位吧
产品100干货速递
7+阅读 · 2019年6月4日
产品总监如何管理团队,搭建一个强大的队伍?
人人都是产品经理
17+阅读 · 2018年12月19日
思维发展型课堂的概念、要素与设计
MOOC
4+阅读 · 2018年12月18日
无人零售的正确打开方式,到底是什么?
黑智
3+阅读 · 2018年1月22日
教你 5 步画出用户画像
职人社
8+阅读 · 2017年9月13日
看完后,别再说自己不懂用户画像了
R语言中文社区
15+阅读 · 2017年8月28日
Arxiv
24+阅读 · 2018年10月24日
Arxiv
14+阅读 · 2018年4月18日
Arxiv
6+阅读 · 2018年2月7日
VIP会员
相关VIP内容
相关资讯
硅谷的“中台论”与中国的“中台论”
AI前线
4+阅读 · 2019年9月21日
阿里技术大牛:一份架构师成神路线图!
51CTO博客
30+阅读 · 2019年7月6日
产品经理们,好好琢磨产品定位吧
产品100干货速递
7+阅读 · 2019年6月4日
产品总监如何管理团队,搭建一个强大的队伍?
人人都是产品经理
17+阅读 · 2018年12月19日
思维发展型课堂的概念、要素与设计
MOOC
4+阅读 · 2018年12月18日
无人零售的正确打开方式,到底是什么?
黑智
3+阅读 · 2018年1月22日
教你 5 步画出用户画像
职人社
8+阅读 · 2017年9月13日
看完后,别再说自己不懂用户画像了
R语言中文社区
15+阅读 · 2017年8月28日
相关论文
Top
微信扫码咨询专知VIP会员