关系经济人类预测化学自然
中准网
自然科学
知识物理
化学生物
地理解释
预测理解
本质社会
人类现象
行为研究
经济政治
心理结构
关系指导
人文遗产

一刻相册从设计背后的故事

1月5日 发如雪投稿
  本文是一刻相册从01的产品设计背后的过程,从前期的设计目标的确认(高效、智能、有趣),到后续拆解到不同维度进行功能设计落地,从而呈现给用户目前一刻相册这个产品,目的是为了不仅让用户安全便捷的存,还能智能有趣用。
  项目背景
  随着手机拍摄能力和通讯行业的不断发展,使用手机拍照已经成为人们的一种生活习惯,在这个每天都要拍摄、查看、接收、存储、发送照片,以及手机里大部分的内存都贡献给了相册的今天,一款释放手机内存,免费大容量且安全好用的相册产品显得刻不容缓。
  一刻相册是百度网盘打造的一款安全备份,无限空间的应用。百度网盘作为国内云存储服务的先行者,利用自身存储优势和公司的AI技术,孵化出一刻相册产品,致力于帮助用户守护美好回忆,同时提供给用户更优质的照片存储体验。
  设计目标
  在着手设计之前,首先要制定设计的目标,设计目标一般是由产品的定位、用户群体、产品未来愿景等等方面推导而来。
  明确了一刻相册的产品定位及未来愿景后,再结合着产品功能层面所满足的除了备份诉求,同时还包含着全流程的管理消费分享。围绕着这些背景,经过多轮讨论
  最终,设计和产品同学达成一致,希望传递给一刻用户除了最基础的安全感知以外,还有3个核心点:1。高效;2。智能;3。有趣。
  1。高效
  大家对好的产品是用完即走的这句话并不陌生,尤其是体现在垂类工具产品上。
  对于相册产品而言,我们对设计流程上的首要目标,就是让用户:a。高效备份;b。便捷查找;c。快速消费。
  a。高效备份
  满足用户自动备份,已经是相册类产品最基础的能力,那么我们在此基础上,如何让用户毫无顾虑的进行高效备份呢?
  除了足够安全和好用以外,就是让用户没有空间限制的顾虑。一刻相册就是这样一款神仙相册产品,免费赠送无限大空间,让用户不用担心容量压力的尽情保存美好回忆。
  在用户首次登录后,第一个页面展示给用户的信息就是:已获得无限空间,让用户没有容量不够的顾虑。
  在视觉上用莫比乌斯环无穷符号为基本图形,同时在文案上突出一刻相册的核心功能亮点。
  当用户点击开启备份后,进入一刻相册首页的照片tab时,可实时看到已经备份的照片。
  同时,设计上采用置顶卡片的处理方式,让用户更高效、直观的对备份文件状态的感知及控制。
  除了之外,由于一刻和百度网盘的特殊关系,我们还支持用户将网盘已经备份过的图片或视频,一键导入到一刻相册。
  并且支持后台静默导入和内容实时更新,大大降低了用户在切换存储工具时的迁移成本,为用户节省了手动操作的时间。
  在视觉表现上,我们将导入进度采用圆环进度的方式,让用户更清晰的感知到目前的导入照片进度,增强用户的安全感。
  b。便捷查找
  当用户将自己照片备份上来后,如何满足用户更便捷的查找到目标照片,是我们面临的第二个问题,因此,在便捷查找方面,我们分为几个维度去做:照片浏览;相册创建。
  (1)照片浏览
  浏览是用户查找照片的必经之路,为了提升用户的浏览体验及效率,我们采用时光轴的形式进行排序,同时在视图方面,也做了多种尝试,如下图:
  方案A:保持每张图片的实际比例,通过合理计算将2或3张图排成一排,视觉效果不错,但开发成本较高,无法快速上线(类似googlephoto);
  方案B:全部内容使用同一比例、同一大小的区域进行限制,优点是产品布局紧凑整洁,但也容易让用户忽略可能有价值的信息;方案C:类似dropbox,显示真实图片比例,空间的利用率会较低。
  最终,我们基于用户使用诉求和对相册产品的调研,选择了保持相册内容的比例统一,但对可动的livephoto及视频内容进行突出放大展示,并默认进行播放,这样既满足了效率问题,又让浏览体验更有节奏感,同时也兼顾了开发成本。
  同时,用户可以轻松切换所要浏览的图片内容,分为云端本地,仅云端,仅本地三个显示模式,给用户不同浏览维度的选择,满足更便捷查找的目的。
  (2)相册创建
  除了Feed形式的时光轴,能够提升用户查找效率的方式,其次就是建立相册,让相似图片更加聚合。
  因此,一刻相册的相册模式支持:自动生成、手动创建。
  1)自动生成
  为了减少用户的操作成本,同时提升查找效率,我们对用户已上传的文件进行智能分类,将主流的分类分为:人物、事物、地点、截图、动图、证件、视频维度,提升用户查找效率。
  2)手动创建
  不可否认,再牛逼的技术,也做不到用户对自己的了解,因此一刻相册同样支持手动创建相册功能。
  为了使建立相册的流程的交互操作尽量做到轻量化,整个创建闭环无必填项,可轻松进行创建。
  同时用户在当前页面可整体通过图片库和人物完成添加照片流程。
  如果用户点击按人物添加,基于百度强大的人脸识别能力,一刻相册可生成人脸聚类,用户可快速通过人物创建相册,不需要一张张去选,从而便捷的创建满足自己查找习惯的相册。
  c。快速消费
  当满足了用户高效备份、便捷查找之后,如何能够使用户能在一刻相册里玩儿起来,是每一个一刻相册同学都在思考的问题。
  针对这一诉求,大家探索了很多可能性,在初期我们选择了不同的时间节点和节假日,推出不同的创意模板,让用户将自己的照片在这里玩儿起来。
  为了增强功能操作的简洁度,跟市面上的视频产品形成差异化。在选择模板时,我们依旧采用卡片式的视觉容器承载模板内容,视频可以自动播放预览,整体背景颜色应用5种品牌辅助色,背景颜色跟随手势的上下滑动切换,带给用户更加直观沉浸的操作感受。
  当用户点击制作同款后,用户只需在对应的时间段内,选择相应的视频,就能生成酷酷的卡点视频。
  为避免用户在等待生成视频时的焦虑情绪,我们提供了多种情感化文案来消除等待的焦虑感,在高效的同时关注用户情绪。
  同时,进度条采用蒙层的方式,将进度可视化,用户会更关注去掉蒙层后的作品,产生期待感。
  2。智能
  其实在相册类产品同质化的今天,基础体验(备份照片、浏览等)已经拉不开太大差距。因此,一刻相册在保证基础体验的基础上,引入小度助手提供给用户更加智能化、场景化的体验。
  小度出场的形式,采用简洁清爽的页面风格,使用户聚焦到小度本身,采用小度眨眼睛的动效,更传递出它的灵动性。
  那么,小度到底怎么智能了呢?
  目前我们做了:a。智能化清理;b。智能化生成。
  a。智能化清理
  相信大家在使用本地相册时也会被一个问题困扰:平时工作或者某些特定场景下的截图过多;自拍时一个动作连续拍摄很多张如果用户手动将自己相册内这些照片找出,再去删除,费时又费力。
  那么针对此场景,小度提供多种清理能力,包括:清理截图、清理相似图、清理本地图片。
  清理模块在交互形式上,以效率为最高优先级,同时增强用户清理图片时的趣味性和成就感。
  具体做法是,将待清理图片以日维度,分成一个个模块,而后形成清理图片的瀑布流,当用户一个个去完成清理操作后,将会获得完成任务的成就感。
  不仅如此,小度如果发现你相册里存储某人的照片过多,会智能化的引导你去标注关系,为了后续更方便的管理自己照片。
  b。智能化生成
  除了上面有提到用户可以使用视频模板,手动制作趣味短片,小度还可以针对用户存储的照片,智能的生成许多有趣的视频,给用户带来不期而遇的惊喜感。
  当然小度的智能化能力我们在不断的完善中,同时我们希望给用户传递的智能化不是冰冷的技术感,而是温馨的关怀感知。
  因此,在小度问候的文案和表情上我们做了场景化处理,用户在不同时间段进来,都能感受到我们的关怀。
  3。有趣
  除了在存储和查找时让用户感受到高效和智能,如何让用户感受到一刻还是个很有趣的相册产品呢?
  我们分为两个维度来看:a。功能层面;b。品牌视觉。
  a。功能层面
  试想一个场景,你和妈妈一起出去玩拍了很多照片,你妈想让你把照片发给她,这时候你打开WX将今天拍摄的50张照片分为6次发给了妈妈,后来又发现点的不是原图(手动围笑),这个时候的你一定气的鼓鼓的。
  一刻相册利用NFC技术,为用户提供碰一碰传照片的形式。利用有趣的方式,解决用户这种痛点,用户只需要线下碰一下手机(支持跨端),就可以直接发送无限量、原图的照片给对方。
  当用户进入碰一碰页面,有动画进行引导,同时发出像干杯一样的杯子碰撞的声音,使用户发照片像干杯一样简单。
  从交互层面出发,碰一碰涉及到线下体验与线上体验联动:首先保证线下体验的一致性,比如:碰撞、匹配、反馈都都需要具有实时性和流畅性。
  因此,通过这种有趣的产品形态和交互形式,使用户在传图的场景中更加轻松、便捷(不过,目前落地效果还在持续优化中)。
  b。品牌视觉
  众所周知,相册记录着人们生活的点点滴滴,平淡真实。
  但是一刻相册slogan是看见每一刻,体现出我们不仅希望帮助用户存储回忆,更希望运用科技的力量帮助用户将平淡的生活点滴,智能生成有趣的内容推荐给用户,使美好回忆与自己不期而遇,让用户在一刻相册里回顾自己精彩、有趣的每一刻。
  基于整个品牌定位,在LOGO设计阶段,围绕一刻相册名称一和slogan中的看见(眼睛)来代表一刻。
  在颜色的选取上使用了多彩渐变色,传递看见多彩有趣的生活品牌理念,同时能够与其它相册产品拉开差异化。
  在LOGO设计确定后,通过从LOGO中提取出多彩渐变的色调,发现占比最大的是:蓝色、紫色、粉色。
  但是,粉色过于女性化,而蓝色过于冷静,同时跟竞品也很难拉开差距,而紫色代表着个性、创造力和想象力,象征实验精神与不墨守成规,更符合我们的产品定位。
  因此,最终提炼定义了紫色,成为我们的主品牌色。
  继而将我们的主色渗透在产品界面、操作组件以及空页面中
  同时,将LOGO里其它多彩的颜色:蓝色、红色、黄色和绿色,作为产品的辅助色,希望通过品牌色(主品牌色、子品牌色)应用,加深用户的品牌印象。
  在icon上,也经过反复的尝试采用4px粗细,用尽量极简的方式概括表意,达到表意清晰,轻量简洁的目的。
  作为一次从01的一刻相册产品设计,我们希望能够传递给用户的不仅高效、好用,而且年轻、多彩、有趣的视觉感知。
  总结
  以上是一刻相册从01的产品设计背后的过程,从前期的设计目标的确认(高效、智能、有趣),到后续拆解到不同维度进行功能设计落地,从而呈现给用户目前一刻相册这个产品,目的是为了不仅让用户安全便捷的存,还能智能有趣用。
  一刻相册是网盘团队所有同学共同努力的结果,所以只是开始,未来我们将为用户持续打造更优质的相册产品,来守护你们的回忆。
投诉 评论 转载

临盆待产时必备物品有哪些临盆待产时必备物品有哪些?为了避免在临产时的手忙脚乱,准妈妈们一定要在分娩前把各方面可能遇到的问题汇总一下,提前做好准备,才能做到心中有数,临阵不乱啊!现在我们先从衣食住用四个……消除大班额不能忽略了大规模最近,看到两则关于地方政府下大力气消除大班额的消息。一是河北省出台了《关于统筹推进县域内城乡义务教育一体化改革发展的实施意见》,明确提出,统筹十三五期间义务教育学校建设项目,新……2021议论文论据关于道德素质20xx议论文论据:关于道德素质适用话题:偷窃、道德、安全、职责超市香烟不翼而飞,店内天花板也离奇被破,今年三次连续被盗,店门却完好无损,超市老板赵女士可是百思不得……清明节作文我们一起去扫墓一起去扫墓作文1清明节,我们一起去扫墓四年级四班刘一诺清明节神不知,鬼不觉的到了!学校里宣布:四、五年级去扫墓!一开始,我还有点儿偷懒,不怎么想去,但是,爸爸妈妈说……师德师风教育学习心得体会精选多篇第一篇:师德师风教育学习心得体会师德师风教育学习心得体会著名的教育家陶行知先生曾说过:学高为师,德高为范。作为一名光荣的人民教师,不仅要具有广博的知识,更要有高尚的……鼠年贺姓好听男孩名字贺姓男孩诗意名字大全今天按照惯例,依然是准备了不少适合男宝宝的双字名,那这次的主姓氏是贺。贺姓家长朋友们需要的话,不妨来看看,试着挑选挑选,说不定就有你满意的姓名。其实取名这件事还是要多点耐心,总……游览海拉尔西山作文怎么写海拉尔西山公园位于市区西部,与海拉尔区政府相邻,海拉尔西山国家森林公园早在清代就被列入呼伦贝尔八景之一(沙埠古松)而著名。游览海拉尔西山作文怎么写,我们来看看。游览海拉尔西山作……我就是一道风景作文500字我就是我,是一道不一样的风景。题记路边的野花,你就是你,何必与彩虹比七彩,你有你的艳丽;山间的清泉,你就是你,何必与大海比宽广,你有你的清澈;山脚的岩石,你就是你,……一刻相册从设计背后的故事本文是一刻相册从01的产品设计背后的过程,从前期的设计目标的确认(高效、智能、有趣),到后续拆解到不同维度进行功能设计落地,从而呈现给用户目前一刻相册这个产品,目的是为了不仅让……玫瑰花下的约定四年级作文800字在蓝樱贵族学院初中部初一(3)班,大家在座位上闹哄哄的。女生穆雨瑶正在和死党候雪儿聊天:刚刚听班头说,今天好像会有一个新的转校生来哦。候雪儿笑吟吟地回答:是嘛,可以交新朋……游黎坪国家森森公园作文600字今天,我是小小导游员,带着大家游黎坪国家森森公园,黎坪位于汉中市南郑县,由陕煤集团投资开发的国家AAAA森林公园,省级地质公园,是山景、水景、石景、林景、气候景观和田园景观为一……蝴蝶的作文350字春天来了,百花盛开,鸟语花香,蝴蝶在空中翩翩起舞,给春天增添了许多生机。下面要为大家分享的就是蝴蝶的作文350字,希望你会喜欢!蝴蝶的作文350字篇1蝴蝶是自然界中美丽的……
青天白日是褒义词小学生作文难忘的清明写感恩父亲的作文400字汇编9篇教师节怀念老师作文(通用3篇)2012小升初优秀作文欣赏卖花姑娘的苦与乐默默付出的劳动者作文500字五一趣事作文500字游汕头记暑假趣事日记范文集锦6篇我就是一颗会发芽的种子600字初中作文二年级云作文清明作文500字那人,那山,那水
怎样选择千元左右性价比比较高的手机婴儿夏天空调开多少度婴儿夏天要不要穿袜子广告位租赁合同大自然的启示在重庆,早九晚五,除五险一金到手工资8000以上工作好找吗?江南采莲曲金钻与红钻区别全球LTPS智能手机面板Q1出货量排名天马第一,京东方第二别具一格的女生短发也能剪出女人味汗蒸完可以敷面膜吗汗蒸后敷面膜让美丽加倍宝宝发烧多久能退?宝宝发烧烧多久?一出好戏终极海报巧借象征物揭秘人物性格

友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找菏泽德阳山西湖州宝鸡上海茂名内江三亚信阳长春北海西安安徽黄石烟台沧州湛江肇庆鹤壁六安韶关成都钦州