写在前面:一本世界观与方法论并行的书,行业领导者当之无愧。五导家作为全书的核心与基础,值得一读再读,设计不是孤立的。偶有几篇较水,瑕不掩瑜。
01-我们的世界观
设计要站在用户的角度思辨业务,先服务内部客户再服务最终用户,设计帮助业务成功。
02-五导家——设计师的Think-flow
一、定义:关于设计工作思考过程的方法论,五步思考路径。
二、价值:面临复杂、系统化的问题时,通过五导家思考路径提升思考效率和质量。
三、步骤:
1、明确业务诉求(a、精准定位的目标用户-市场划分;b、主张为目标用户带来的核心价值-对目标用户的实用意义;c、价值变现方式-收入模型;d、价值的实现策略-落地办法)
2、洞见用户诉求(a、场景故事-STAR原则-Situation、Task、Action、Result;b、用户当前主导诉求;c、用户潜在诉求)
3、定义业务目标,聚焦设计目标(SMART原则-Specific、Measureable、Attainable、Relevant、Time-bound;业务目标=用“某策略”给目标用户带来“某价值”,以实现“某变现方式”;设计目标=用“设计策略”给目标用户带来“某价值”,以助力“某变现方式”)(窝日,好几把炫酷)
4、设计衡量指标(任何事物和现象都是可衡量的;VSM原则-Value、Signal、Metric;HEART模型-Happiness、Engagement、Adoption、Retention、Task success;PV、UV转化率)
5、设计方案(这个就看设计师本人的灵感想象创新品味和审美)
6、验证反思和迭代(就5步,这个是我独立出来的嘿嘿)
03-设计的理性之光——数据
一、看什么数据:1、五度模型:吸引度、完成度、满意度、忠诚度、推荐度;2、GSM模型:Goal-最直接的设计目标、Signal-设计目标实现后产生的现象、Metric-用户现象的量化数据化;3、四象:当前/长远、行为/态度;4、五个阶段:触达、行动、感知、回访、传播(形成闭环)
二、怎么用数据:设计前发现问题、设计中判断思路、设计后验证设计。
04-DesignO2O——打造触动人心的设计
CORE模型:
Collect-采集:尽可能多地收集目标用户的所感所想形成同理心;
Organize-组织:通过记忆导出情感节点(时期-学生时代、童年、文革等;地点-故乡、家等;环境-晴雨月圆月缺;人物-儿女等;事件-9·11、非典等;文化-节日doodle等);
Reaction-反应:将采集的信息与情感节点结合,产生情感载体;
Estimate-评估:物境(“抄”现实)情境(唤醒)意境(向往)
05-交互输出物再思考
一、原则和类型:1、原则:易于理解,利于协同;2、类型:线框图、原型;
二、高段位交互输出物:1、交互方案(架构、流程、整体方案、状态注释);2、说明(响应式方案、动效、数据打点);3、项目版本(人员、背景、设计计划、评审记录);4、发现与思考(五导家、竞品分析、眼动热点、痛点分析、体验地图);
三、心得:1、命名;2、栅格;3、第一屏常常决定后续转化;4、善用组件控件库;5、文案真实(其实这个不仅在交互,在视觉的时候也应该尽量做到,吃过很多亏);6、避免视觉化和使用截图。
06-B类电商APP动效设计指南
一、必要性:感官反馈有限、与物理世界脱节、无可及性-即纯视觉无情景体验不利于记忆;
二、分类:情境-转场过渡、层级展示;引导-空间扩展、聚焦关注;响应-内容呈现、操作反馈;
三、设计指南:比较细致丰富,建议读书。
四、使用原则:效率为王,性能为后;信息为主,动效为辅;强调数字,助力交易;理性创新,谨慎克制。
07-Sketch+Keynote快速制作APP动效
一、构思创意及分解动效(移动/缩放/旋转/透明/起始)
二、制作原型及元素切图
三、Keynote环境配置
四、拖放组件及添加互动
五、调试
08-营销设计的立体化思维及表达
一、方法论:利益点层面-促销力度,策略层面-价值显性化,价值观层面-认同感;
二、平台化管理:在需求很多时适用;
09-你画我懂——图标设计
1、图形提炼方式:图标名称-关键词-衍生关键词-图片搜索-情绪版-整理分析(色彩/质感/图形)
2、图标与符号学:能指=在线体、所指=对象+解释项;
3、影响认知因素:视觉复杂性、熟悉性、语义距离、具体性。
10-字体设计之移花接木
一、字体设计的意义:视觉设计的一部分,准确传达主题内容和情感。
二、怎么做:1、选择主体文字,根据需要适当变形;2、了解文字笔画的来龙去脉,嫁接在笔画开始和结尾处,中间区域稍加修饰;3、适当增加亮点元素;4、氛围烘托。
11-Web动效研究与实践
实现手段:GIF动画、WebM视频、PNG序列、技术实现手段-CSS/HTML。(这一篇不太能看懂)
12-图表设计
一、常见图标类型:柱形图、饼图、折线图、表格;
二、提升图表的易读性:颜色区分强调;表格文字左对齐数据右对齐;适当分离加粗等;
三、创新:变形、立体化、情境化、使用icon、人性化民主化。
13-产品卡通形象设计
一、作用:具象传递产品特质给用户,强化产品建立认知。
二、怎么做:1、产品背景;2、形象设定(a、产品定位-产品功能、目标人群、用户期望;b、形象选定-发散整理、提炼);3、形象设计(a、草图-形态特征拆解、个性符号提炼;b、形象细化);4、赋予性格;5、形象产品化传播(a、物料衍生传播;b、运营活动包装)。
三、卡通形象让产品更鲜活。
14-B类抽象与应用
B类产品:安全、高效、诚信(一篇看起来很牛逼其实不知所云的文)
15-单页面信息层次检测方法
一、用户行为:核心行为层、了解行为层、最终行为层
二、检测方法:组织人员测试-浏览测试页面-用户作出反馈-提炼层次点-对比信息层次点-输出测试报告及评分
三、方法举例:快速浏览法、金字塔分层法、涂抹法
16-流动法则与响应度量
一、什么是响应式设计:内容灵活性、设备多样性、体验一致性
二、三种方式:多个固定尺寸切换的响应方式、为移动端/桌面端分别打造两套区间尺寸的响应方式、跨终端无缝体验的响应方式
三、具体案例
四、栅格系统:布局设计、实现方式、布局变化、等分栅格
五、设计规则:区间尺寸、断点设置、拉伸规则、响应式规则可视化
17-客户情感维系设计
一、客户关系维系的重要性:获取新客户成本是老客户的5-8倍;客户有生命周期;情感维系可延长生命周期
二、设计手段:情感化设计、情感维系策略、案例分析
18-快乐是极致的土壤
emmm大意就是我们工作很快乐,我们工作很极致。
19-如何做好UED团队的HRG
emmm大概解释下绩效什么之类的。
网友评论