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

我重设计了Instagram,因为我想看看我能有多大的创造力

10月10日 九阙忬投稿
  “设计并未变得简单,只是你变得更好了。”
  挑战
  找一份自己喜欢的应用,并且每天使用,通过彻底的重构它,看看自己作为一个设计师能有多大的创造力。
  我选择Instagram是因为我从2011年在它发行后的一年便成为它的忠实用户了。
  起初,我开始使用它是因为它的滤镜。但是在过去的6年中,我已经看到了它伴随着App出现的各种各式的改变和创新。我现在仍然忠实使用Instagram是为了表达自己的思想并且和当今潮流保持联系。
  你可以说我是一个资深Ins用户。
  补充说明:我不为Instagram工作,并且这个案例中所有的观点都是完全代表我自己的。跟那些在Instagram工作的设计师不一样,我手头并没有影响它们当前设计的充足用户数据。所以,这个案例研究是不全面的,我这么做当然也不是在建议Instagram放弃它们当前的设计并采用我的设计。
  一些我的重设计中的截图
  我在着手做这件事中的个人目标
  我对于重设计的目标:
  当探索和在线时促进一个更加沉浸和流畅的体验
  设计一个平易近人和直观的用户界面
  通过用户同理心来设计(HCD以用户为中心的设计)
  我对于自身发展的目标
  学习如何执行和分析用户研究,制造流程图和线框图,用Sketch做设计图,用Principle制作动画,用Invision做原型
  从始至终基于我的设计原则完成我的第一个设计项目
  在构建这个重设计过程中我承担的角色
  用户研究员
  数据分析员
  UIUX设计师
  产品设计师
  为了简洁我在这篇文章之外留下了我的草图和线框图,但是还是欢迎你访问这里(InstagramiOSRedesign)。
  了解Instagram这个公司
  Instagram是一个通过视觉讲故事的应用,它为用户提供了一个组织和分享生活中美和有创意时刻的平台。自它第一次出现在2010,Instagram的用户基数已经增长到200,000,000。它让来自全世界的人们保持联系并且分享他们各自的生活。
  为了保持它的成长速度,Instagram不断的创新来推动它们的使命“分享世界的时刻”。
  我的用户研究和数据
  在我开展我的重设计项目之前,为了更深的理解我设计的对象,我和40个Instagram用户开展了访谈:
  一个典型的Instagram的用户是怎样的?
  它们使用Instagram的原因是什么?
  是什么让他们一直坚持访问的?
  我通过电话或者视频亲自开展与他们的交谈。
  以读者统计为目标
  在我交谈过的40个Instagram用户中,有10个男性和30个女性。男性用户的年龄分布在22到27岁,女性用户年龄分布在1925岁。65的调查者都是大学生或者是计划追求更高教育的高中毕业生。
  我感觉这是一个很符合当前Instagram用户基数的有代表性的样本。因为90的Instagram用户都是在35岁以下的。还有,在美国55的1829岁的人群都是Instagram用户。
  让这个调查更有趣的是,我交谈过的67。5的用户都把Instagram排在他们最常使用的应用的前三名。另外,72。5的人群样本每天都会使用Instagram。
  有趣的事仍在继续
  我要求我交谈的40个Instagram用户使用3个形容词描述Instagram。你对Instagram有什么建议?它让你感觉怎么样?
  我总共收集到64个形容词。
  前三名形容词分别是:创新,有趣和简单
  我也问了他们喜欢Instagram的什么特点。下面是他们前三个理由:
  它是基于图片的
  它很容易使用
  它帮助他们保持联系
  一个典型Instagram用户的性格
  我交谈过的40个人的平均分析集
  谁和你更相似一点?你是不是像Alex一样,用Instagram来分享他的生活并且总是用搜索功能来找一些很酷的事情?或者你是否像Sam一样,用Instagram来和朋友和她的兴趣保持联系?或者你都像?
  不管是哪个方面,我都会在脑海里为像你,Sam和Alex的用户设计。
  现在你对你为谁设计有一个更深的理解了,我们可以着手做一个很棒的事情啦!
  体验1:主页
  Instagram当前主页的分析
  除了主页的重复功能外,这有我注意到的三个主要问题。
  问题1:内容超载(Instastoriesvsfeed)
  在打开这个应用之后,Instagram用户有两个主要竞争的功能在吸引他们注意他们应该在stories中滚动还是应该在feed中浏览呢?
  两个选择都无止境的滚动着巨量的内容。根据选择的悖论的研究,过多的选择最终会导致选择疲劳,幸福感减少,或者害怕错过事情的愧疚感。特别是考虑到大约一半的用户在他们刚醒来或者睡前浏览Instagram。
  补充说明:我决定在2016年用最小改动来重设计Instagram,因为我看到了它背后天才的推理和逻辑。你可以在这里读到它(点击查看)搭梯子访问。
  为了解决这个问题,我选择直接将Stories整合进Feed里,理由如下:
  Feed和Story将能够一起工作,来为用户促进一个更有结合力的体验。
  将Stories和Newsfeed结合起来可以防止它成为一个JulieZhuo(Facebook的产品设计副总裁)曾经提到过的“屋顶甲板”。在当前的Instagram设计中,一旦用户开始在反馈中滑动时,Instastories就很容易被遗忘。眼不见,心不烦。
  把Stories和Feed结合在一起后,它会在一个固定的时间轴上进行操作。对于任何目标行为来说这是能产生最高响应的最强有力的操作条件。
  补充说明:不要担心,我不会去掉Instastories这个功能。我只是将它们移到了消息收件箱里,这样你通过直接点击主页顶部右上角便能获得它。我将会在下面更深入的讨论它。
  问题2:顶部导航和滑动手势的分离
  通过我的用户研究我发现了一个主要的问题:Instagram主页上滑动手势是否直接,这是一个主要问题。
  简单来说,Instagram用户是否意识到了左右滑动与顶部的导航有关?
  为了回答这个问题,我在访谈过程中进行了一个简单的实验。
  方法(n40)
  在我开始这个实验之前,我提醒用户不能查看Instagram是实验的一部分。然后我要求用户向我从头到脚描述Instagram经典简介页面的布局,然后就是主页。我问了他们4个简单的问题。
  对于滑动:
  主页上,进入哪个地方你需要从左向右滑动?答案:相机到照片到Instastories
  在主页上,进入哪个地方你需要从右向左滑动?答案:消息收件箱
  对于顶部导航:
  你是如何点击屏幕发送你的story?答案:顶部左边相机icon
  你是怎么到达你的消息盒子?答案:顶部右边箭头icon
  笔记:如果用户回答“左右滑动”这部分问题,我将会提示他们给一个可选择的答案。(你知道其他的交互方式来?)
  这里是我收集到的数据()
  基于我的调查,Instagram里的关于滑动的知识都不是很好:
  只有20的人对所有滑动响应反应正确
  20的人至少有一个正确,50的人一个都不对
  50的人知道从左往右滑能够引导他们去相机功能
  20的人知道从右往左滑能够引导他们去消息盒子
  顶部导航:
  72。5的人知道通过点击顶部右侧箭头按钮来引导他们去消息盒子
  55的人知道通过点击顶部左侧相机按钮来引导他们去发布他们的story
  另外有趣的事实和数据:
  在访谈中40个人中只有3个人能够将4个问题都回答正确
  当要求用15的程度描述他们对Instagram导航的熟悉程度时,75的人将他们自己将自己描述为4或者更高。然而只有30的人在滑动问题上只答对一个正确。
  一个相当高比例92。3的回答不正确的人相信或者猜测滑动左侧将会带领他们去探索搜索页。(因为搜索探索icon在底部导航中位于主页icon旁边,所以这种想法说得通)
  这个调查的分析表明Instagram用户在导航和滑动手势中没有建立一个很好的联系。
  “我不知道。我只是到处点击直到我发现我在找什么,并且突然我就看到了我的脸”当被问到他们如何到达消息盒子时一个Instagram用户回答
  有一个方式让滑动手势更加直观的方式可能时让它和底部导航联系起来。然而,这对我来说可能是个好机会去创造一个新的功能
  滑动来看新的或早期的照片
  我用户研究的一部分是在从appstore里观看Instagram的评论。Instagram用户里一个主要的抱怨是在动态里没有按时间顺序展示。
  我想知道的是为什么用户想要他们的动态按时间顺序呢?为什么他们对这个改变如此失望?通过更深的挖掘,我发现用户认为按时间他们才能浏览彻底。Instagram当前的算法,是将流行的照片放在动态的最顶部。这会让Instagram用户沮丧因为他们可能会错过他们想要看的照片。
  为了将用户对时间顺序的需求与Instagram当前的算法妥协,我决定将滑动功能与一个给用户指引的指示器结合起来:
  例如,如果指示器在中间。你将知道这不是最新的post所以你可以向左滑来看最新的posts。如果指示器在最左端,你能够安心确保你现在在看这位用户最新的post。如果想看更旧的posts,一直左滑就好了。
  问题3:顶部左侧角落遥不可及
  人们会用各种方式拿他们的手机,不管他们怎么拿它,对于用户来说屏幕的左上角放导航将是最不便触控和最令人难受的区域。因为这就好像在床上玩手机掉到脸上的感觉一样。
  研究表明导航最易到达和最少不适的点应该是手机底部正在用户大拇指旁边。
  从我的数据得出,和我交谈过程中100的人知道怎么拍照片发动态(因为他们平时会用到)。然而在那些人中只有57。5既不知道怎么拍Instastories或者从不使用它。为了提高Instastories的使用频率,我将这两个功能合并起来,理由是:
  拇指更容易够着
  不用再花时间去普及Instastories
  体验2:探索和发现模式
  现在你有2个选择渠道来自发的探索:
  通过Instagram的当前的算法
  通过你自己收藏的标签来有目的的发现
  所以,Sam和Alex能够看“ecgtracing”或者“fitness”来和他们的兴趣保持更新。
  就我看来,我也许会关注“coffeefliicks”和“dametravelers”来看一些咖啡喝景点的艺术的图片。你也能够点击加一些新的标签,删除标签,或者通过你的标签收藏来搜索(当然,这是一个按字母表的排序)。
  体验3:滑到相机和instastories
  在我交谈过的用户中只有42。5的用户使用过Instastories。两个为什么人们不用Instastories是因为两个原因。1)他们已经有Snapchat了2)他们会不断看到那些他们并没有关注的人的Instastories。
  为了修复第二个原因,我实现了一个新的功能叫做“你喜欢的人的故事”来发掘更多价值和目的来使用Instastories。以此来使更多的人使用Instastories。
  现在,为了你能更方便地浏览,你喜欢的人,你崇拜的人的Instastories都在你屏幕上方。交流保持联系!
  你可以通过点击他们名字旁边的心形很轻易的移除或增加用户到你的喜欢列表。
  备注:我将Instastories移进相机的原因是什么?首先,我需要一个位置来方式Instastories。其次,当你要发送照片或者Instastories时,你只需直接进入消息收件箱。因此,将Instastories和相机放一起就显得非常有意义。
  另一个需要注意的是:现在的消息收件箱没有底部导航界面,如果用户知道如何使用滑动手势,他们就会知道如何回到主页,而正如我上面提到的只有20的人知道向左滑能到达相机。考虑到这一点,我决定保留底部导航栏,这样用户才不会感到迷茫。
  体验4:通知和简介
  哈哈哈哈终于到了最后一个部分。对于通知和简介,我想通过加更多负空间和群聊来给用户界面更多呼吸的空间。
  我想你能够猜到那些通知是真实的
  另外,你可以直接在你的通知页面里通过长按用户名来给人点赞或者评论(短按进入用户简介)。当你按住用户名时会触发出一个自动用户ID的评论框、然后你只要输入你的评论点击“发布”。
  我认为这个将会成为一个很棒的功能因为在很多时候,你会在post的评论的海洋中迷失方向。刚才他们的用户名是什么?评论在哪?刚才那个评论说的什么?
  “关注”通知
  在这期间一个有趣的事实是在我访谈过只有35的Instagram用户查看过正在关注的人的动态。是否保持这个功能可能是我不得不做的最难的一个决定,我决定保留它并且在某种程度上简单的重设计它,因为我希望通过让图片变大来吸引更多的注意力。
  简介
  老实说,我喜欢Instagram当前的设计。为了增加极简主义,我对浏览icon做了一些轻微的改变,并且加了一些负型空间来保持设计的一致性。
  反思我已经做了的工作
  进入这个项目,对我来说是锻炼我设计技巧的完美机会。上个学期我刚从医学学习转换过来,希望追求一个产品方面的事业。所以我认为对我来说最好的方式就是把我投入在一个项目中学习,然后从那里起飞。
  现在回头看,上面说的这些好像很简单。但是在过去的两个月中,我为了能够完成这个项目学习了远远不止上面的内容。
  我认为学习和创造最好的一件事情就是你开始管理自己。你学会什么方法是有效的,什么方法是无用的。你学习怎么更快更好更有效的做一件事情。你在你尝试的过程中开始学习一些你原本想学但没有学的东西。
  前进之路永远不会结束。学习的过程是不停息的。
  “设计并未变得简单,只是你变得更好了。”
  就到这儿吧,非常感谢你的阅读!
  
  原文地址:https:medium。freecodecamp。comiwantedtoseehowfaricouldpushmyselfcreativelysoiredesignedinstagram1ff99f28fa8b
投诉 评论 转载

红包的进击之路:脑洞大开的“创新”本文是系列文章的第二篇,主要对红包的新玩法进行一些探讨。阅读之前建议先阅读上一篇文章《从0到谈谈红包类产品的设计之道(竞品分析)》。从14年初,微信红包第一版产品上线之后……iOS和Android规范解析:底部浮层(上)GoogleMaterialDesign设计规范和iOS设计规范中,都有从底部向上出现的浮层组件。在Android中,是底板(BottomSheet);在iOS规范中,是上拉菜……产品技能体系之产品的概念设计(三)上篇《产品技能体系之用户研究(二)》研究完用户之后,我们通常要做的就是产品的概念设计,本文就是来分享这块内容。概念设计对于概念设计我们要注意做好分析,当然说起来容易……大公司里的“小产品”设计:淘宝APP之卡券包首页的改版设计过对于“小产品”的设计师来说,除了熟练“套路”以外,可能还需要多一点耐心和对用户的敬畏之心。从体量上来看,卡券包是略“小”,而站在用户体验的层面上来看,手机淘宝这个庞然大物,所有……以移动客户端举例,教你一步步搭建积分商城体系(2)上篇《以移动客户端举例,教你一步步搭建积分商城体系(1)》讲到积分商城或积分体系的本质、作用、隐患,以及个人觉得哪些产品适合或不适合引入积分商城。在本文中,作者将讲述搭建积分商……我重设计了Instagram,因为我想看看我能有多大的创造力“设计并未变得简单,只是你变得更好了。”挑战找一份自己喜欢的应用,并且每天使用,通过彻底的重构它,看看自己作为一个设计师能有多大的创造力。我选择Instagr……在设计产品方案前,你需要理清这4个思路只有简单清晰的东西才会深入人心,想要简单清晰,最终还得靠自己去梳理。常听别人说,脑子不清晰的时候,不要轻易做决定,我觉得设计亦是如此。时不时会发现做为交互设计的我们有时容……电商CRM规划:多层级多归属的会员体系搭建(八)站在平台的角度,要真正驱动会员价值,会员信息需要跨层级跨归属的互通,因此需要搭建多层级多归属的会员体系。对于一个平台上的会员,根据其最原始的关联来源,其可能隶属于门店、品……以Fitbit为例,研究隐藏在锻炼习惯后的用户体验Fitbit是一个很好的追踪器并且能够激励我变的更活跃一点,但是当我使用他们的iOSapp的时候却遇到了不少问题。所以,我决定以我UX设计师的身份在这片没人探索过的地方冒险,来……微众银行APP项目小结:从0到1,进步的未来照搬他人的模式要比创造新的东西容易。做大家都知道如何去做的事,只会使世界发生从1到N的改变,增添许多类似的东西。但是每次我们创造新事物的时候,会使世界发生从0到1的改变。……实例分析:4个成熟组件的设计思考本文是对成熟组件的一些思考,借此希望能鼓励同学们多多去探索下现在一些常用组件设计之初的设计原则和适应场景等,撬动你对设计样式的思考。作为一个用户体验设计师,套用成熟的设计……四个主题,看Facebook的产品设计师是如何思考(1)之前发现这个JulieZhuo在斯坦福大学的演讲视频,主题为“HowFacebookDesignerThinks”,全长37分钟,共分为四个主题,包括“怎样识别问题、……
如何勾引“真VC”来投资种子轮融资阶段的创业者,该如何与投资人会晤?创投圈饭局上,如何优雅地撩到投资人?创业者跟着这份融资指南做99。9的人都能找到投资人来自投资人的真实声音,他们为什么不投资你!2015谁是12星座里的投资之王?如何短时间内吸引投资人的眼球创投潜规则:如何获得独角兽捕手的青睐?蔡文胜的30条创投经验创业CEO分享:如何“驾驭”你的投资人创业者应向潜在投资人提出的5个问题找VC的时候要避免的5个问题

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