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

网易云音乐交互负责人从一次活动设计,聊聊交互设计师的3个阶段

3月7日 听风行投稿
  交互设计师的三阶段:有美感、有逻辑、有sense
  我习惯把一次设计中的阶段性方案保存下来,这便于我回忆设计是怎么一点一点被优化的,也便于我整理设计过程中一些具有共性的问题。今年初我们联手中国电信做了一次送听歌流量的活动。把这个需求交由一个新来的小朋友锻炼锻炼,在这过程中产出的阶段性方案具有问题的典型性,不妨把它们看成一个交互设计师对交互设计理解的不同阶段。
  由于活动需求来得急,策划给到交互的就直接是线框图了。左边是策划方案,右边是第一版交互。
  可以发现,交互只是单纯地把策划内容复制到了交互稿,用标准的交互控件替换了下,排了个版。甚至原本策划里稍稍显露出一点端倪的红包样式也被一个按钮样式给替代了。
  这是交互的第一阶段,你就是个排版的
  这是很多交互新人的状态,会觉得策划文档就是定了的东西,自己要做的就是把这些东西排排好。当然排版也是一门博大精深的学问(真的有很多交互连这项基本技能都不过关的哦),这个以后单独再写一篇。
  不会排版,你很难做好交互,但只知道排版,你的工作很快就会遇到瓶颈。
  交互的第二阶段,你会给策划文档挑刺儿
  策划也是人,也会出错。团队中多一类人的存在,就是为了多一点不同的观点碰撞。交互可以说是整个项目组里面唯一一个会仔细看策划文档的人(其他人一般都直接看交互稿),所以这个翻译和纠错的过程尤其重要。
  在这个过程中你需要将自己带入情境,不断地自问和追问策划,发现问题、分解问题和解决问题。
  我们再来看一遍策划方案。
  进入这个活动首页的第一感觉有一大段文字等着我去阅读。
  在这个页面上我希望用户做什么?
  点击领取红包(设计目标)。
  什么会对这个目标造成干扰?
  这个页面上的其他东西(发现问题)。
  具体是哪些东西?
  活动标题、操作步骤、活动规则(分解问题)。
  这上面的每一类信息都是必要的么?
  我觉得是的。
  这上面的每一类信息都是你希望用户在点击领取之前要看的?
  不是。操作步骤”输入手机号blabla“,在输入手机号的界面再讲也不迟;活动规则,希望用户知道,但也不是非看不可。
  剩下的信息能再精简一点么?
  感觉活动标题信息有重复,可以精简;活动规则,相当于免责声明,感觉精简的空间不大。
  如果不能再精简,能通过设计让它看上去再简单一点么?
  第一屏的留白可以更多一点,活动规则少露出来一点。
  第二版交互方案,看上去简洁了不少,但只是机械地精简了文案,没有感觉,一些重要的信息也没有突出。
  交互的第三阶段,你除了会梳理逻辑和使用流程,你还有Sense
  可以看到在交互的前两个阶段中,无论是排版还是给策划文档挑刺儿,如果仅仅靠的是逻辑,很容易把一些不该去掉的东西给去掉了。
  逻辑正确保证了用户在使用过程中不产生困惑,能顺利完成任务。但是否能给用户留下好的印象,就是一些逻辑之外的东西了。
  关注用户体验和情感,能帮助你超脱策划文档本身,直接去思考问题的本质。
  什么是一个好的活动设计?
  我知道文案应该简洁有力,在去粗存精的过程中,我该如何取舍?
  那么就应该考虑,无论是在产品内部还是产品外部看到这个活动,用户是否都能正确理解:中国电信4G(只有电信4G用户才能参加该活动)、网易云音乐(我们产品里才有的活动)、免费送流量(活动的本质)、猴年(节日期间投放的活动,有助于烘托氛围)。
  除了做减法,是否还缺了什么?
  从众感,稀缺感等等。
  我需要传达给用户怎样的情感?
  这个活动所处的时间段,需要营造什么样的氛围,文案、配图有什么讲究,有哪些元素是需要突出的不要吝啬在交互稿中传达出这些信息。
  进一步优化方案:
  交互设计师的三阶段:有美感、有逻辑、有sense
  第一阶段是基本技能。不懂得排版,你连一份看得过去的交互稿都产出不了。
  第二阶段是思维能力。始终思考自己作为一个交互在团队中存在的价值是什么。
投诉 评论 转载

产品设计中关于表格设计的一些经验分享由于长时间主导后台产品的设计服务,表格的大量应用,总结了些许经验,通过半个月的断断续续的整理归纳,希望对你有所帮助,欢迎阅读!表格应用表格,是一种常见的信息组织整理……关于交互设计师的工作内容,这篇讲得最全面!交互设计师的工作,并不仅仅是输出设计方案,我们需要参与前期的需求讨论、后期开发、测试验收等等产品设计与实现的多个环节。本篇将介绍我目前参与交互设计的工作流程以及各个阶段的工作职……用讲故事的思维搞定Banner背景的制作,看这篇就够了!~鉴于一直有人问banner背景怎么做,所以我就想要不写一篇关于背景的文章吧。我们先回顾下banner由哪些部分组成:主要由文案、商品图或模特、背景、点缀物组成,如下图所示……关于使用Principle的一些小建议在日常的设计工作中,难免会遇到一些制作可交互原型的工作。可交互的原型对比于静态原型来说,直观是最大的优点。其次,在研究一些动效的时候,直接调好参数给工程师,会比口述来得更加简单……不止是划条线!移动端UI中常见的视觉分隔设计技巧即使是元素与元素之间的分隔方式,都能随随便便用一整篇文章来进行探讨。乍一看许多APP的布局并不复杂,感觉换成自己也能设计出来,但是当你真的开始着手设计这么一个APP的原型……提高移动端表单可用性的7个设计原则用户在填写表格的时候可能会犹豫不决,所以你应该让这个过程变得尽可能容易,这篇文章中的7个设计原则可以显著提高表格的可用性。移动端用户使用移动应用程序或网站都有一个特定的目……【译文】UI设计评审成就微创新产品设计流程中,有必要对设计进行评审是大家的共识。在我每周的工作内容中,参加各类大大小小的设计评审是必不可少的一环。既有脑力激荡的评审让设计方案脱胎换骨的,也有针锋相对的评审让……设计方法论:一种统一图标大小的方法最近在整理设计稿中出现的图标,整理除了汇总之外,还需要重新调整一下图标的大小,使他们看起来“差不多大”。调了很久,也咨询了一些设计师朋友,最后在谷歌的MaterialDesig……标签栏设计的心理暗示:高亮与视觉纵深的心理模型UI在设计上服从于交互,形式上不拘于一格,视觉纵深也只是其中一种心理模型。注:本文面向入门级设计师,大神请飘过标签栏设计基本上是每位设计师在项目设计中都会遇到的事情……做好这4个细节设计,让你的移动APP用户体验脱颖而出启动页、空状态、动画反馈、框架界面今天提到的这4种状态,都是容易被忽视,而又能让移动App脱颖而出的细节。如何做好这4个细节的用户体验设计?今天这篇好文总结了关键的几个原则。……网易云音乐交互负责人从一次活动设计,聊聊交互设计师的3个阶段交互设计师的三阶段:有美感、有逻辑、有sense我习惯把一次设计中的阶段性方案保存下来,这便于我回忆设计是怎么一点一点被优化的,也便于我整理设计过程中一些具有共性的问题。……从二维到三维,利用Z轴打造界面的空间感互联网空间不像现实世界,它完全是一个平面化的二维虚拟空间,所有的物体都处于一个空间平面上,但是信息内容却是有层级关系的,那么应该如何在一个平面空间里来展现多重层级关系的信息呢?……
电子商务网站设计分析登陆注册页设计谈O2O产品的可行性体验差不可怕,可怕的是反馈失灵AppStore心酸的上线路,说说那些不可思议的被拒理由第五章:产品管理(6)项目管理动效与品牌设计原则第五章:产品管理(3)目标管理令人上瘾的手机游戏6大设计潜规则用户体验自检清单访谈标叔:给新人设计师的建议如何设计出一份好的调查问卷?从注意力维度谈动效设计
是真适合创业还是为了创业而创业北极贝是什么动物严仁美民国最惨名媛,丈夫出轨夫家夺子,被日本人骚扰逼婚《上阳赋》王儇有没有给萧綦生下孩子而死,原著王儇死了吗买黄金基金风险大吗国内最美水上公路山西壶关今日西红柿价格备孕期的饮食建议,有没有所谓的助孕食物?做好这件事你也能轻松达到你的目标一叶知秋,山河远阔,愿你淡定从容,安之若素华为上半年智能手机出货亿部同比增贡柑果树黑腐病表现

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