体验度笔记模板.docx
《体验度笔记模板.docx》由会员分享,可在线阅读,更多相关《体验度笔记模板.docx(8页珍藏版)》请在冰豆网上搜索。
体验度笔记模板
1、用户体验是一个整体
✓明确整个设计流程,包括哪几个环节,我处于哪个环节?
如何高效配合。
✓流程:
产品方向-功能定义-用户研究分析-产品交互逻辑-图形设计-运营
✓搜索的位置不同(如地图、阅读,旅游)--强搜索产品注重搜索入口的展示,弱搜索产品可对搜索组相应的弱化处理。
✓产品特性决定产品图形气质(视频-影院感觉:
深灰蓝色调;XX魔拍:
用户90后,女性-时尚科技)
2、XX地图
✓设计要化繁为简,简单高效
✓交互架构方法-图层式:
最下层-地图层。
悬浮层-功能,图区控件等,最上层-搜索框等功能入口
✓地图最重要的是搜索:
最重要的功能列为第一优先级,最常用操作永远放在最明显的地方;
✓功能优先级决定内容优先级,突出核心功能,相对弱化低频功能。
(减少面积,隐藏)
✓如何处理复杂需求?
(1)用好原型
(2)动效---高保真动态原型的利用,让复杂的场景简单化。
✓别给用户留下思考的时间——室内访谈与实际使用场景的区别:
前者是基于情境描述,场景想象,经历回忆之后所做出的“语言陈述”-是间接的,加工过的;后者是基于真实使用场景而作出的“行为反应”-是直接的,条件反射的。
✓用户研究要注意无论受访者对自己的回答解释的多么合情合理,别忘记:
peoplelie.
✓200米是多少米?
-用数字表示距离不直观,每个人的理解不同,改为“前方第一个红绿灯路口右转”---因目的而调研,因需求而设计,因局限而开拓。
3、XX贴吧
✓贴吧移动端目标用户:
16-19---90后主用户群;如果在用户界面设计和人机交互领域有任何神圣的原则,那必然是“了解你的用户”
✓关于用户引导:
通过对初次使用用户时的心理与使用行为进行分析确定采用何种引导方式。
适合与否的依据是在真实场景中,用户是希望能对这个该产品有个大致了解,还是希望快速启用,在使用过程中再慢慢学习。
✓统一引导形式:
◆强引导:
教练画板,使用场景:
用户进入页面,需要立即注意到该功能,并将全部注意力聚焦在此。
这种形式给人以厚重感,用户必须关闭浮层才能继续使用,打断了用户正常使用流程,反而会马上关闭忽略掉,友好度低。
◆中度引导:
使用场景:
用户一眼就能注意到,但不影响页面中其他功能的正常使用。
如目标区域较小,有明确指向,采用气泡提示,点击气泡所指目标收起引导。
又如目标区域较大时,点击图形提示,有动效提示。
◆弱引导:
采用文字引导,使用场景:
不需要用户一眼就注意到,但需要使用时可以发现。
较友好,功能重要程度较低时适用。
(1)需要长期存在,小时候用户较难回忆。
方式为固定存在;
(2)只需首次引导,学会后较容易根据场景回忆。
方式是点击一次后文字消失。
✓平衡加法与减法-做减法的同时不忘功能加法,与需俱进,方能留住用户。
✓要具备设计大局观(目光放长远,整体方向不偏离,细节呈现不粗糙,主次清晰,决策果断而正确,一切为整体产品效益最大化。
✓准确《定位》,明确理念:
定位不是你对产品要做的事,而是你对于预期客户要做的事。
你要在预期用户的头脑里给产品定位,这是产品设计首先要明确的问题,这是基础。
✓沟通!
沟通!
整个过程,随时随地,沟通贯穿于整个项目流程;沟通讲究效率与方法。
建立规范的沟通流程。
方式很多,口头,电话,邮件,清晰规范的视觉标注,详细的交互说明详细文档。
综合使用。
4、XX阅读
✓阅读app,对用户来说最重要的是有好书,及内容,那设计师要做的是什么呢?
——通过设计使用户把主要精力都用来关注书的问题,做到对内容(书)最优的包装推销方式。
✓不是让用户来做选择,而是推荐用户来做什么。
美感来自哪里?
——美感是凸显在极简中的精致。
简洁在为精致建立环境基础,让精致的出现变得更具魅力。
✓关于新的阅读场景—移动阅读场景:
起床时,入睡前,马桶上,工作学习间隙,公交地铁上,排队中......环境:
周围环境,光线环境,wifi环境......——实际设计中考虑翻页,字号,字体,排版,调节亮度......
✓场景总结:
(1)场景移动快,时间碎片化,网络不稳。
(2)地点相对稳定,网络相对稳定,阅读时间较为集中。
✓内容:
针对碎片化时间而设计:
轻量级短小文章,轻松幽默,互联网新闻,生活科学,管理思考等类型。
✓自动离线下载
✓阅读时的交互:
单手握机,拇指操作。
点击操作限制了拇指的移动空间。
故选用滑动操作,可让操作面积变大,更快速便捷地完成操作,让整个过程更自由。
(注:
手势操作需要学习成本,快捷收拾不能影响用户主流操作流程,要给与用户图形化的引导,符合用户认知。
手势操作要有反馈,一定要有过度的状态,能跟随用户的手指移动。
)
5、XX视频
✓了解用户使用习惯是设计的第一步。
用户看视频的主要场景:
地铁手机看,单位台式机看,家里床头pad看,客厅网络电视或电视盒子看等——不同场景使用习惯各不相同。
✓一起观看的对象:
独自,陪孩子,情侣,一家人——掌握用户情感及观看动机,有利于产品功能的设计。
✓设计关键点:
1.理解设计关键词:
敏捷设计,整体性设计,内容栅格化,信息扁平化,反馈精细化。
。
。
2.高效设计,敏捷迭代:
敏捷开发流程:
1)快速竞品分析:
提炼竞品的产品框架,各模块的设计特点,通过对比分析总结出各个竞品的有趣点,取精去粕,后来居上。
2)用户行为数据分析:
通过访谈获取用户行为数据(痛点,建议等),与竞品分析数据结合分析。
3)概念交互方案发散:
设计产品的大框架,主要任务流程和操作形式。
多方案,讨论,改进,定稿
4)快速视觉实现:
在进行快速框架拓展的同时,视觉同事在进行实验产品的风格,通过对产品语义的梳理和把握,定义出产品的主色系和辅色系,质感等,快速在一个典型界面上进行多风格尝试,经过简单的用户测试,决定出符合用户预期的风格方案。
5)高效配合,敏捷开发:
在交互和视觉的同时,技术人员开始技术储备和框架实现。
切图,精细化实现。
3.用户画像勾勒
兴趣分布-频道的建立,个性化推荐的内容;学历,年龄,性别,地域分布-精准定位核心用户需求;
4.整体构思,产品统一化设计:
1)整体化设计布局:
(多终端设计)
a.定好产品基础框架,方便多维度扩展;
b.定好内容的布局凡事,形成内容的模块化,方便自由组合;
c.定好统一化的图形,复用各终端,保持品牌统一性
2)统一框架和基础流程:
d.手机端主框架-抽屉式结构
(1)功能模块化和轻便化
(2)主导航隐藏,无形中增加了主界面的阅读面积,增强浏览体验。
e.根据各硬件特点制定不同的框架式结构:
手机屏幕面积小,采用抽屉式,节约空间,单手操作方便;ipad屏幕大,不需要隐藏主导航,菜单放在底边栏,符合用户习惯。
PC端采用效率较高的左右分栏设计,能够让用户在较宽的屏幕中快速找到影片,斌企鹅播放同事还可以继续整理自己的硬盘库。
f.主要流程统一化,主要框架会因不同特点有所不同,但主要操作流程应该保持一致,这样才能使用户在使用不同产品是学习成本最低。
3)灵活布局,形成内容矩阵
视频产品的基础构成元素是视频海报,常见形态分为竖形海报(3:
4)和横行海报(16:
9),两种形式一不同排列方式形成多种组合门从而让画面丰富动感而摆脱单调。
4)空间结构栅格化——针对页面内容选择合理的栅格方式,从而更好地规范界面信息布局和疏密程度。
5.少即是多,合理分层,事半功倍
◆合理划分信息结构,界面元素分为信息元素,如文案或装饰图案,功能元素如各种功能按钮,应将二者进行合理划分,通过不同层级的信息处理,让用户更好地进行交互操作。
◆如何进行信息划分:
(1)设定导航区,内容区,主菜单区的位置。
一般导航区在界面最顶端,和其他全局功能结合(如搜索,历史记录等),中间是内容区,内容区可以有效地通过模块划分进行处理,地不一般为主菜单区,方便操作。
(或侧边栏框架,将主菜单区隐藏,使浏览界面最大化。
)
6.手势的合理利用:
◆播放页面——通过手势横纵向滑动快速调节进度、亮度、音量。
◆任意一级界面——通过手势快速拉开侧边栏,方便切换各频道。
◆二级页面——通过手势快速返回上一级页面,解决返回按钮不易点击的问题。
◆任意弹出窗——不设置关闭按钮,点击阴影区域关闭,让窗口“开关”更加方便。
7.特殊界面处理——情感表达,贴心性及重视细节的体现
◆操作错误提示给与友好提示页面,后台加载是用高速旋转的图形来表达速度感,任何初始界面给与足够的推荐和引导内容等处理方式。
8.去掉干扰,沉浸式浏览体验——内容有限的布局设计
9功能的差异化设计
◆竞争激烈,没有特色的产品站不住脚,在产品特色功能构思上,需要贴合用户的行为模型进行思考。
6、XX魔图
✓需求定位-娱乐化:
用户调研:
二三线城市的年轻女孩,有功能化到娱乐化转变
✓产品形态娱乐化:
卡马龙+生动的圆形+圆润的质感
✓拟场景化的设计,增加娱乐的分为和场景的代入感。
(PK大咖功能)
✓情感化融入:
产品关注的是技术和他们提供的功能,这是错的,成功的产品关注的是情感。
✓极简的交互流程:
可玩性的重要一点就是交互流程简单。
✓最简单最快捷的操作获得最佳拍摄效果——一键美化,去掉繁琐的美化细节操作。
7、XX旅游
✓产品分析:
定位:
满足旅游用户三种使用场景:
行前决策,行中记录,行后分享(一站式服务平台)
◆受众分析:
20-40岁左右,年轻有稳定收入,用户群体主要集中在教育类学生用户跟互联网it用户占比近六成,特点既有生活压力,又有对梦想的追求,热爱生活,追求自我,懂的平衡工作与生活:
行为轨迹,生活圈子,出行频次,其他特点——影响色彩表现,整体氛围的营造。
◆在浏览过程中,体验沉浸阅读感受,产生情感依赖。
◆从马斯洛需求层次理论衍生用户体验层次理论:
✓基本需求层面(可用)——功能需求层面(易用)——价值需求层面(情感依赖)
✓产品视觉分析:
轻松,分享,乐观,探索,快乐,简单。
。
。
带着美好心情出发,主辅色,修饰色彩
8、好123
✓上网导航服务平台——便捷性,良好的内容整合分类
✓信息展示:
目标是解决用户查找信息的共性化需求——快捷,方便地找到自己所需信息。
信息量大,如何对信息进行合理展示直接影响用户需找目标的效率,也影响这网站的体验。
✓具体体现在:
分类和产品信息指示明确,信息结构清晰又提哦啊里;易识别,易发现;环境平和明朗,没有过多杂乱干扰元素。
✓另外要根据优先级拉开信息的层次,梳理好类别——合适的信息放在合适的位置,通过分区和表现香台把信息层次拉开,便于用户查找。
✓设计法则:
——以保证在庞大的产品群组中,所有设计师能够遵循统一的设计理念,更好滴沿承价值观和设计思路。
✓好123设计法则:
◆简约化:
✧快捷,减轻用户阅读负担;
✧隐藏部分功能:
最常用的功能在最显著的位置,将不常用的功能隐藏;
✧最小化视觉干扰:
减少视觉感知的复杂性,使页面看上去易于使用,减少视觉干扰的方法:
空白和对比
●空白:
直接与各个元素之间的间隙,他可列为默认的布局工具,经典法则:
如果可以使用空白就不要防止其他设计元素。
●增强对比感,用最小的视觉变化来表达想法,曾庆元素之间的主次感。
◆情感化:
营造适合用户情感的氛围,引导用户情感,使用户产生积极的情绪——高明度,低纯度的区间使人更容易产生轻松愉悦的感知。
◆生活化:
与用户日常生活认知保持一致,科技大减少用户学习成本,曾庆用户的熟悉度,减少对产品的排斥。
如色彩方面,红色温暖,蓝色灵境,绿色安全这些都是用色的基本法则。
◆智能化:
网页交互式睿智的,聪明的,智能判断用户需求,最大限度地帮助用户获取有用的信息,获取用户信任。