目录(点击切换)
本文节选自《决胜b端产品免费阅读》电子版:
6.3”界面设计我们已经完成了功能模块设计、演进蓝图设计、业务数据建模、人梳理、页面流转梳理这一系列环节,已经细化到每个操作需要访问哪些页证哪些页面,现在需要为每个页面设计具体的交互功能了,即进行界面设计。虽然在界面设计之前的流程很长,但只要你细心体会就会发现,我们对整个业务形态和系统形态都已经了然于心,对整个项目和产品的掌控力越来越强。此时,界面设计已经是水到渠成之事。6.3.1界面设计的流程在团队分工明确、人力储备充足的情况下,在开发一套全新的B端业务系统时,界面设计的流程一般如下:1.产品经理绘制线框图原型,表达软件中每个页面的设计需求。2.UE设计师协助产品经理完善交互体验,并制作交互原型。3.UI设计师基于交互原型进行美工设计,生成切图文件。4.前端工程师拿到切图文件,进行前端开发,包括实现交互、动效等。当一套业务系统上线后,后期适代则基本不再需要UE和UI设计师的支持,前端工程师参考线框图就可以直接进行前端页面开发,因为前端工程师一般会采用现成的控件,例如按钮、文本框、下拉框、表格等。这种情况下,产品经理相当于同时承担了交互设计师的职责9一定要保证线杠图排版整齐、6.3.2”线框图的绘制产品经悍出来,以方便其框图的工具线框图Axure绘表需要将每个页他同事快速理解。线框图很多,常见的有的重点在于|的分销商城前台双包
决胜b端modi
括收货信息、商品信息、购买数量〈可说清楚界东通过这幅线框图9已经吕以清楚半看的排版点突出。式、控件设计及交互效果,用通俗易懂的形式表达绘制线《也叫原型图)》是一和很好的雪现形式。也看明上Axure、Mockplus、墨刀、Visio等。[上的交互功角结算页的线框图设计,而非UI效果。如图6-9所示是通过示例,图中呈现了结算页中的所有关键信息以编辑)》,以及切换收货账号和提交订单按钮。该页面需要具备的基本内容和交互效果了。关于线框图的绘制方法,网上展开。赂屋:wS加sqzxcorm培址:北京市三元托标潭配38号其心士豆{优质1站和过到aa)00斤生妥1大虐杞:500F梧掺吊环OO自必土豆巷肖1版后:世规昼:200FF铭析To和TO0T)刀汗;?00斤郊妾秆0写1200fT时再簿这天二|meatka联碌方式:1381111L1111揽秆500行小让30000002小DODD[2ES二上1屋:af二SUDOFT1DODOQ绍束50手用3000000各术时OS诗驴SODCOF让证因1DO0a0D地村DdS打加已泸:5000条小计生1000CL0D各从了0全500小计于100加巷选:5棕划异总价:革9999999.99图6-9”分销商城前台的结算页线框图示例大量的学习资料,读者可自行查阅并实践,本书不再6.3.3”尼尔森十大可用性原则线
决胜B端epub
框图需要反映出交互功能,行哪些交互、怎样设计公司甚至会给产品经理妈而在绘制的过程中需要考虑:用户在这个页面上会进配交互设计师,但成交互设计的。有产师经理交互设计领域有尔森〈JakobNislsen)博UsabilityHeuristics),该理循这些原则。富的理论沉>9能达到最好的交互效果。虽然互联网公司的分工越来越细致些是大多数情况下,B端产品经理还是需要自己完必要投入精力来学习和练习交互设计。最著名和经典的理论当属人机交互大师雅各布.尼呈十在1995提出的尼尔森十大可用性原则〈JakobNielsen\'sT理论是针对PC端交互设计提出的,但同时也适用于移动谢交设计。我们将结合具体案例详细阐述这十条指导原则,产品经理在绘制线框图时要注意反馈原则(Visibilityofsystemstatus)系统应该在合理的时间、用正确的方式,向用户提示或反馈目前系统在做什么、发生了什么。人让系统和/用户发生了什么,预到失控和焦虑,不知道下一步要做什么。以下是遵循反馈原则的一些常见设计案例。安装程序时显示进度条,上传文件时显示进度条,提交表单时,如果校验失败,贝预佑还需要多久结束。提示预佑剩余时间。则在填写有误的内容旁边提示错误原因。户之间保持良好的沟通和信息传递。系统要告知期是什么,如果系统不能及时向用户反馈合适的信息,用户必然会感
决胜b端产品经理升级之路 读后感
| 决胜b端产品经理 | 决胜b端 豆瓣 |
| 决胜B端电子版 | 决胜b端产品经理升级之路 百度网盘 |
| 决胜b端电子书 | 决胜b端产品经理升级之路豆瓣 |
综上:决胜b端的作者名值得推荐阅读

评论已关闭!