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

我怎样做交互

12月28日 飞虹谷投稿
  交互设计师到底是需要做什么?
  尽管很多谈及交互的书上都已经回答过了:
  发现用户需要,建立明确需求
  提出设计方案
  制作设计原型
  用户测试和评估
  还是有很多对交互设计有兴趣的朋友会问我这个问题,并希望我能回答得详细,具体到我工作中的每个细节。
  其实交互设计需要做什么,会随每个交互设计师的工作内容差异而不同,具体到每个项目也会有区别。
  下面分享下我是怎样做交互,方式不一定是最合适,希望大家多指点,共同学习进步。
  发现用户需要的方式有很多种,我们可以在用户反馈里收集到许多用户提出的想法,他们希望我们能提供帮助解决问题的产品;我们也可以主动去观察一些生活中的信息,为灵感的迸发做储备。
  比如说日程管理项目,有不少用户跟我们的邮箱反应说,他们忙碌的时候会忘记一些重要的事情,比如一些会议或者约会,所以希望网易邮箱能提供一个专业的日程管理功能,能够帮助他们有效的管理和安排每天的日程。
  确认了用户的这一需要,我们的产品同事就会组织立项,把用研和设计组的同事呼唤过来一起进行调研,确定我们的目标用户。
  用研组会通过问卷调查等方式尽可能多的去收集信息,交互设计师也会参与分析调研,组织会议帮助用研组完善信息,我们会采取一些有趣的方式,比如一堆人在一起头脑风暴,大家回忆各种相关的生活场景,然后把一些关键词记录下来。
  这一步我们的目的是要知道:用户想要什么?
  通过这些步骤我们提炼出一些最重要的功能需求,接着产品组会整理出需求文档,设计师就位。
  通过调研,我们得到了大量数据信息,并建立了明确的需求,下一步就是开始提设计方案。
  这个阶段我会做一些概念设计,类似于做实物产品时设计一个水杯,我会描述它说:我要设计一个旅行用的水杯,它能叠成一个小圆盘,喝水的时候只需要把小圆盘的圆心部分往下按,就能变成一个杯子。
  互联网产品也是这样,需要赋予它一个概念,例如日程管理:这是一个专业的日程管理功能,通过使用它,我们可以有效的管理自己每天的日程和时间,以提高工作效率,并且不会再错过每个重要的约会!
  这些文字并不一定非是交互设计师所总结,但是交互设计师必须要做到对产品心里有数,明确我们要做什么。
  同时需要进行的还有初稿设计,在这里我所谓的初稿,并不一定是严格要求中的交互原型,可以是用Axure把主要的页面流程做出来,也可以手绘草图,只要能清晰表达设计构思的,什么样的方式都可以。
  制作设计原型,也就是常说的交互稿,区别于做设计方案时的初稿,这份交互稿我会尽可能细致的把流程和具体操作形式表达出来。
  考虑到做交互是一个迭代过程,我会在设计稿的首页为设计的产品做一份交互更新日志,记录下交互更新时间、版本名称、更新类型、更新内容、参考需求文档与交互负责人。
  这份更新日志的意义在于:
  更新时间便于全程跟踪记录项目,掌握每个时间点
  版本名称便于项目参与人员查找上一版本的交互稿
  更新类型了解每次更新需求的性质
  更新内容清晰呈现每一次更新的内容,并提供一个直接去到更新页面的链接,这样在进行迭代时我们的伙伴不用一页页去寻找更新点
  参考需求文档便于项目参与人员查找对应的需求文档
  交互负责人记录每次迭代的交互负责人,并能方便工作交接
  交互稿的制作过程,一般是用Axure做原型,像邮箱这样视觉比较成熟且相对稳定的产品,我会偏向做高保真模型,我们会整理一个控件库,这样能提高制作效率;做一个全新项目时,黑白稿线稿都是可用的方式,如果交互设计师能对大概的视觉效果有把握,也能做得精致些。这些我想大家都很了解,所以不多说了。
  之所以把这部分内容提出来单独写一段,是因为之前和很多做交互的朋友讨论过该怎样做好交互说明,大家各有看法,很难找到这部分工作的衡量标准。
  交互说明书在整个设计过程中,也许只会占用小部分工作量,但是作用不小,它能帮助我们减少沟通成本,辅助交互稿描述设计理念,表达交互流程,更细致的展现我们的设计。
  与做设计稿不同,个人认为,交互说明这部分工作,需要我们更多了解它作说明的对象,即产品经理、视觉设计师、开发人员的需求,从而达到真正的“辅助”效果,而不是盲目凭自己主观去长篇大论,否则我们要为此花费时间,而且这部分工作只能沉积为一堆我们自己欣赏毫无意义的文字。
  为此我曾与合作过的各组同事进行沟通,提炼出一些他们对交互说明的需求,不求全面,但求能说明一些问题。
  1。交互说明最好是图文并茂(all)
  便于阅读和理解。
  2。页面跳转的说明(产品程序)
  页面跳转是涉及多个页面关系的操作,产品人员在看交互稿时,会更多去关注多个目的性的任务操作流程,而对页面跳转的记忆是有限的,所以需要页面跳转说明。
  3。交互说明能否考虑与产品需求文档结合(产品)
  开发文档会涉及产品概念、技术方案、业务执行角色等内容,和交互设计稿有着紧密关联,所以交互说明书与开发文档是可以相互做补充,整理成一份文档,这样也能避免工作内容重复。
  4。对交互稿中不明显的交互动作或隐藏的设置项作说明(产品视觉页面构架)
  细节和动作需要描述清楚,比如说鼠标focus、click的动作,或click后是loading还是跳转,这些平时都是开会上讨论,但是参与项目的人员不一定都能记住,所以会需要在交互说明书里做说明,并需要考虑到页面构架组需要预留适应变化的结构。
  5。产品风格定位(视觉)
  商务风?休闲风?视觉需要一个准确的产品风格定位。这部分工作不一定是由交互人员来确定,但在产品孕育阶段中,设计稿讨论以及不定时更新的数据调查,会使得产品风格定位渐渐明确,视觉的同事更多是参与设计阶段的工作,这就需要交互人员将这些信息在交互说明中记录下来,以辅助视觉完成。
  6。极限状态(前端)
  比如一个列表最长和最短显示。
  7。异常出错情况说明(程序)
  这一点在交互稿制作和与产品沟通过程中容易被忽略。
  有的设计师会疑惑:为什么我做的设计说明书会没人看?我写的很详细了,但是他们还是会问我一堆设计的问题!甚至,问我为什么要做这个文档?
  在这些情况面前,设计师应该做些思考,我们所制作的这份说明是否真正解决问题了呢?
  一些基本的逻辑判断和文字内容,产品人员已在需求文档中列出且在交互稿中已清晰呈现,例如原型中完整呈现的设置内容,或一个单选复选关系,这些内容我们再花时间去大篇描述,并无太大意义。
  所以我的理解是,交互说明并不一定是一份文本,它不该是设计师的舞文弄墨,更不该流于形式做交互设计原型的复制品。
  我们可以在交互原型上注释,在图上写说明,或者是在和项目组发邮件时写为邮件内容,当然也可以是word文档,PPT。
  总之,我们要做到的是真正解决问题,让交互说明书成为帮助项目中各组成员之间进行有效沟通、辅助理解设计内容从而达到提高项目效率的工具,并在需要的时候被制作。
  产品基本功能实现后,我们会做用户测试,设计是很主观的,并且会受各种因素影响,所以我们的产品难免会存在一些意料之外的问题,通过招募用户来使用我们的产品,我们能收集到一些使用场景中发现问题的反馈,并把这些整理成优化点,完善我们的产品。
  同时交互设计师也要多用自己的产品,保证上线内容与设计保持一致。
投诉 评论 转载

关于诺基亚N9手机第三种交互方式的思考和再设计N9公布后,让我对Nokia的系统有了不小的改观,花了几天时间琢磨了一下N9的设计,感觉这一次Nokia在UI和交互上花了很多心思,屏幕外框感应区给传统的手机UI带来了新的交互……行为地图在可用性研究中的应用探索概念实战一、概念篇传统行为地图(BehavioralMapping)的概念及应用范围一种从时间和空间角度,系统的观察研究行为的方法。而这种从时间和空间角度还可以有两……争夺移动设备端的注意力依然记得很多年之前在《读者》上看到“注意力经济”这个新名词时,它带给我的惊奇和震撼。注意力经济似乎预示着一个新的时代的到来,从有限的物品时代到无限信息时代。在这个过程中,人的注……产品的工具化与社会化迷思近来十分火热的Google1,重新引爆了Google的社会化热情,也让我们重新审视起了这个问题,为什么强大如Google,竟然在这么多年的时间里,都难以在社会化网络的方面有所作……通过分析设计的方法验证交互设计价值奇遇首发于昆仑用户体验团队博客,转载请注明。一、为什么需要数据验证?“天天看到你们也挺忙的,但是怎么衡量游戏的用户体验提升了多少?”是的,高层对战略方向关注的……Google项目负责人分享产品细节TechCrunch的资深记者MGSiegler上周预先专访了(或许是被约谈)负责Google项目的两位高层VicGundotra和BradleyHorowitz。按照他们的描……MIUI评测:iOS身,Android心百度要推出自己的移动操作系统,江湖传闻叫“秋实”。我们这里老调重弹,回过头温习一下同样基于Android的人气很高的MIUI。MIUI是一款很养眼的AndroidROM,借鉴了……我怎样做交互交互设计师到底是需要做什么?尽管很多谈及交互的书上都已经回答过了:发现用户需要,建立明确需求提出设计方案制作设计原型用户测试和评估还是有很多……Web应用程序的开发步骤如今已进入了web2。0高速发展的互联网时代,各种互联网的Web应用程序如雨后春笋般出现。那么作为一名Web开发人员,怎样去开发一款优秀的Web应用程序呢?这个问题没有一个简单……八大Android土鳖设计从Android诞生的那天起,这个可爱的小机器人凭借的开源的力量,硬是把iOS挤下市场占有率第一的宝座。虽然数字占优,但大众的心理中,iOS始终才是最佳体验的移动平台。诚……靠谱的创意!最近在做移动客户端的线下广告中发现作为门户网站的我们,多数的产品是线上产品,并且一直以来的产品广告形式是以形象展示为主,消费者通过广告对网易的直观感受总是一种很有科技感的、有强……用户行动轨迹设计杂思最近关于LBS是否有泡沫的争论此起彼伏,尤其是对Color模式质疑,甚至传出了国内某某基于Foursquare签到模式的LBS公司要大规模裁员的消息。毋庸置疑的是,LBS是整个……
你了解这5项最常用的交互模式吗?MaterialDesign设计规范学习心得〔高逼格向〕配色网站推荐附本人使用体验图片素材哪家强?且看500PX设计师专访“筷子兄弟”交互与视觉〔高逼格向〕配色网站推荐附本人使用体验像素英寸与dpi的那些事儿移动导航交互基础AppleWatchUI动效解析巧妙的过渡动画UI设计师必学的设计规范要点总结以简书为案例讲述尼尔森十大可用性原则

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