交互设计杂谈 - 学习心得

小和:

(感谢avirl的精彩分享)



交互设计 

  • 交互设计不是审美学的选择问题,而是基于对用户和认知原理的理解。 

  • 在项目中,从产生创意到信息结构搭建,从功能表达到界面布局,从市场需求到测试case,交互设计都需要参与。 



设计师模型  

实现模型/系统模型 

  • 设计师模型/表现模型

  • 用户心智模型:

  • 用户界面应该避免实现模型而支持用户心智模型 

  • 目标导向的设计反映用户的心智模型 



为谁做设计? 

  • 中间用户 

  • 为中间用户优化 

  • 将用户想像成非常聪明但非常忙的人 

  • 为永久的中间用户优化 

  • 专家用户 

  • 需要快捷方式 

  • 欣赏更新更强大的功能 

    

 

如何分辨用户在什么层级? 

  

  

你知道,谁会来最先买你的产品?᠋᠌᠍他为什么要买你的产品? 

  • 表面动机:优质,舒适,保值,漂亮 

  • 隐形动机:出风头,自我表现,我跟它一样 

  • 深层动机:自我强化,自我防御  

通过对动机的分析,我们可以更好的设计产品概念。对隐性动机的开发可以形成独特的概念  



用户情感需求分类:   

  • 非户理性情消感费者需(尝求鲜分者)类: 他们的情感需求与普通大众相同和更强烈。 愤怒,恐惧,孤独这类消极情绪被放大后,会导致非理性的消费行为。 

  • 普通大众具有和非理性消费者同样的情感需求,只是程度上没有那么强 烈。随着产品的完善,他们也会逐步加入消费队伍 

  • 理性消费者(早期消费大众)只购买他们认为实用成熟的产品。他们更 务实,只购买性价比合适的产品 

  • 超理性消费者(后期消费大众)情感需求更弱,产品有半点不满意也不 会购买。 

  • 观望者(跟随者):约占总人数的15%,他们需求是只购买公认好用的 产品。 

  • 在生活里,非理性消费者会为了满足情感需求,会付出大大超出解决问 题本身所需要的精力和成本 

  • (二货版富二代在游戏上花费数百万购买装备,游戏公司专门搞了一个团队陪他打游戏) 

       非理性消费者是最值得产品经理关注的。  技术爱好者是最不值得产品经理关注的。 虽然他们几乎会同一时间首先购买产品 

例如,技术爱好者购买普锐斯,因为他们喜欢新的电池技术。  非理性消费者购买,是因为他们是狂热的环保主义者。   非理性消费者急于解决问题的迫切心情使他们为昂贵且不实的解决方案 买单。  非理性消费是对不满情绪的过度反应。是放大后的情感需求在影响    产品经理应该做的是研究他们的行为,避免被技术爱好者误导。 因为大众是不会因为痴迷电池技术而购买产品的。   I am not interaction designer, I’m product manager. What should i do? 



  • 产品经理的任务:探索产品的价值,可用性,可行性。 

  • 产品经理的目标:在最短时间里把握复杂的市场需求和用户需求,然后确定产品的基本要求,价值,可行性,可用性。 

  • 探索和定义产品需要产品经理,交互设计师和软件架构师通力合作。 

  • 开发人员不擅长做用户体验设计,因为开发人员脑中思考的是实现模型。 而用户需要的是产品的概念模型。 

  • 产品需求(功能)和用户体验密不可分。



功能  

  • 功能唯一的好处就是它是可以定量的。而定量性让人觉得功能有一 种虚假的价值感

  • 实际上,每一种功能在具有优点的同时也具有缺点

  • 每一项可能有用的功能都会淡化那些真正有用的功能



交互设计师思考的问题  

  • 给谁做工具? 

  • 他想要什么样的工具? 

  • 我们能提供什么样的工具? 

  • 我们怎么告诉他如何使用工具? 

  • 我们怎么让他一直使用我们的工具? 

  • 我们怎么样让他发现了其他相同用处的工具后,还使用我们的工具?  



用户体验帮助品牌的建立  

  • 品牌带来什么? 

  • 70%的消费者需要使用品牌来知道它们的购买决策 

  • 50%或更多的购买行为是品牌驱动的 

  • 25%的消费者声称如果他们购买它们所忠诚的品牌则价格无所谓  ✤72%说愿意多付20%的钱来买自己喜欢的品牌 

  • 50%愿意多付25% 

  • 40%愿意多付30% 


       

  • 巧妙的交互方式和动画会成为品牌标志 

  • 漂亮的界面风格会引领风潮成为品牌标志 

  • 有效而简单的交互框架成为标准使品牌提升



应该在过程中避免的一些问题  

  • 流失缺口:用户体验到的产品跟期望不一样。 

  • 传递缺口:产品的宣传不能让用户对产品真正认知。 

  • 执行缺口 :产品经理知道用户想要什么,但是做出来的产品是 另外一回事。  

  • 认知缺口: 产品经理不知道用户想要什么。 



 各个环节的设计方法  

  • 用户是怎么想的? 

                      在安排功能的时候,用户更愿意看价格?还是愿意看日期?  

  • 界面排布的原则? 

                      有的用红色,有的用图标,为什么?  

  • 具体界面如何是设计是对的? 

                      左对齐,右对齐,中间对齐?只是美感问题么?  

  • 信息如何分类?用户也这样理解吗? 

                      鲸鱼到底是放在鱼类里,还是放在哺乳类里?    



基本界面知识与交互知识   

  • 网站的用户模型。 

  • 信息表达的金字塔。 

  • 表单设计方法。 

  • 简约版启发式评估 

  • 卡片信息分类。 



网站用户模型  

  • 不用思考 

  • 不是阅读,而是匆匆一瞥 

  • 不是最好,而是可以接受 

  • 不想知道为什么 

  • 懒得去探新 

  • 得罪我,我就走 

  • 猜测更有意思,只要别惩罚我。



不用思考 

  • 显而易见 /不言而喻,用词:广为人知的名称。样式:明显可以点击的。(符合用户常用习惯) 

  • 新的复杂功能的页面,尽量做到“自我解释” 

  • 点击多少次都没有关系,但是每次点击都无需思考,明确无误。 

  • 1次需要思考的点击=3次无需思考的点击 

  • 去掉视觉噪音,越重要的部分越突出,页面区域明确定义。 

  • 尊重习惯用法 



界面信息表达原则  



信息表达归纳  

  • 任何事情都能归纳出一个中心点,并由数个一级论据支撑。一级论据再由数个二级论据支撑。如此延伸。 

    由之前两点可以得出? 对于一般展示型的信息设计,设计核心是不断丰富信息的表 现形式和不断提升被感知的速度和精准度。  对应这个观点,设计方式是:   把信息重点和交互行为主任务优先展示。  根据用户在界面上愿意停留的时间逐级给与更多细节。       


            

如果我们在这个网页上停留的时间只有三秒钟,那么我们看到的就只有一个核心卖点——视网膜屏,以及一个被强调的主任务——购买。   如果浏览者碰巧是一个脑残型果粉,可能直接扑上去就点了那个蓝色的Buy Now。         

但通常人们会在确定有兴趣之后想得到更多的辅助信息。那么很好,当我们打算在这 个网页上多停留一点时间,比如三分钟,那么把这个网页向下拖一拖我们能看到这台 机器的四个主要卖点:视网膜屏、全闪存架构、机体更纤薄以及速度更快。这就是金 字塔的第二级。  如果你觉得这些信息还不够呢?很好,你可以通过这四个主要卖点下面的Learn more 点击进去,进行长达半个小时以上的浏览,直到你完全了解了这台新机器的特性。           


           



对于分层式信息展示,我们通常会先考虑页面整体的 色彩倾向,同时对一级信息作重点展示,对二级信息 作缩略展示,提供提供三级信息的交互展示或提供入 口。这部分工作需要重视信息与数据的可视化,强调 在第一时间传递核心信息,别让我想。  设计师做信息架构的时候除了关心信息的展示,同时 还会关注用户的心理与行为,从而为之设计一系列的 交互。                     

首先,金字塔的最上层,也就是核心的主任务,就是购买。如果用户的意 愿很强烈和直接,那么在第一时间,就能找到那个被重点突出和强调的 Buy now。  如果用户只是有兴趣,购买的意愿还不是很强烈,那么首先应该分层次多 渠道的让了解更多的信息,然后不失时机的来通过增值服务和聪明的帮助 来增强用户的购买意愿,在用户产生了足够强烈的意愿之后,根据用户自 身的情况,提供和推荐更多的渠道选择确保交易的最终达成。                      



界面设计-网页黄金区域  E形 / F形的区域  

问题:所谓的黄金区域是真金么?1.不是,图片色彩在哪,眼睛跟在哪儿。所以黄金区域是相对的 2.是,因为用户长久以来已经被训练出来,形成了一定的经验和模 式。  



界面设计–表单设计的原则之一  

选择和选择的原因 

 

 

对齐原则:右对齐 

 


对齐原则:顶对齐 

 


对齐原则:左对齐 

 


那个按钮是最好的?  

 

  90
评论
热度(90)
  1. KoKo小和 转载了此文字
  2. Ceceliakin 转载了此文字
  3. 行动〔者〕^小和 转载了此文字
  4. 我是你小萌萌啊小和 转载了此文字
  5. Howvin-辉小和 转载了此文字
  6. litingyu小和 转载了此文字
  7. 超人爱吃鱼小和 转载了此文字

© Cecelia | Powered by LOFTER