热门标签 | HotTags
当前位置:  开发笔记 > 运维 > 正文

交互设计在产品设计中的工作流程小议

当产品的用户体验要求越来越高时,交互设计师的职责也越来越明晰了。交互设计师除了自身的基本功外,还需要有一个规范的流程,才能够使工作完整有序。图1交互设计在产品设计

  当产品的用户体验要求越来越高时,交互设计师的职责也越来越明晰了。交互设计师除了自身的基本功外,还需要有一个规范的流程,才能够使工作完整有序。

  

 

  图1 交互设计在产品设计中的流程图

  一、版本计划

  版本计划是指在产品或项目立项时,对产品的一个总的规划,通常包括产品的需求与目标,比如能够实现哪些功能,性能上如何。这一过程,交互很少直接参与,或者列席一下发版立项,对计划情况有所知晓。交互可以纵观一下历史版本,对比行业内外的相关产品,以及满怀未来产品的一种期待:实用、方便、美观……

  二、需求分析

  在版本计划立项完成后,产品经理就会把版本计划分解,并整理成需求稿给交互设计师。交互设计师拿到需求稿后,开始需求分析。当发现有些逻辑不够合理,或者有任何不够清晰的地方,都需要跟产品经理协商。此时,交互可以使用各种原理与方法,比如根据产品的历史用户数据进行用户研究,与开发人员进行一些实现效果上的交流。

  在与产品经理或开发沟通过程中,可以用自己方便的方式,随时记下或画下各种功能、效果与要求。交互设计是产品设计中的一个把需求变成模型的实现过程,产品经理是产品设计的核心,在交互设计过程中只要有问题,都寻求产品经理解决或协调。但是他们的主要工作是做需求,一个优秀的交互设计师所做的工作,产品经理往往是不容易做到的。

  三、交互设计

  前期的准备工作做好了,就进入交互设计阶段了。这一阶段,交互需要借助axure等原型工具,将产品由抽象概念转化为可演示的模型概念。

  交互设计可以按三个小的步骤来走。第一个步骤,是交互过程的梳理,即用流程图把交互过程梳理出来。比如在设计一种手机自动问答股票证券的功能,流程需要从入口、首次使用示例、询问、回答到答案的分享等。同时,需要注意在使用过程中各种突发的事件,如网络连接、服务器异常等问题提示,有回答不了的问题怎么给出回应等。

  第二个就是完成产品的功能需求,即把产品的基本功能通过一个完整演示的原型来实现。这个过程,可以用线框图来表示,争取每一种效果都能做出来,如果做不出来,就用文字说明标注。这一步做出来的低保真原型完成后,可以向产品经理演示,确认是否还有遗漏。一个有着完整交互效果的原型沟通起来还是能发挥出方便直观优势的,拿给开发演示,让测试作为评测的依据,也比长篇大论的文章交流效率高很多。

  

交互设计在产品设计中的工作流程小议

 

  图3 原型演示稿及说明

  交互设计的第三个步骤,就是把完整的原型详细分解到每一步动作进行说明。开发、测试关心每一步怎么做,视觉也会根据每一步进行设计。在设计时,将理想效果大胆表达出来,当然这里少不了你宽阔的知识面。不需要对技术了解太深,但需要知道哪些效果实现起来方便并符合整体风格,哪些效果在技术上极难实现,而这些见识就要加强与开发的沟通。当然,对视觉的基础也是要有的,各种布局设计也要在产品整体的视觉风格之内,否则视觉设计时的改动会比较大。

  交互稿的审核,需要研发人员的共同参与。在审核过程中,抓住需求这条主线,从用户的角度考虑,主要从软件的基本交互规律上讨论。做产品必须有前瞻性,而非事后的。主观上的感觉也是一个方面,但分量不能过重。

  总之,交互设计完成后的产出物需要满足两个条件:完成产品需求,分解到每一步动作。这两个条件具备了,就是一个不错的交互文档,图和动作加上说明,比任何密密麻麻的文档都直观。

  四、视觉设计

  交互稿通过研发人员的审核后,交给开发前,需要进行视觉设计。视觉设计师不但要完成图片图标的设计,还要标注好背景色、字体、字号、间距等等。当然,除了图标类的设计外,字体、间距、对齐等,交互设计师应该在规范文档的指导下,在交互稿中有所体现了。但是即使有完善的规范,也只能完成70%-80%,很多东西需要在场景变化时,进行适当的调整。

  五、开发

  产品的开发过程中,交互的主要任务就是跟进。功能方面,测试自然能够把关,但是交互方面,哪怕前期沟通得再好,开发会一不小心还是会给做打折的。如果难度太大或实在有问题,开发应该主动找你协商。所以,在无关性能的影响下,只要能够让用户体验度再上升一点点,不要跟开发太多妥协。

  六、测试

  测试是你的好帮手,交互稿做得到位了,测试会帮你把好关。

  七、版本发布

  当测试完成了产品的各种验证后,版本就要发布了,此时交互参与的这次研发基本进入了一个闭环。

  八、用户反馈

  产品的版本发布后,会通过系统、电话等方式收到一些用户反馈,有可能直接修改交互稿,或者直接跟开发提交互效果的更新,对版本进行一些完善。当然,过了刚发布后的一段时间,进入稳定期,才是真正完成了本次版本的交互工作闭环。之后的反馈,可以为下一个版本提供参考。

  需要提一下的是,产品的设计,并不一定有专门的视觉参与,就像产品设计过程并不一定有专门的交互设计师一样。这个时候,交互设计师就要有一定的视觉设计能力了。

  总结

  简单说来,交互设计过程如下图所示,作为本文的一个总结。

  

交互设计在产品设计中的工作流程小议

 


推荐阅读
  • Docker的安全基准
    nsitionalENhttp:www.w3.orgTRxhtml1DTDxhtml1-transitional.dtd ... [详细]
  • 本文介绍如何解决在 IIS 环境下 PHP 页面无法找到的问题。主要步骤包括配置 Internet 信息服务管理器中的 ISAPI 扩展和 Active Server Pages 设置,确保 PHP 脚本能够正常运行。 ... [详细]
  • 1:有如下一段程序:packagea.b.c;publicclassTest{privatestaticinti0;publicintgetNext(){return ... [详细]
  • 本文介绍了如何在具备多个IP地址的FTP服务器环境中,通过动态地址端口复用和地址转换技术优化网络配置。重点讨论了2Mb/s DDN专线连接、Cisco 2611路由器及内部网络地址规划。 ... [详细]
  • 深入理解Cookie与Session会话管理
    本文详细介绍了如何通过HTTP响应和请求处理浏览器的Cookie信息,以及如何创建、设置和管理Cookie。同时探讨了会话跟踪技术中的Session机制,解释其原理及应用场景。 ... [详细]
  • 创建第一个 MUI 移动应用项目
    本文将详细介绍如何使用 HBuilder 创建并运行一个基于 MUI 框架的移动应用项目。我们将逐步引导您完成项目的搭建、代码编写以及真机调试,帮助您快速入门移动应用开发。 ... [详细]
  • 深入理解 SQL 视图、存储过程与事务
    本文详细介绍了SQL中的视图、存储过程和事务的概念及应用。视图为用户提供了一种灵活的数据查询方式,存储过程则封装了复杂的SQL逻辑,而事务确保了数据库操作的完整性和一致性。 ... [详细]
  • 梦幻西游挖图奇遇:70级项链意外触发晶清诀,3000W轻松到手
    在梦幻西游中,挖图是一项备受欢迎的活动,无论是小宝图还是高级藏宝图,都吸引了大量玩家参与。通常情况下,小宝图的数量保证了稳定的收益,但特技装备的出现往往能带来意想不到的惊喜。本文讲述了一位玩家通过挖图获得70级晶清项链的故事,最终实现了3000W的游戏币逆袭。 ... [详细]
  • 本文探讨了 RESTful API 和传统接口之间的关键差异,解释了为什么 RESTful API 在设计和实现上具有独特的优势。 ... [详细]
  • 本文详细介绍了Java编程语言中的核心概念和常见面试问题,包括集合类、数据结构、线程处理、Java虚拟机(JVM)、HTTP协议以及Git操作等方面的内容。通过深入分析每个主题,帮助读者更好地理解Java的关键特性和最佳实践。 ... [详细]
  • 如何配置Unturned服务器及其消息设置
    本文详细介绍了Unturned服务器的配置方法和消息设置技巧,帮助用户了解并优化服务器管理。同时,提供了关于云服务资源操作记录、远程登录设置以及文件传输的相关补充信息。 ... [详细]
  • 网络攻防实战:从HTTP到HTTPS的演变
    本文通过一系列日记记录了从发现漏洞到逐步加强安全措施的过程,探讨了如何应对网络攻击并最终实现全面的安全防护。 ... [详细]
  • MQTT技术周报:硬件连接与协议解析
    本周开发笔记重点介绍了在新项目中使用MQTT协议进行硬件连接的技术细节,涵盖其特性、原理及实现步骤。 ... [详细]
  • UNP 第9章:主机名与地址转换
    本章探讨了用于在主机名和数值地址之间进行转换的函数,如gethostbyname和gethostbyaddr。此外,还介绍了getservbyname和getservbyport函数,用于在服务器名和端口号之间进行转换。 ... [详细]
  • 邮件(带附件,模拟文件上传,跨服务器)发送核心代码1.测试邮件发送附件接口***测试邮件发送附件*@parammultipartFile*@return*@RequestMappi ... [详细]
author-avatar
愛妳yi輩zi
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有