扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
文章为作者对一款产品从0到1设计过程的思考总结,希望能够给你带来帮助。
创新互联建站服务项目包括阜新网站建设、阜新网站制作、阜新网页制作以及阜新网络营销策划等。多年来,我们专注于互联网行业,利用自身积累的技术优势、行业经验、深度合作伙伴关系等,向广大中小型企业、政府机构等提供互联网行业的解决方案,阜新网站推广取得了明显的社会效益与经济效益。目前,我们服务的客户以成都为中心已经辐射到阜新省份的部分城市,未来相信会继续扩大服务区域并继续获得客户的支持与信任!在上篇文章中《B端产品需求分析的实践与思考》,笔者分析了B端产品在需求分析的实践过程中所用到的方法和注意事项。
需求分析的目的是找出用户本质需求,排列出需求优先级,确定产品的核心需求和业务主要流程图。需求到开发阶段需要经过一个需求评审的阶段,为了保证需求评审的质量,将需求以产品原型的方式展示出来是必要的,一方面便于更加形象的进行产品描述,另一方面便于及时发现和调整产品主要和细节的地方。本文就是在此基础上阐述如何从0到1设计一款产品。
一、总体设计思路
产品设计可以说是产品经理一项非常重要的技能了,说到设计,可能马上会想到各种设计原型的软件了,比如说Axure、Mockplus、Sketch等,相信有很多新手朋友刚入行拿到需求后,就开始迫不及待利用各种原型软件进行设计,追求于各种酷炫的呈现效果,在未认真理解业务流程、用户及使用场景冒然进行设计会带来诸多弊端。
那么一个好的设计思路是什么呢?这里笔者借用《破茧成蝶:用户体验设计师》这本书的设计思路:理清业务流程->设计页面流程->设计页面交互,下文笔者就阐述如何利用该思路进行B端产品的设计。
二、理清业务流程
无论是从0到1全新构造一款产品,还是在已有的产品上进行规划设计,理清业务流程都是非常有必要的,当然不能眉毛胡子一把随便抓,否则会事倍功半,笔者通常采用的思路是先确定主要任务流程,在确定子任务流程,然后对子任务流程需求进行优先级排序,为页面流程图的数据的流转做好准备,下文将以案例的方式进行描述。
1、确定主要任务流程
通过需求分析和需求评估,满足核心需求的业务流程可以确定下来。下图是某医院经过调研、需求分析和评估后的患者订餐管理的业务流程图,其产品定位为:
目标用户:医院住院患者、订餐员
使用场景:住院病人早、中、晚订餐;膳食科管理员接单、打单
用户目标:住院患者实现移动订餐、膳食科管理员信息化管理订餐
2、确定子任务流程,优先级排序
确定了主要任务流程,再将主任务流程的每个节点分解为子任务流程,如下表:
从上表可以看出任务流程的主节点可分解为若干个子任务,有了多个子任务,就需要对子任务的优先级进行排序了,这样做的目的是让大多数用户需要用到的功能和使用频率高的功能,能够重点突出,便于用户高效地完成地任务,通过对子任务的重要程度、使用频率、使用人数便可将子任务进行优先级的排序:
第一优先级:选择病区、选择病房、患者订餐、患者选择膳食加入购物车、提交订单、打印订单;
第二优先级:患者查看早餐膳食、患者查看普通膳食、患者查看治疗膳食、查看订单信息、查询订单信息、取消订单、删除订单;
第三优先级:查看患者信息;
优先级的顺序指的是在页面中的重要程度,并不是体现在出现业务流程的顺序上,比如:“患者查看早餐膳食“一定是在”患者订早餐膳食“之前。
三、设计页面流程图
通过以上步骤,我们理清了业务主流程、子流程、并且对子流程的优先级进行了优先级排序,接下来需要在页面流程图上如何体现出来,如下图所示:
如何将子任务根据优先级设计到界面中,采用何种导航方式、如何突出重点功能、如何指引用户高效率完成任务等等,这个阶段就需要对页面之间和页面内部考虑加入交互设计了。
四、页面交互设计
在这里给大家介绍我常用的交互设计原则,主要是来源于两本书:
1.《写给大家看的设计书》:提倡亲密性、对齐、重复、对比,四大设计原则
2.《简约之上》:提倡删除、组织、隐藏、转移,四大策略
针对四大设计原则和四大策略具体的解释及用法,请大家仔细阅读这两本书,这里不做赘述了,这里值得多一句的是导航架构,不同的产品其导航架构大有不同,Web端和移动端有较大出入,即便是移动端产品,也会因其定位不同,导航架构也不同。
本次产品的是放在平板电脑上实现,属于移动端产品,考虑到产品核心功能及用户的使用习惯,本案例产品采用的是常用的标签式导航,就移动端来说还有很多导航方式。
比如说:列表式导航、平铺式导航、宫格式导航,不同的导航适用不同的产品定位和使用场景,这里需要大家另外找资料多去研究下设计规范。
确定了导航信息架构,利用四大策略和四大设计原则便可实现页面之间、页面内部的交互,加入元素及交互设计内容如下图所示:
我们常说的用户体验的好坏,很大程度上与交互设计有着重要的关系,当然笔者属于产品岗,因岗位的偏向,和专业的交互设计师在专业程度上应该是存在一定差距的,这里提供的案例属于本人刚入行设计的原型,很多地方比较粗糙,考虑到该产品逻辑比较简单,不用太多专业知识,便才将其选为案例,仅供大家的参考。
关于如何做好产品的设计,本人也一直在学习,毕竟做一款既符合需求又让用户觉得好用的产品,是需要不断地积累和沉淀的,另外,团队中若是存在专业的交互设计师,产品人员在整理需求和流程后,可做简单的线框图来示意即可,而专业地交互设计留给专业的交互设计师做,相信别人的专业能力,让他有更大的发挥空间,这样才能建立好关系,相互信任。
五、注意事项
在这里顺便总结下,本人做在产品设计实践过程中觉得需要注意的地方:
1、切记未理解业务流程匆忙进行设计;
2、切记未理清用户和使用场景进行设计;
3、不同的用户看原型的要求不同,内部分享或者给开发看的原型,应尽量保证说明清晰、准确、全面;给客户的或者测试用户的产品设计应具备低保真甚至高保真效果,方便演示;
4、培养好的设计能力需要不断体验和总结,是一个需要持续不断学习的过程,永远要保持空杯心态。
六、总结
以上就是本人以案例化的方式描述一款产品从0到1的设计过程,其核心的设计思路为:理清业务流程->设计页面流程->设计页面交互,以及总结了本人在产品设计中碰到的问题及需要注意的地方,仅供大家参考,希望在工作中能够帮助到大家,也希望大家一起多提意见,指出不足,感谢阅读!
作者:张磊(个人公众号:lightinglei)互联网医疗B端产品策划者,音乐爱好者,篮球爱好者,摄影爱好者
本文由 @张磊 原创发布。未经许可,禁止转载。
题图来自unsplash,基于CC0协议
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流