破茧成蝶之用户体验设计-设计产品原型

流程

• 产品定位
• 需求分析
• 设计需求
• 设计目标
• 设计任务流程
• 信息架构
• 导航和操作逻辑

捕获用户的芳心

精神分析法

• 真正影响用户的显性人格并非理性，而是在各个生理时期形成的潜意识因子
• 如果界面的设计元素可以与现实世界中的潜意识因子相呼应，勾起用户的回忆，引起用户的共鸣，那么当用户看到界面时，即能够令其产生认同感和情绪体验，与界面情感互动，从而引导用户积极操作

1. 拟物化设计：也可以在情感和效率之间达成平衡
2. 隐喻化的操作
3. 可控的感受：人们对外部世界的控制感能带来积极的情绪体验，也更容易接受挑战和尝试新鲜事物

• 预先提供提示
• 积极的反馈
• 贴心的提醒

如何调动用户的情感

• 产品能通过功能满足用户需求，是重要的
• 容易让人学会并顺利使用，也是重要的
• 更重要的是，产品要让人感到愉悦并能深深地吸引用户

1. 互动的乐趣：人类是社会化的动物，在意情感的双向表达。应该让用户感觉到，自己的一点一滴都能被系统感知，满足用户的参与感和被尊重感；利用互动因素可以极大地提升用户界面党的趣味性，调动用户的情感
2. 惊喜的力量：惊喜通常会令人开心，因为这是超出预期的体验。令人惊喜的小细节，会让用户深深记住这些产品，记住这些愉悦感受的美好体验，并会愿意将这些体验分享给他人
3. 情境的烘托

快速表达想法：纸面原型

• 设计规划是一个需要发散创意的阶段，所以我们需要尽量简单、快速地表达想法、节省时间、提高效率，这样才能找到最优的方案。
• 纸面原型的目的：为了沟通、测试、尽快解决那些不确定的问题。

• 具有可塑性，可以快速修改和重建
• 验证设计的可行性
• 最终确定出最合适的设计方案，再进入下一个设计表现阶段
• 确定大致的方案时，同时确定了产品的框架、主流信息、基本信息和功能等

• 工具与使用方法

• 纸张和笔画出草图
• 希望表达出界面的逻辑：可以使用马克笔、双头笔等，运用粗细不等的线条和阴影关系，画出界面的层级关系。

• 重点需要表达什么

• 设计方案的雏形：框架、流程、基本功能和内容；可以忽略设计细节
• 对之前的需求、任务、信息、操作等分析串联起来，对于界面逻辑可以用绘制的深浅和颜色来表现

标准原型

• 原型由来：设计方案的表达

1. 是设计师的重要产出物之一
2. 也是项目团队参考、评估的重要依据
3. 是产品功能与内容的示意图，既包含静态的页面样式（线框图），也包含动态的操作效果（交互说明）

需求文档包含了对功能和内容的说明，但原型并不是简单的图形化的需求文档——>它是经过设计规划阶段，通过设计加工，形成最终的结果

• 为什么要学习原型制作？

• 清晰、标准的表达，才能很好地展示出设计想法
• 专业的交互设计师，一定要学会产出标准的原型稿
• 是项目开发的标准和依据。为了让多种不同的角色都能理解设计方案，原型务必要表达得清楚、规范

• 低保真原型与高保真原型

• 低保真：纸面原型（草图），也可以是用软件绘制的线框图

大型团队：Axure、Viso；设计移动端产品：PPT

• 高保真：外观、操作上与最终产品基本一致：相当于一个高级模型，展示使用

• 标准的原型：

1. 简要说明
2. 信息结构：综合考虑产品逻辑结构和用户习惯
   
3. 任务流程和页面流程：用户使用产品时，每一步操作会遇到什么结果、系统会如何反馈等等（比起业务流程（业务限制、后台逻辑）更关注用户如何操作，从一个页面跳转到另一个页面的完整过程）——>是页面流程图的基础和依据
   
   

4. 线框图（静态的部分）&交互说明（动态的部分）

• 交互说明示例：p287页交互规范
  
  
  
  

• 画线框图

1. 通过明暗对比表达
2. 不使用截图与颜色：只告知视觉设计师需要营造的氛围和达到的效果
3. 合理的布局：尽量保持简单的结构：最好不要出现2列和3列混排的设计
4. 遵守栅格规范（平面设计的方法与风格：运用固定的格子设计版面布局，风格工整简洁）——>保证交互稿中的字号、间距尽量符合视觉要求
5. 标记第一屏高度
6. 表达清楚UI逻辑：

• 当设计一个内容元素较多、逻辑层次较复杂的页面事，需要提前整理内容，以保证文字、链接、操作等内容的样式符合所代表的的重要程度——优先级
• 并把各种复杂的情况归类成有限的几种形式，以给用户一个合理的视觉引导

7. 考虑视觉实现后的效果
8. 了解视觉趋势
9. 使用：真实、符合逻辑的数据内容
10. 不遗漏特殊状况的描述
11. 避免过长说明
12. 关于重复出现的模块：迷你收藏夹

设计规范

（笔记）