




下载本文档
版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领
文档简介
本文格式为Word版,下载可任意编辑——用户体验设计过程互联网的用户体验设计过程rexsong更多互联网产品文档请访问阅微网开放式PM产品社区阅微网新浪微群阅微网官方微博阅微PM超级群全国22383617上海1187369372目次怎么做交付物灵巧设计产品评估问题3怎么做4实施过程概念证明构思根据市场研究和设想目标论证为可行的商业模式设计探索规划把抽象的商业需求量化为可视可操作产品原型的过程技术编码落实互联网产品与传统UI做用户体验最大的识别便在于此5概念证明内容需求用户需要的内容功能规格需要什么样的功能用户简介角色说明6设计探索信息架构功能布局界面线框交互设计任务分解工作流程视觉设计风格模范7技术编码布局HTML表现CSS行为DOMScript8交付物9类型设计图概念图架构图流程图原型纸质原型图形原型页面原型文档过程文档交付文档10设计图用户模型功能模型交互流程认知布局规律布局架构图概念图流程图11概念图功能模型能得志什么如何得志用户模型需要做什么理应如何做PaperVisioMindManagerIllustratorPhotoshopPowerpoint12概念图功能类似产品蓝图的远景规划使用抽象图形呈现Photoshop制作13概念图用户定义产品用户应有的功能列举可能没有规律关系MindManager制作14架构图规律布局建立层级规律关系认知布局建立认知规律关系PaperMindManagerFreeMindCmapToolsOmnigrafflePowerPoint15架构图规律介绍Flickr功能以及它们之间的相互关系CmapTools制作16架构图认知介绍用户可以在Flickr平台上获取哪些服务Illustrator制作17流程图任务流程功能点之间的交互界面流程操作点之间的交互PaperVisioOmnigrafflePhotoshopPowerPointSmartDrawAxure18流程图任务某用户在雅虎邮件系统里登录后查看消息的过程处理片段Visio制作19流程图界面小杰在后台创造调查添加问题选项获得JS调用代码的过程Visio制作20原型页面原型低保真高保真线框图任务分解网站地图纸质原型迭代图形原型工作流程21纸质原型优点制作快速无技术壁垒消散更少的议论时间传达产品感觉不错缺点存在屏幕真实状态问题不能评估视觉不能在实际系统中制造假数据不能评价的响应时间不适合超过3人的演示22纸质原型制作23纸质原型卡片24纸质原型手绘25图形原型优点效果美观适合打印或者归档无需纸张缺点存在客户端真实状态问题制作需更多时间制作需要相关专业学识不便当现场测试新想法轻易延误提升执行26图形原型Visio27图形原型Photoshop28图形原型Illustrator29页面原型优点真实的交互有益于评价屏幕变化有时间作出提升缺点制作需更多时间制作需要编程学识不便当现场测试新想法轻易延误提升执行30页面原型低保真区分链接不区分颜色固化布局固化模块固化信息条目固化信息内容规格31页面原型高保真保证与设计图一致按风格指南完成布局表现制作区分信息颜色32过程文档角色定义有目标用户群之后分别对典型角色举行定义让他们看起来更真实页面列表适合管理原型页面并编号存档和组织33角色定义Grow根本属性关键差异简朴描述用户目标商业目标相关属性34页面列表Dpdp名称编号35交付文档风格指南指导低保原型举行美化及维护准那么包括HTMLCSS脚本说明指导页面前端行为开发的扶助包括ScriptDOM接口说明便当第三方开发获取数据使用功能36风格指南CAPT布局配色排版样式表混合37脚本说明YUI框架模块调用38接口说明豆瓣通用参数说明通用元素说明返回状态说明细致说明39灵巧设计40流程与交付保证关键设计图图形只是辅佐说明根据产品需求适量裁减合并设计图多用Web页面原型直接完成为带交互的HTML页面裁减实施过程从低保原型开头越保真的原型需要的技巧越多或耗时越多41思维导图MindMap42任务分解TaskAnalysis43快速引导Dashboard44工作流程WorkFlow45网站地图SiteMap46职能与职责产品经理PM提需求和构思并且全面统筹和协调产品原型设计师IAIDVD反复迭代规划最终完成为低保原型并且出具风格指南掌管两种以上的设计工具产品页面工程师DEV通过风格指南和低保原型完善为高保原型辅助完成质量评估掌管两种以上的编码工具47才能要求打分5业务才能互联网熟悉信息架构交互设计沟通才能工作协调文档制作视觉设计编程才能PM552355321IA345444532ID234544533VD2324445DEV322443548产品评估49启发式评估需要留神的原那么1可视性原那么2不要脱离现实3用户有自由操纵权4一致性原那么5有预防用户出错的措施6要在第一时间让用户看到7使用起来生动且高效8易读性9给用户明确的错误信息并辅助便当恢复工作10必要的扶助提示与说明文档50启发式评估导航1明显指示了当前的位置2明显定义了首页的链接3网站的全体主要片面都能通过首页访问4假设需要的话理应有个站点地图5网站布局明显没有不必要的层级6假设需要的话要有个易用的探寻功能51启发式评估功能1全体功能都被明显地表示出来2全体重要功能在不离开网站前提下都可以使用3没有不必要的插件52启发式评估操纵1用户可以取消全体操作2在每页用户都可以找到明显的离开本页标识3全体图片链接都和文字链接一样明显可用4网站的流程符合用户的操作流程5支持全体主流欣赏器53启发式评估语言1文案干脆2没有术语54启发式评估反应1现在发生了什么理应一向明显标示出来2如必要用户理应能收到邮件反应3全体反应都要实时切实4如需要安装插件或特定欣赏器务必告知用户5用户可以通过邮件或提交表单来提交反应观法6如必要的话供给在线扶助55启发式评估一致性1对任何元素都只有固定的一种叫法2链接与其指向页面的标题要匹配3对链接和已访问链接使用模范的色调4一致使用术语的普遍叫法56启发式评估防止出错1使用简朴的语言来表述错误信息2错误信息需要给出下一步操作提示3错误信息供给明显的
温馨提示
- 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
- 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
- 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
- 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
- 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
- 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
- 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
评论
0/150
提交评论