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

用户至上的设计细节

7月23日 霸鲸观投稿
  推源语:今天翻译的这篇文章是Medium上的热门文章Useristheking(part1),作者站在用户的视角,总结了一系列当下产品设计的问题,并给出了自己的见解和解决方案。下面进入译文。
  下载app打开启动画面阅读教程注册等候授权app发送通知授权app使用地理位置邀请朋友
  作为一个热爱研究移动app的产品设计者,我每周都要下载大量不同的app以此来寻找新奇的交互与视觉设计灵感。偶尔能见到一些酷炫有趣的设计,但大多数时候都会感到沮丧,因为许多app并不懂得尊重它们的用户。
  这儿有一些基本的设计原则,把它们引入你的app中,可以优化你的app并让用户用得更爽。
  在这个系列的第一部分中,我将提到以下几点:
  如何获得(用户的)授权许可
  注册这个难题
  优秀的加载界面
  请求授权
  第一次打开一个app,就立马被要求允许它给你发送通知没有什么比这更让人恼怒的了。当你连任何相关的介绍都没有看到,就有一个弹窗直接砸在你的脸上我想每天都给你发垃圾信息哟。基本上这种情形一旦发生,我就会立马删除这个app,因为我认为它完全不懂什么是用户体验,所以我也不可能会在其中看到什么有意思的东西。
  试想你刚迈入一家餐厅,服务员就突然出现在你面前,说给我您的邮件地址好吗,我们会每天都给您发送会员通讯的。这是多么无礼的行为?如果你是餐厅的主人,你会这么干吗?
  我都还没来得及了解这家餐厅,也没吃过它的食物,凭什么会想要订阅他的会员通讯啊?
  在app里和真实世界里是一样的,我们需要借助一些手段和时机向用户请求授权。不管这是为了给他们发送通知,还是订阅服务,或是要求提供信用卡信息等等。
  我通常是这样做的,你也应该这样做首先,使用一个与app设计风格一致的界面,礼貌地向用户请求授权并且解释为什么你需要这个授权。
  有些app的工作原理完全依赖于用户的地理位置,比如Uber。它是这样做的:
  第一次打开Uber后的提示界面
  译:允许Uber在您使用该应用程序时访问您的位置吗?Uber会抵达您目前所在的位置并接您上车。如果开始搭乘,请选择允许,这样应用程序才能查找到您的位置。
  这是最基本的iOS模态窗口。如今每个人都知道什么是Uber了,但假设我不知道呢?当我不允许它使用我的地理位置时,会发生什么?
  不允许Uber使用地理位置后的提示
  译:地点服务被禁用请在设置隐私地点服务中打开地点服务。
  我不得不在搜索框里手动输入我的地理位置,或是去设置里打开地点服务才能继续使用。不管选择哪个,都不是好的用户体验。
  实际这个问题只需要简单的一步就能避免:
  原作者的优化方案
  译:Uber每个人的私人司机为了轻松地接到您并送您到想去的地方,请允许我们使用您的地理位置。(您的信息不会被共享给任何人,它在我们这儿是安全的)
  增加这个弹窗并不会花费多大功夫,而且就算这是使用app之前额外的一个步骤,它也不会有什么坏影响。因为它展现出你对用户的关心。它告诉用户,他们隐私是安全的,并且你希望把尽可能好的体验带给他们。
  注册这个难题
  在我的上一个创业产品WhoW中,我曾深陷在如何更好地吸引新用户,以及如何让新用户拥有最棒的初体验这件事上。因为在WhoWanna中,用户如果不先注册并邀请几个朋友来用的话,就根本没法继续使用。
  译注:WhoWanna是一个社交app,用户可以提出一个活动提案,以此吸引有兴趣的朋友来参加。故必须先注册并邀请朋友来用才有意义。
  如果你认为只需增加一个Facebook登录按钮在app上,就能轻易解决所有的注册难题的话,那你绝逼就只是个键盘侠而已。
  诚然,Facebooktwittergoogle账号登录的确很棒并且很有用。但问题是,不是每一个用户都会去使用它们。所以究竟该如何确保用户会在你的app里新建一个账户呢?
  首先要证明app的价值
  我们常见的注册流程有一点儿傻。虽然它大多数时候能解决问题,但仔细想想,就会发现它的用户体验并不好。
  常见的注册流程启动界面app介绍(登录Facebook登录)邀请朋友app主界面
  在大多数app中,都会有一个实际上并没有什么人会认真看的简介或者小教程。接着,你就需要注册才能继续使用了。
  在这样一个虚拟的世界里,你会在还没有体验过app的情况下,就先把自己的个人信息都交给它吗?
  让注册这个流程变得难搞的原因,是许多app(如WhoWanna)工作原理是基于用户的个人信息的。
  如果可以的话,请在你的app里增加一个免注册浏览的功能。你会发现用户一旦体验过app之后,就会了解这个app对他们是有价值的,接着就会自发地注册一个账号了。而且经历过这个流程的用户,将会成为你app的拥趸,因为他们是完全发自内心的想要注册的。
  一次只问用户要一项信息
  有时候,为了让用户获得尽可能好的体验,你会需要一大堆的他的个人信息。但填表这种事最让人烦躁了。而且更糟糕的事,是你发现填完之后并没什么卵用。
  举个例子,我打开一个购物网站,它并不会马上问我要信用卡和个人信息。它会一直等啊等,直到我真正买东西时才会出现,以此来避免过早的干扰。另外,直到我付完钱之后,网站才终于让我去创建一个账户了。(如果这个网站做的足够好的话,还会再给我一个下次购物时可以使用的折扣码)
  这对于所有的产品都是一样的。当我下载好了一个看起来很棒的app,我就会迫不及待的想赶紧试一试。如果真的有必要的话,我会提供我的用户名和邮箱地址。但是千万不要在一开始就问我的性别和生日。请多等一会,并告诉我为什么你需要这些信息。
  优秀的加载界面
  当你在和他人交谈时,对方会回应你。不一定是使用言语,也可以是肢体动作或者眼神。对方总会用一些动作来响应你的动作。同理,当人与机器交互时也是这样。一旦用户发起一个动作,软件就必须做点什么来响应他。
  如今,大多数应用在处理加载过程时都使用了菊花旋转的动画,它无处不在并且永不停歇。
  菊花加载动画
  你是否曾在餐厅里经历过上菜之前长时间的冷落?也根本不知道厨师有没有在做你点的菜?更糟糕的是,也没有服务员来告诉你大概需要等待多久。这是多么痛苦的经历啊。你绝逼不会再去这家餐厅或者推荐给朋友了。
  没错,使用菊花加载界面就是这样一种糟糕的体验。我,作为用户,是在等待你的app给我提供服务,并且说服我继续使用你。我并不欠你任何东西,也不是非用你的app不可。可见app的使用体验必须尽可能的流畅和令人愉悦。那么为此我们能做些什么呢?
  进度条
  第一步,向用户展示你app当前的进度。进度的展现形式不局限于百分比,圆圈,或者直线任何你能想到的形式都可以。这个进度条将给予用户及时反馈和指引你需要等这么久,并且你现在在这个位置。
  Dribbble上的各种进度条
  我不推荐一种进度条形式,即不论发生什么,都把用户的整个屏幕完全遮住,并迫使用户等待。
  根据所加载内容的类型,可以使用一些小技巧来让某些使用场景变得高效。
  2013年时,Youtube开始使用一种新的进度条它锁定在视窗顶部,5像素高,颜色为Youtube红。这是目前最棒的进度条之一,并且许多人都因为其精巧的设计而借鉴了它。
  Youtube进度条
  这个进度条不仅告诉用户,在加载完成之前还需要等待多久。与此同时,这个加载方式,还使得用户在等待的同时,可以继续进行操作。
  一旦你的app使用了逐步加载策略之后,使用的体验就会得到很大的提升。
  比如你要加载一个网页,它包含了大量的图片、文字、链接、视频和精美的图形等等。这个页面加载完毕后也许会很好看,但是如果我想要看的东西在刚开始就已经加载好了呢?我为什么还要等待整个页面都加载完毕?假设我想要的搜索结果,就是搜索时第一个加载出来的东西,我为什么还要等待其他的结果?
  永远不要在加载页面时禁止用户做其他事情,因为你永远猜不到用户打算在页面上干嘛。
  取悦你的用户
  无论如何,总有一些情况是需要用户等待的,比方说登录和注册的过程。
  你还记得当你还是一个小鬼时,在餐厅里等吃饭的场景吗?那是多么的漫长和无聊啊。幸运的是,我的母亲有一个时刻装着铅笔和白纸的包包。我把这些等待的时间用来画画和玩游戏,于是整个过程都很快乐。
  当用户在你的app里等待时,他手里是拿着一个功能强大且连着网的触摸式设备的。我相信,你已经想到了一些不错的点子。让我们学习一下视频游戏吧。为了加载一些屌炸天的动画场景(特别是在过去),你必须等待很长一段时间。于是游戏设计者们设计了一些很棒的小游戏让你在等待的时候可以玩。
  龙珠天下第一武道会的加载界面
  与用户交谈
  两个人之间最好的沟通方式是对话并且交流想法。在某些时候,言语就是最好且最简单的沟通方式。而人机之间的交互设计,沟通也是关键。这并不复杂,只需要你在进度条下面增加一段描述,用来告知用户目前在发生什么就好了。通过这个描述,你可以给予用户更准确的信息,并且让你的app显得更有人情味。

打造用户喜爱的设计风格:简约至上现在很多APP设计都在走简约风格,最近看了《简约至上》这本书,对简约也有了更多认识。简约的设计不仅仅是在界面上的简单美观,更重要的是对用户的需求有更精准地把握,让用户有一个更好……网页设计正在失去灵魂推荐语:如今,产品首页设计趋同的现象愈发常见。是什么让自诩为创意工作者的设计师们走向了同一个方向呢?让这片文章提醒设计师们,应该打破现成的设计框架,不要让我们的设计失去灵魂,做……用户至上的设计细节推源语:今天翻译的这篇文章是Medium上的热门文章Useristheking(part1),作者站在用户的视角,总结了一系列当下产品设计的问题,并给出了自己的见解和解决方案。……政府软件产品设计经验谈:不要尊重公司,而要尊重客户亲爱的创业者、产品经理,如果你的客户是企业与政府,那么我在产品设计犯的错误,希望这篇文章能够让你避免。错误的产品设计会让你产生大量的成本,我给你的忠告是:不要按公司的环境……从宜家说明书想到的产品启示录最近实在装了太多宜家的家具,经过几次自作聪明装错返工之后,我逐渐发现了宜家说明书里的几个细节,有了点启发。面对一个个平板包装,我首先想到一个宜家家具的设计师至少要做到下面……移动app设计:Tab导航是否是大势所趋?之前也写过一篇文章《从逛商城学习产品设计:信息架构梳理如何从小白到精通?》简单的介绍了信息架构的梳理,算是入门吧。其实产品导航方式我个人觉得是根据产品类型和阶段,结合产品功能逻……QQ时光机产品体验报告前言背景介绍随着互联网的日益普及QQ已成为几乎每个用户的必备软件,其忠诚度甚至高于手机号,腾讯在今年“六一”儿童节之际推出了哆啦A梦主题的“QQ时光机”,QQ时光机……Facebook的视觉系统是如何养成的?这篇文章是由一位已经离职的Facebook设计师所写的,其中详尽的描述了Facebook的vi系统组建过程,看完之后,也许大家对Facebook,对VI会有更为清晰的认识。……通用搜索产品体验报告一、搜索概述搜索引擎在百度百科中的定义如下:搜索引擎(SearchEngine)是指根据一定的策略、运用特定的计算机程序从互联网上搜集信息,在对信息进行组织和处理后……手机APPUI设计尺寸基础知识推荐语:初入开发和设计的同学的福利,移动端详细的设计干货。初涉移动端设计和开发的同学们,基本都会在尺寸问题上纠结好一阵子才能摸到头绪。我也花了很长时间才弄明白,感觉有必要……聊聊未来设计趋势的AppUI动效善心悦目的动效已然成为一个App的必备,作为设计师自然要跟随趋势学习。APP中的动效可以划分为两类,一类是转场动效,应用在页面的切换,加载等,这类动效可以柔和页……用可视化分析的方法优化首次登录体验许多用户在成千上万移动应用的世界里经受着ADD(appdelugedisorder:应用泛滥)的骚扰。开发者中广泛流传着一句格言,“你只有一次获得第一印象的机会”。一旦大批用户……
产品经理经常做的10件错事我最近挖了不少坑,做了不少看起来像对的错事,可谓是惊险刺激。最近小伙伴们也是总会告诉我,他今天又亲手给自己挖了多少坑,而且是无法自拔的那种神坑。我俩面面相觑,似笑非笑,互道一声……自身经历告诉你,如何从测试转产品做为一个QA,被安排做了很多跟测试无关的工作,对于一些不太精通的任务,避免不了各种会议讨论。每次会议,领导都会强调我们现在开始是产品团队。巧不巧,刚好赶上公司网站改版(全新开发……产品经理究竟是干什么的?上次回家遇到同学,说起以前他校招给我投产品经理的简历被我刷掉的事情。我于是便问他:你究竟为什么想要做产品?我那个同学回答我:”我学长告诉我,产品经理入门简单,啥都不会就可以干,……产品经理如果去做游戏,结果会怎样?游戏圈的朋友们都了解,在很多游戏公司,员工往往被分为策划、运营、程序、美术、测试等部门,而鲜有产品部,也没有产品经理这一职务,就算有,所工作的内容和职责也并不是按照传统意义上的……什么人喜欢说自己是产品经理呢?如今的互联网型公司大都有一个比较时髦且新潮的词,就是‘产品经理’。以前吃饭聊天都是项目怎么怎么样了,现在都是谈产品怎么怎么地。喜欢说产品经理的人,一般有3种:1)互……告别沟通不畅:3个要旨解决产品与研发沟通问题有一个新创业的项目,我个人有一点点投资参与的,最近开发进度一直不如预期,因为开发的负责人也是我认识很久的一个朋友,所以有点奇怪,就去聊了聊。(说来惭愧,主要我也有责任,本来答应……高薪运营经理拥有的18种优秀习惯以下是作者结合自身多年运营工作经验,和接触探访了多位BAT运营总监、高级运营经理,与他们共事、交流总结得到的优秀工作习惯。每天写运营日志的习惯运营日志绝对是提升运营……产品经理思维框架三维思考模型互联网PM(产品经理)这个物种已经存在一些时间了。但直到今天,也没有一个相对完整的所谓“知识体系”来指导小白PM们的成长。更没有什么普遍可行的标准,来评价一个PM成长到什么程度……干货产品测试规划必看的8个维度一个不会测试的产品不是好开发在初创公司,大部分都没有专门的QA(质量保证)人员,此时测试的活儿基本上就是产品做了。实际上这活儿也挺适合产品做的,毕竟没有谁能比写PR……关于我们自创的一套万能产品组织架构图伴随着融入全球经济的脚步,中国软件产业将步入一个崭新阶段。日益庞大的软件开发规模和为数众多的软件项目数量,对原有的项目管理模式和理念提出了挑战。单打独斗的作坊式开发、口传心授的……信息可视化:产品经理要有怎样的思维思维,在百度词条里的解释是:人脑对客观事物的概括和间接的反应过程。在互联网时代到来之前,这并不是一个热度很高的词汇。如今,我们经常会从朋友圈中看到不同人士对产品思维,互联……产品经理常见问题解决方案公司按产品划分团队初期,大家还是没有意识产品经理到底需要做什么。只是在职责上赋予全权负责产品项目的权力,能不能胜任还是个迷?跟个人的工作经验有很大的关系,虽然之前我司是QA把控……
友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找作文动态热点娱乐育儿情感教程科技体育养生教案探索美文旅游财经日志励志范文论文时尚保健游戏护肤业界