童话说说技术创业美文职业
投稿投诉
职业母婴
职场个人
历史治疗
笔记技能
美文纠纷
幽默家庭
范文作文
乐趣解密
创业案例
社会工作
新闻家居
心理安全
技术八卦
仲裁思考
生活时事
运势奇闻
说说企业
魅力社交
安好健康
传统笑话
童话初中
男女饮食
周易阅读
爱好两性

真实案例分享:做交互,别急着画原型

4月20日 发如雪投稿
  原型是初期用来表现产品的“蓝图”,原型的作用在于承上启下,不管是验证产品可行性还是用于开发等都至关重要。在熟悉用户和流程等基础下绘制出的原型才能更加符合用户使用习惯
  曾经作为一名新手(当然现在依旧是,还有好多待提高),多多少少踩过一些坑,也许案例很简单,也还是想和大家分享一下:
  有段时间接触过一个项目,比较简单的一个功能:付费预约线下的活动(移动端),之前的免费预约流程已经有了,用户通过界面操作的整体流程是:
  免费的流程(流程1)
  其中添加人员需要输入身份信息,而且有一定的人数限制(原型截取部分),输入预约人信息是为了方便后续的短信等通知
  添加参加活动人员
  于是,基于这个免费的流程,在每次添加好一位人员的时候,给与每个人费用的披露(通过已经设置好的价格),因此整体流程是:
  付费的流程(流程2)
  付费限制人数有所调整,并且因为付费增加了确认订单和支付两个页面,从确认订单页面开始添加倒计时功能,倒计时结束后将库存返回,支付成功则无需继续倒计时
  所以照着这个大体流程,细化了每个流程中的细节,并且进行了原型的绘制
  其中添加成员变化点如下:
  原型在基本上完成后,和同事的讨论中发现:
  免费的预约之所以要填信息更多的是希望用户考虑清楚是否要参加活动,所以填写人员信息一方面设置了难度,另一方面记录下了信息,同时免费预约后规定时间没去的会被记录到黑名单(针对账号)
  而对于收费的预约,本身就涉及到付费,用户预约肯定会比较谨慎,而且即便用户付了钱没去,而不存在黑名单的说法(所以身份信息显得并不重要),同时当用户需要添加很多人情况下,就不得不填写多份的身份信息,所以会非常繁琐,此时开始认为之前的整个流程并不合适
  于是经过调整,流程如下:
  流程3
  选择票数:
  对于用户预约活动而言,把相关价格展示给他们,并且能方便选择购买的票数即可
  流程3和流程2对比下可以发现:
  流程3只需要通过“加减”选择器增减票数,而票数就是对应的人数
  流程2需要通过跳新页面,并且填写无用的信息来添加人员,而用户实际只是想买几张活动的票。而笔者之所以会犯这样的错误可能是能力原因,更多的却是“急着画原型”,潜意识里以“免费”任务为流程进行了设计,而没有从用户的“目标”为前提进行深度思考。
  总结
  在拿到功能需求时,不要急着画原型。
  直接开始画原型容易被某个类似的任务场景套进去,并且自己极不容易发现。一旦套进去后基于这样的任务导向做了的原型设计,极有可能不符合用户的预期,然后返工修改。
  因此在做原型之前,先思考下用户的目标是什么,这些信息是不是必要的,想清楚之后绘制流程图,然后细化着做出原型图(当然当功能极为复杂或者设计多个功能时,再画原型前可以用脑图对信息结构进行整理)。
投诉 评论

Axure原型设计:京东官网滚动界面作者分享了自己制作京东官网滚动界面原型的具体操作过程,希望大家可以从中受到些启发。先上京东官网原图(也可以自己搜素京东官网查看)先分析一下这个界面,几张图片的滚动,……Axure新技能:自适应手机屏幕大小对于如何把原型放至手机上进行演示相信大家都已经很熟悉了,但是如果几位同事屏幕大小不一,或者需要安装到客户手机上进行演示,这时候我们就很难保证我们的原型会显示完整,要不然就是屏幕……Axure原型设计:动态面板之轮播图显示(附带源文件)动态面板的功能很强大,了解了动态面板的原理,便可以运用自如。在目前的工作中,我把经常使用动态面板制作的交互总结了一下,希望与大家讨论并分享。动态面板在交互中常常用在……Axure原型设计:微信看一看下拉刷新操作看一看是微信最新开放不久的功能,以前是隐藏在搜索框下方“朋友圈热文”。进入后可以查看推送给自己感兴趣的文章。在文章列表里,下拉后释放,会自动更新些新的文章。在等……使用Axure打造最佳的移动端交互原型教程一直以来Axure在对移动端原型设计方面的支持都不是十分理想,它没有像目前其它几类原型设计工具(Justinmind、墨刀等)一样提供移动端设备的模板和相关交互组件,但是Axu……中小团队PM,如何高效输出APP版本需求文档?中小团队往往讲究快速迭代,所以产品需求文档最好也满足快速高效易沟通的特性。越来越多的PM已经在使用Axure“原型注释”的方法,输出原型HTML作为产品需求文档。但……在画原型之前,请先拟好“流程图”和“信息结构”上一篇《做交互,别急着画原型》中说到画原型前先要理解功能,并且从用户角度思考如何绘制适合用户的流程图。而今天将和大家讲讲,画原型图前比较重要的两个因素:“流程图”与“信息结构”……Axure用一个功能搞定手风琴式菜单设计最近做原型想做一个手风琴的效果,但是忘了怎么做的,于是百度了一些方法,发现大部分方法都会用到中继器,觉得有点麻烦。后来翻看以前的书找到了原来学会的方法,现在分享给大家。其……Axure设计:制作iOS列表左滑菜单效果该效果是模仿iOS微信界面中,左滑列表时显示菜单项的效果,使用的都是Axure中常用的组件,原理是通过控制动态面板的坐标来移动面板并显示菜单。本文仅适用于具有一定Axure使用……Axure教程:微信聊天列表原型制作(三)本章完成微信聊天原型的第三个主要部分,聊天信息的跳转。如果你希望跟着操作,需要根据前两章的内容,首先完成之前的原型。微信是一个负责庞大的系统,制作微信原型需要分模块,逐渐……GoogleMaterialDesign:900个实用图标的本文作者将分享一套来自于GoogleMaterialDesign的实用Axure图标组件库,其中一共有900款的常用的经典图标。enjoy平时各位交互设计师和产品经理们在……真实案例分享:做交互,别急着画原型原型是初期用来表现产品的“蓝图”,原型的作用在于承上启下,不管是验证产品可行性还是用于开发等都至关重要。在熟悉用户和流程等基础下绘制出的原型才能更加符合用户使用习惯曾经作……
微信专项研究:中国最强大的互联网用户体验整合平台如何精准地做份竞品分析报告?如何做一份好的竞品分析:商业WIFI竞品分析让你不再跳坑教育工具产品分析:古诗词典产品体验报告支付类APP分析:翼支付产品体验分析报告梳理思路和要点,做一份具有不可替代价值的竞品运营分析蘑菇街VS小红书:电商之路在何方?产品体验:从七大维度全面分析ETCP停车APP从优质中文体验出发,看字里行间的写作产品设计短租行业上下游竞争力分析:各有千秋不相上下关于语音输出的胡思乱想:语音记录的弊端和发展构想6款效率类图片标注App对比分析与评测丸子头这么扎好看丸子头扎发发型报告手机模组采用三四镜头比重持续增长,但对8P镜头采用率仍较简朱干叔诸友喝起来造句用喝起来造句大全论我国产业结构升级与价值链升级决定于人力资本的重要性如何强制跳过激活锁?时间都去哪了幼儿园大班优秀语言教案彩色的鸭子含反思晚上洗澡时发现忘了带内裤。小学教师教学工作计划陕西人独有的5大饮食习惯,只要占了3个,绝对是地道的老陕人生的差异

友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找作文动态热点娱乐育儿情感教程科技体育养生教案探索美文旅游财经日志励志范文论文时尚保健游戏护肤业界