用户研究方法第五章人物角色的创建与运用第六章从需求到设计第七章交互框架设计第八章
界面设计第九章
设计与制作原理第十章
将产品的逻辑解释给用户听:普通平庸的翻译VS生动有趣的翻译
交互设计理论基础
研究内容研究人与机器之间的分工与配合;研究机具如何能更适合人的操作和使用,以提高人的工作效率,减轻人的疲劳和劳动强度;研究人机系统的工作环境对操作者的影响,用以改善工作环境;研究人机之间的界面,信息传递以及控制器和显示器的设计等等。人机系统随着时代的发展、科技的进步,人机关系由人操作工具、人适应机器、机器适合于人,发展到了现代的人机协调。人适应机器的能力是有一定限度的,人机关系进一步的解决办法是改善机器,让它适合于人的操作。完整人机系统的六种功能信息接收信息加工信息贮存执行功能信号反馈输入与输出这些功能是连续进行的,是人机共同作用而实现的。人机系统就能满足以下要求:达到预定的目的,完成预定的任务;人机都能发挥各自的作用并协调一致地工作;系统提供接收输入和完成输出的功能,并具备协调功能;系统设计应考虑环境因素影响;人机系统应充分适应人的特性,让人容易学习、操作、使用系统,充分发挥系统效能。2.2交互设计中的认知因素认知是人们在进行日常活动时发生在头脑中的过程,涉及感知、视觉、记忆、注意、思维等多种活动。Norman将其分为两种模式:经验认知和思维认知。
右侧则需花3.2秒进行搜索
为什么?由于的人的注意特点,在设计人机交互界面时应该:信息的显示应醒目。可使用动画图形、采色、下划线,对条目及不同的信息进行排序,在条目之间使用间隔符等。避免在界面上安排过多的信息。尤其要谨慎使用色彩、声音和图像,人们倾向于使用过多的这类表示,而导致界面混杂,分散用户的注意力,让用户反感。朴实的界面更容易使用3.记忆记忆就是回忆各种知识以便采取适当的行动。记忆过程有三个环节:识记:相当于信息的输入和编码过程,也就是使用不同感官输入的信息,经过编码而成为头脑可接受的形式;保持:相当于信息的贮存,即信息在头脑中被再加工整理,使其成为有序的组织结构,以便贮存;再认和回忆:相当于信息的提取,编码越完善、组织越有序,提取也就越容易,反之,提取越困难。
交互设计中也一样,如果接近用户认为的操作方式,这样的产品就能减少用户的学习和记忆负担,用户会感觉它是一个易用、好用的产品。相反,用户会觉得这是一个不好用的产品。1作业:根据小组确定的交互设计项目主题,开展竞品分析。第三讲
用户研究简述
主要内容1、用户研究之前2、理解定性研究与定量研究3、避免走入用户研究的误区分析研究是第一个环节,目的是初步验证愿景和收获需求(机会),作为之后设计的依据输入,做三件事情:1
用户研究方法
Store大数据平台。AppBOT平台可以看到每个版本的好评差评占比从数据分析中提炼设计结论数据分析与解释量化分析质性分析作业选择1-2种用户研究方法,根据项目主题开展用户研究第五讲
人物角色的创建与运用
从需求到设计
交互框架设计
那信息架构有些类似:
商场
地下一层:动感休闲地带
商场一楼:国际名牌世界
商场二楼:名媛衣装天地
商场三楼:少女时尚驿站
商场四楼:温馨亲子家园
……
进一步:可能一楼国际名牌世界又包括:
A区:名牌手表
B区:名牌珠宝
……设计师的作用就是规划好这些楼层信息层级,主要做的工作就是:分类、层级梳理等二、信息架构入门信息架构的作用【满足用户需求】:让用户可以在一定的“信息规划”下更容易的找到自己想要的“东西”【满足产品目标】:出于“产品目标”通过“信息架构设计”、去教育、说服、通知用户二、信息架构入门信息架构梳理到底是在做什么呢如果用一个词回答的话,那肯定是“分类”。分类是为了更好的信息传达,为了更好的传递信息,需要对信息进行选择和组织。二、信息架构入门信息架构设计到底该怎么做?
《用户体验要素》一书中给出了信息架构分类体系:从上到下或从下到上从下到上:这种分类方法是根据“内容和功能需求的分析”而来的,先把已有的所有内容,放在最低层级分类中,然后再将他们分别归属到较高一级的类别。这种分类方法其实就是在做“归类”。
从上到下:这种分类方法从“战略层”(产品目标)出发去考虑内容分类。最先从最广泛的、可能满足决策目标的内容与功能开始进行分类,然后在按逻辑细分出次级分类,这样的“主要分类”和“次级分类”就构成了“一个个空槽”,将想要的内容和功能按顺序一一填入即可。
信息架构对交互设计师的要求:用户同理心(总是以自我为中心的人不适合当设计师)站在用户的角度,从用户情景出发,选择最合适中间用户的方案切忌:把自己的设计当作自己的孩子,只要有人反对就极力维护。是先有信息架构再有功能数据?还是先有功能数据再有信息架构?答:先有功能数据,用户决定需求,需求决定功能,得先确定这些东东是有价值的,才能规划它们嘛。当然随着产品开始运营,数据会在原有架构上持续丰富,功能也可能做出调整,甚至随着产品发展,架构也可能调整。信息架构:把筛选好的信息进行分类,通过页面来承载这些信息,并且把信息(页面)的层次规划好。流程设计:把一个任务中涉及的页面信息串联起来,使任务形成一个线性流的关系。
交互框架设计流程设计信息架构
设计师的工作分类、层级梳理
根据关键任务流设计流程图流程设计还是以商场举例,流程设计做的事情就是,回答你想买一件漂亮的裙子,你该如何一步步找到并购买的问题:到达商场→乘坐电梯/走楼梯上二楼→到达二楼A区→进入一家XX品牌专卖店→选购裙子→是不是满意?→满意→付款→不满意→换一家专卖店→选购裙子→满意→付款在这里设计师需要做的是规划你的流程,可以是通过垂直电梯上楼呢?还是手扶电梯上楼方便呢?这些都是流程设计中需要考虑的。
主要做的工作就是:1、规划流程让用户可以买到裙子;2、进一步优化流程让用户更快的买到裙子(比如,就在楼梯口摆地摊卖裙子,呵呵,求不吐槽)……
在互联网产品设计中:设计师梳理产品使用流程,就是回答用户如何能找到“反馈意见”等等任务目标。
成功2.用户行为流程的特点往往不是简单的一个线性结构,而是一个充满分支和关联的网状结构;可以用系统、直观的图示,全面呈现和分析用户与产品的关系,并发现潜在的创新突破点。设计流程图
是指用图形语言的方式画出用户在使用此产品的方法和达到具体功能的步骤。设计流程图
抛弃系统错误
系统错误是指非用户犯的错误
。除非你特别想强调系统错误后的提示界面,否则建议不要加进流程图里。设计流程图的注意事项3.形式可以很灵活(1)如果一个界面可以通往多个界面,而你又真要描述出这些跳转,那就一个矩形长出多条线路,对应标示上对应的动作就ok了。(2)如果几个界面属于同一逻辑,比如实际是一个界面的几个标签,则可以这样把几个标签包起来。(3)如果你想把一个界面的主要内容表达出来,也可以如图(还可以细分里面的内容究竟是信息还是下个界面的入口)。设计流程图的注意事项4.流程设计应全面
流程设计完成后,需要进行验证,
验证包括整个流程是否能够走通、是否会出现走到某个流程无法返回的情况。流程图的绘制
绘制工具:Mac下首选OmniGraffleWindows的VisioAxureRP交互设计师们因为常用axure绘制线框图,所以也不必为了流程图去学习新的工具,可以用axure的flow控件完成简单的业务流程图的制作。作业完成小组项目的信息架构图和一个任务的用户流程图第八讲
界面设计
设计与制作原理
PalmPilot木质模型帮助自闭症儿童交流的手持设备纸质原型类
型优
点缺
点低保真原型开发成本低可评估多个设计概念是有用的交流设备可解决屏幕编排问题适用于标识市场需求可证明设计概念可捕捉的错误有限不能作为规范用于指导编程受制作物件的影响在建立需求后,作用有限对可用性测试的作用有限不便于说明过程流高保真原型包含完整功能完全可交互用户驱动的明确定义了过程流适用于探索和测试可获得最终产品的使用体验可作为详细规范可作为销售的支持工具开发成本高制作耗时不能有效地证明设计概念不适合于搜集需求
2、原型、视觉稿、线框图
Wireframe
除去各种视觉影响元素,只用线条和方块来绘制,可以专注在功能和操作上。不管是用手绘或是软件绘图都可