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

腾讯微云为空页设计:体验创新设计3大纬度剖析

1月21日 霸王亭投稿
  为空页,简单理解就是当前页面内容为空白,分别会在初次使用、完成或清空内容、出错的情况下出现。本文将简要阐述关于腾讯微云6。1版本所更新的为空页(内容为空)设计背后的故事,以及探索创新思维的过程与价值。
  随着腾讯微云6。0版本全新品牌形象升级的发布,6。1的更新将致力于提升品牌的体验。项目成员细致入微地考虑着如何优化整体品牌体验的同时,也不忘将每个模块细节都统一化、精品化。其中的为空页面也在规划当中。以下将分别从体验创新设计3大纬度对为空页设计进行全面剖析。
  一、体验极简易懂
  为空状态并不是时刻都存在的,并没有多少用户能够看到它们。但为空页的设计是必要的,意义在于为用户解释说明当前页状态,用户需要第一时间知道自己现所处位置、环境、情况,再而判断自己接下来的行为。以最基本的功能角度来分析,为空页应告诉用户:此页是什么内容?为何内容为空?怎样获取内容?
  由于腾讯微云的功能和场景都较为丰富,APP内也相对应存在着不少的空页面。为了提升为空页在整个APP的良好体验,前期我们将微云内所有为空场景重新做了搜集整合,同时也根据场景对用户的行为进行分析,把为空页类型精简为三种:
  提示性图文操作按钮引导;
  提示性图文;
  纯说明文字。
  流程上希望尽可能去引导用户快捷地完成操作,减轻用户的认知负担。
  文案方面也进行优化,从原来的XXX空空如也调整为没有XXX,目的一是为了更快速直白地告知用户此页无的状态,其二是希望能设计一系列有创意的插图与之配合,简洁的文案更能辅助烘托插图的精彩。
  二、创新耐人寻味
  要想创造出具有创新意义的为空页设计,并不是一件容易的事情,尤其为空页原本就是一个比较常态和无聊的环节当然,首先分析用户心理是关键。我们把用户分为两大类别:新用户老用户。
  新用户正在探索产品,任何操作体验都会影响他们会否想留下,或许他不清楚这里的功能是什么,为什么会跳转到这里,该怎么使用这里的功能等一系列未知项;
  老用户则对于功能、内容、操作等都相对熟悉,在某种意义上为空页对于他们来讲仅仅就是一个条件反射型提示,根本不会去留意画面内容,甚至有的老用户几乎不会存在有为空场景的时候。
  但无论是哪种类型用户,都一定会有同种共性好奇心。好奇心足以牵引着一个人对所产生事物的关注程度和好感度,从而使得他由被动接受信息直接转型为主动了解信息。
  我们以好奇心为出发点思考,提炼出设计关键词耐人寻味。也把为空页的设计目标定位为空彩蛋页。希望用户在无趣中能够找到一些小惊喜,会心一笑。
  根据腾讯微云智能融入情感的品牌宗旨,在设计脑爆环节中我们不断联想生活中的事物与各为空页出现场景的共性之处,并把它们都收集了起来(以下均为为空状态表示)。当画面与之文案相联系一起阅读的时候,所产生的幽默感和画面感还是十分有意思的,简单的图文更能加大想象空间。
  创意构思草图
  以下为创意解释:
  a。文件时间:魔术帽内的兔子(随时备份,随拿随到)
  b。笔记:正在削铅笔(等着你新建笔记)
  c。共享组:满是笑脸的插排(随时共享,满心欢喜)
  d。新建文件夹:没有水的泳池(此处空间没东西)
  e。文件根目录:已漏完了的沙漏(很长时间未动过)
  f。分享链接:未折好的纸飞机(未完成内容所以纸飞机无法成型和起飞无法分享)
  g。搜索:孤独的灯塔(附近什么都搜不到)
  h。视频:未打板的场记板(等你来开拍)
  i。回收站:空牛奶箱(回收箱里没有奶瓶)
  j。照片相册:叠成塔的照片堆(还没整理成册)
  k。地点城市:乐高积木模拟建筑(你来到了假的城市吧)
  l。照片地点:在迷宫中探索(毫无地点信息)
  m。收藏夹:空白邮票(没有收藏意义)
  n。搜索图片:展览内的空画框(没内容展示)
  o。相册人物:稻草人(假人没有人物信息)
  p。搜索音乐:断弦的吉他(没法产生音乐)
  q。搜索文档:打印出来还是白纸的打印机(没内容可打印)
  r。已下载文件:空鸡蛋盒(下载下蛋)
  s。文件保险箱:层层包装的纸箱(多重保护)
  t。任务列表:天文望远镜内空空如也(没有目标)
  u。相册智能分类:无法完成的魔方(难以识别完整样貌)
  v。搜索其他:就差一块拼图即可完成(结果只剩一块明显是对不上的)
  当然在脑爆过程中,因为持续的创意思维发散,中间也关联出许多其他有趣的关联物体,而最终选定的物体也是精心挑选出来的,都是相对好理解的代表物体。
  三、设计精益求精
  创意过后,该如何选择适合的设计风格去搭配才能既凸显效果同时也不至于抢眼跳脱?经过几轮绘图尝试后,团队果断选择了能代表极客属性的单线极简风格作为主视觉风格(表面工整冷淡,内心情感丰富)。以下为重新绘制的插图样式。
  总览插图,虽然画风一致,但会发现其产生了两种不太一样的视觉角度(正视平行透视)。为了加强整体画风的统一度和满足所有元素角度的兼容性,我们把角度统一定为平行透视,且仅由一特定角度作为绘图标准,在细节的体现上更胜一筹。
  颜色搭配上,结合新品牌专属品牌色(蓝、绿、紫),将插图中的最关键联想区域加入品牌色进行点缀和视觉中心提示,弱化插图描边的分量感。同时为了避免枯燥,品牌色的选用也经过分析和精心搭配(并非平均分配,主要以品牌蓝为主,强化品牌关联性),希望给用户展现最清新极致的插图风格。
  最终效果
  四、总结秉持创新
  本篇文章着重介绍设计中的创新理念,项目虽小,但创意满满。当然也许还会有更棒的创意点子或者视觉呈现,但根本目的还是希望设计师能够用创新的思维去探索设计方式,时刻秉持创新的出发点,以诞生更多有趣、特别、巧妙的设计作品。创新的维度也不要仅仅局限于视觉呈现和插画风格,花点时间在思维上、细节上,或许会有令人意想不到的小点子或者玩法可以打破常规呢。
投诉 评论 转载

语音交互设计(一):VUI发展及特征当语音交互、智能匹配以及个性化推荐成为新一代用户主流的交互方式时,现在以一个个独立的APP构筑的服务会面临巨大冲击。随着移动智能终端和云计算的快速发展,人工智能的浪潮正在……谷歌所说的“整体网页设计”到底是什么概念?一切都是关联的,更全面的思考将会带来更成熟的产品。Google所提出的整体网页设计最近被越来越多地提起。对于设计师和开发者而言,它所涉及到的内容并没有表面上看起来那么粗犷……移动交互设计:提示语总结交互设计工作中,难免会遇到提示语如何编写的问题,根据实际操作经验归纳总结如下,提供大家参考。一、提示语规范各类提示语可根据实际情况进行适当调整,在实际产品设计过程中……对新版淘宝的设计思考本文作者在分析淘宝改版的基础上,通过几个关键页面的分析对比淘宝、京东、苏宁易购三大综合类电商平台的产品设计,enjoy电商类App是日常使用频次非常高的应用,它们的每一次……五步打造APP节日主题设计:以Lofter新年图标设计为例我们需要做有依据、有逻辑、有理念的设计,需要发散思维、整合创意、严谨输出,让设计经得起推敲。2018年春节已远去,一直想把lofter新年logo设计思路分享给大家,直到……一个全新的UI设计实战:帮你改善睡眠的APP,是这样设计出来本文将在此分享一个全新的UI设计实战:帮助用户更好睡眠的应用Slumber的UI设计的过程。enjoy现代人对于健康越来越重视,而移动端APP在这方面为用户提供了多种多样……设计沉思录如何高效完成表单输入?针对复杂表单信息多,填写慢、体验差等问题,我们以58简历发布与赶集房产发布为例,从六方面进行用户体验的全面升级。表单是收集用户信息的方式。如果你的产品需要收集大量用户信息……从交互角度分析:为什么我沉迷抖音,却不想刷微视?本文作者仅从交互角度来看下抖音和微视的不同,一起来看看最近已经是个抖友了!每天抖音中毒停不下来。因为微视是腾讯力推的产品,出于好奇也下载了。作为交互设计师,我抱着一……腾讯微云为空页设计:体验创新设计3大纬度剖析为空页,简单理解就是当前页面内容为空白,分别会在初次使用、完成或清空内容、出错的情况下出现。本文将简要阐述关于腾讯微云6。1版本所更新的为空页(内容为空)设计背后的故事,以及探……网页设计:7种文字排版设计趋势,2018年正在流行网站最基本的功能是呈现信息,让用户可以阅读。字体的展示和排版自然也是网页设计师工作的重要内容之一。今天,我们搜集了2018年网页设计领域正在流行的文字排版设计趋势,与你分享。……3种权限模型,快速定位设计目标在互联网产品中,海量用户的背后,产品所服务的用户角色往往并不是单一的。在交互设计日常的实际项目中,经常会遇到由于用户角色差异而产生的多权限模型设计。所谓多用户角色模型……好的搜索体验,就是好的用户体验即使是如输入框尺寸的微小变化,或是改变搜索框内展示的关键词引导,都能提升搜索功能的可用性进而影响整个产品的体验。一。前言搜索就像是用户与app或者网站之间的对话:用……
人人都是产品经理App体验报告及改进建议图片社交正当时:nice史上最详细产品分析报告(背单词APP竞品分析报告《美团酒店》产品体验报告《快贷》产品体验报告专业的产品分析报告:下厨房竞品分析P2P旅游应用“收留我”产品分析报告阿里旅行去啊产品分析报告zank与blued竞品分析报告P2P网贷APP竞品分析携程周末App产品分析报告美团猫眼电影App产品分析报告

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