Record

区块链记录你的初心
营销地产创业创新求职面试Word技巧金融职场工作区块链Excel教程财经PPT教程产品运营
一招教你让交互方案更靠谱——目标导向设计法(上)

一招教你让交互方案更靠谱——目标导向设计法(上)

设计设计师设计师

对于一枚交互,设计水平的重要判断标准之一,是看设计师能否产出足够靠谱的方案对内,方案要能帮助产品不断向前发展,提升产品的数据,为公司带来收益;对外,方案要能满足用户的使用需要,方便用户的操作,提供良好的用户体验。对于交互的同学来说,这些是我们的天职,要想尽一切办法去做好。那~末~~问题来了,如何才能做好这些天职(是的我的工作很圣神,呵呵呵呵)呢?下面我将分三篇文章介绍一个很好用的设计方法:目标导向设计法。掌握了这个设计方法,可以帮你设计出团队内部认可、用户也喜欢的方案。  要理解目标导向设计法,首先要理解最核心的元素设计目标。这就绕不开设计的鼻祖:包豪斯。包豪斯是世界上第一所完全为发展设计教育而建立的学院,在设计史上占据着非常重要的地位。她从1919年创立开始,一直到今天都对设计界有着很大的影响。现在我们看到的很多建筑风格,都依然是包豪斯的老师所创立的国际主义风格。  包豪斯第三任校长米斯先生于1958年设计完成的西格拉姆大厦,典型的国际主义风格  现在整个世界范围内的建筑,大面积都是这种极简风,包豪斯的影响可谓波及全球。包豪斯学校之所以伟大,是因为包豪斯首次将理性思维的光辉注入了设计活动中。她首次提出要为大工业
一招教你让交互方案更靠谱——目标导向设计法(中)

一招教你让交互方案更靠谱——目标导向设计法(中)

设计设计师设计师

上一篇文章说的是设计的本质是解决问题,所以做交互设计要有设计目标;而设计目标包含产品目标和用户目标。这篇文章来说说如何确定设计目标。  如何确定产品目标  1)如果产品需求是由产品经理提出的,那么先看产品需求文档里有没有写明产品目标。有的文档会写的很清楚,比如提升登录的转化率;有的没有那么清楚,这时候就需要我们充分理解产品需求,提炼出产品目标。这个过程往往需要设计师跟产品经理充分地沟通,保证需求理解得清楚、准确;在沟通的过程中有时会发现产品自己也没把这个需求想清楚,这时候一个优秀的交互就得帮产品一起理清需求,明确做这个需求的目的。  2)如果产品需求是由设计师主动发起的,那么在发起需求的时候,我们要明确这个需求要解决什么问题。设计师发现一个需求,可以从以下三个方面着手:研究数据,进行用户调研/查看用户的反馈,进行可用性测试。以研究数据为例,下面是我在网易的时候,发现的一组后台数据:  第一个曲线图,是网易新闻视听tab的点击量变化图,从中可以看出,在把抽屉导航改成了底导航之后(红线所示),视听tab获得了大量新增点击;第二个图展示的是视听tab里视频的点击量,改版后点击量整体上依然在原位摆动。这样的数据很有问题:更多的用户来到这个tab,但平均看的视频却少了。因此我当时发起一个需求:优化视听tab,在设计上加强优质视频的展示,以提升视频tab的活跃度。此时的产品目标很简单咯,就是提升视听tab的活跃度。  如何确定用户目标  确定用户目标的方法,主要是从这个功能的场景 场景 场景出发,来明确用户的需要。如何确定场景?这里提供一个模板:  用户场景:在某时间(when),某某地点(where),周围出现了某些事物时(with what),特定类型的用户(who)萌
爱奇艺PC站风云榜改版总结——目标导向设计法的应用

爱奇艺PC站风云榜改版总结——目标导向设计法的应用

设计设计技巧爱奇艺

  爱奇艺PC站的风云榜,是一个提供各种频道榜单的荟萃之地。其存在的主要功能,是让用户能够了解热门的剧目,从中选择想看的影片,也能够了解最近都在流行些什么。然而,该模块很久没有更新,在内容展示上有着比较大的问题,导航上也存在使用不便的情况。因此,产品提出优化。在这次优化的过程中,我使用了之前介绍过的目标导向设计法来指导我的设计,效果显著。下面跟大家具体介绍一下。  首先,先来看一下原版的风云榜长什么样:  改版前,风云榜首页的结构是:一行两个榜单,其中一个是列表的样式,另一个是类似Windows Phone的磁贴样式;两种样式交叉使用。左边是导航栏,将风云榜中的所有频道都列了出来。  产品提出的需求,一是优化首页的排版,增加视频的点击率;二是优化导航,使导航在浏览的过程中能够方便用户选择任何他想选择的频道。  以上是该项目的基本信息。  下面我们来使用目标导向设计法进行设计。首先,需要明确设计目标,也就是产品目标和用户目标。  分析一下,项目的产品目标是什么呢?旧版页面信息展现不合理,点击率低;改版希望通过优化信息展现,提升点击率。旧版导航条在浏览过程中频道的展示不全;改版希望改善导航条的交互,使用户在上下滚动浏览的时候,可以方便选择任何频道。因此产品目标就是:提升视频点击率;优化导航,使导航在浏览时能选择任意频道。  那么用户目标呢?来到风云榜查看各种榜单的用户
交互设计师进阶全栈设计师的自学计划

交互设计师进阶全栈设计师的自学计划

设计设计师设计师

我是一枚工作了4年的交互。4年的时间,我经历了腾讯微生活、网易新闻、爱奇艺等团队。这些优秀的团队,让我充分认识了交互的职责,也充分发展了我的交互技能。但是,我不甘止步于此。与未来同步的想法让我更有一种居安思危的意识。我时常思考我的职业规划。下面跟大家分享我思考的心得,还有2017制定的为期半年的全栈设计师自学计划。  我的职业规划  首先说明一下我对交互这个职位的理解。交互设计师的主要职责,是把产品经理的需求,以用户最接受的形式展现出来。这是最基础的要求。好的交互设计师,还需要跟产品沟通,保证需求靠谱;跟UI和开发保持沟通,保证交互原型能落地;对规范掌握透彻,运用娴熟;方案有让人心动的亮点等等。如果在一个靠谱的团队中,三到四年时间,基本可以把以上提到的要求都达到。所以,瓶颈就出现了:工作3、4年的交互,下一步该怎么走?如何才能更上一层楼?我认为,交互设计师的发展有三个方向:1. 更牛哔~的设计师 2. 管理岗上的设计师 3. 转岗成为产品经理。三个方向各有自己的特点。  更牛哔~的设计师。比较适合对于设计是真爱(比如我),能从设计方案中获得较大成就感的人群。我选择的就是这条路。这是一条专业道路:不断打磨自己的技能,靠作品吃饭。我认为,未来社会,将越来越是一个技能型社会,有一技之长的人将得到更多的回报;而做着重复性工作、技术含量低的工种,将很有可能被机器人取代。可能5年前听到被机器人取代这种话,我们还会觉得是天方夜谭。但是近两年机器人/人工智能这些人造的、有智商的工具开始在快速发展。未来取代一部分工种真的不是危言耸听。一个很现实的例子:地铁站充值,机器已经取代了很多充值工作人员的工作。我们了解了趋势,可以更好地、更早地开始着手准备。所谓预
阿里CEO张勇:6年前马云送我8个字,让我受用至今

阿里CEO张勇:6年前马云送我8个字,让我受用至今

设计业务组织阿里马云阿里

作为领导者,非常重要的一件事是排兵布阵。所谓排兵布阵在今天的具体场景里,就是怎么设计组织架构。组织设计不是HR的工作,而是业务一号位的首要工作。HR一号位配合业务一号位来完成组织设计和落地的执行。怎么样进行组织的设计、拆分、合并、目标设计,包括什么样的人在里面担任某个团队的Leader,充满了无穷的奥妙。1要从做事用人走向用人做事2012年双11前夜,马老师送给我八个字。当时我们在万塘路口,华星时代广场上面,天猫大本营当时在那边。他说,逍遥子,你现在是做事用人,但你要走向用人做事。做事用人就是你把事情怎么做,想得清清楚楚,但越往后走,团队越来越大,组织越来越复杂,你要考虑整个组织每个板块结构要怎么设计。比如说,口碑这个地面团队,大区按功能设,管销售,集团中台管营销和其他;还是说我全部落地,大区一把抓,从前面是销售、营销、运力、服务,这个设计是不一样的。什么叫从做事用人到用人做事?做事用人,是事情已经想清楚了,找一个合适的人来干。相信很多人还在这个阶段。越往后走,越会接触到用人做事。这事儿怎么干你也没搞清楚,你根本不是这方面的专家,但要找到最有可能把这个事情想清楚和做出来的人,让他来带一个合适的组织。技术是专业人员,BD是专业人员,营销是专业人员,搞物流也是专业人员。走向一个团队主管,一个Leader,非常重要的区别是,你开始想排兵布阵的事情。而不是说,别人交给你20人,就是20人。你要想他们的职责怎么区分,哪三个人组成一个小组,谁当头,他负责的这个事情跟另一些人是什么关系。我自己这几年的体会,用人做事和做事用人,跟组织设计是两件事,但跟高度相关。这两件事情都非常值得大家去体会。做事用人的核心是,你把组织都想好,从上到下清清楚楚,你就可以排兵布阵,把人放到合适的位置上,按照既定策略做。另一种是事情没完全想清楚,但是你找到一个人,他能想清楚,或者他能把下面条分缕析地安排好并设计组织,这就是用人做事。用人做事和做事用人,跟整个组织现有的状态、人的状态都有密切的关系。有时候过早地从做事用人到用人做事,是拔苗助长。因为你经常想不清楚的,你别指望另一个人能想清楚。在很多领域,人不可能是万宝书,人一定是在一方面有经验,另一方面经验相对缺乏,需要更有经验的人来做这个事情。组织调整,不只是集团层面的调整,也不只是大的BG层面的调整。每个人都在运营一个组织,不同的只是这个组织到底是由两万人组成、2000个人、200个人、还是20人组成。大家都面临排兵布阵的问题。仗怎么打,怎么样运筹帷幄、决胜千里,不仅要用策略,还要有排兵布阵。而排兵布阵就是从一个主管走向一个Leader最重要的变化。这个过程中非常重要的是,无论用人做事、做事用人,最终人从哪儿来。人分两种:一种是他本身执行力非常强,你只要给他清晰的策略,你非常自信这个策略会work,而且这个人适合做这个事情,这就是做事用人。另一种是,你相信他的策略,相信他的排兵布阵能力,你把这件事交给他展开,这个就是用人做事。但非常重要的是,大家一想,这对人的要求太高了。我找做事用人的人,还容易找,我找用人做事的人,我从哪儿去找。这就涉及到下面要讲的,如果是这样,永远没有现成的人。2领导者要善于从后排把人往前拔十年前,我从来不会想象我今天会跟大家讲这些,为什么?你经历了,从实战中学习,慢慢就有心得,就形成了自己的管理体系和方法论。只要每个人有学习能力,有悟性,愿意思考,都有可能。领导者有一些基因是天生的,但是大量训练是可以后天培养的,不然我也不可能从一个会计做成一个CEO。这个时候一定要考虑的就是,我们要怎么样善于从后排把人往前拔。很容易发生的情况是,团队下面五个人,每个人干一件事情,干得很好。五年以后、三年以后、两年以后,这五个哥们还在干同样的
iOS和Android规范解析——确认弹框、全屏弹框和模态视图

iOS和Android规范解析——确认弹框、全屏弹框和模态视图

设计AndroidiOS设计技巧设计规范

  今天介绍三个控件,前两个是Material Design(简称MD,下同)规范中的确认弹框(Confirmation Dialog)和全屏弹框(Full-screen Dialog),后一个是iOS规范中的模态视图(Modal View)。下面先说MD中的两个。  Google Material Design Guideline  确认弹框,是需要用户明确地选择一个选项的弹窗。比如设定手机铃声时,会需要你选择一个铃声,如下图  确认弹框示例  如果点击取消按钮,或者点击安卓系统的返回按钮,则该弹框消失,并且修改的内容不会保存;只有点击好的(OK),才会保存修改的内容。因为有这个保存修改内容的功能,所以取消按钮就显得尤为重要:如果不加取消按钮,则用户会不清楚修改的内容是否被保存,比如下面这个反例:  这个弹框只有一个完成按钮。这使得安卓系统的返回按钮的功能变得模糊:返回按钮是取消的作用呢?还是确认修改的意思呢?  另外有一点需要格外注意:在确认弹框里,不要设计会弹出简易弹框或者简易菜单的按钮,因为这会增加它的复杂度。如果一定需要使用这些弹框,则请考虑使用全屏弹框(下面会介绍到)。  确认弹框的形式,除了刚刚提到的设定铃声的列表,还可以有很多样式:  所有的确认弹框都share一个共同点:弹框里只专注选择一个值。比如上图左侧  的日期选择器,只选择日期,而不是既选择日期又选择时间。  上面是MD中对确认弹框的介绍。下面说说全屏弹框。  全屏弹框示例  全屏弹框承载了一组任务,这些任务在用户点击保存或者取消之前,都不会独自生效(对,就是捆绑式销售的意思?? )。在全屏弹框里,各种弹框都可以弹弹弹。全屏弹框是所有弹框中,唯一