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

关于移动App“换一换”的发散和思考

3月15日 浅时光投稿
  本文由衣柜里的“换一换”发散到app的“换一换”,探究“换一换”的本质和特点。
  换一换是移动应用app中经常会用到的操作,时间久了也就形成了固定的形式。但设计没有终点,本文希望更加深入去探讨换一换的本质。
  一、衣柜里的换一换
  我们平时换一件衣服是怎么样的呢?
  下面是一个流程:
  图1。衣柜使用流程示意图
  人是喜欢新鲜的动物,换衣服如此,与世间的物体交互也是如此。
  由于“换”包含了很多概念,于是在开篇之前我想澄清一个概念上可能会混淆的点:“换一换”的范围包括哪些?
  本文中的“换一换”,包括“切换”、“刷新”、“更换”等。凡是操作后会引起当前内容变化的,都在文中作为“换一换”讨论。
  二、我们为什么要换一换
  当我们浏览新闻app的时候,看厌了现有的内容,可以换一换。
  当我们听音乐,不喜欢这首,可以换一换。
  当我们不喜欢现在的桌面壁纸,我们可以换一换。
  人是追求新鲜感的动物,换一换的机制给予整个系统翻篇换血的机会,使得用户保持对系统的好奇,持续挖掘。
  三、一般形态的换一换
  一些内容,加上一个“换一换”的按钮,点击就可以更换了,这是基本的形式。
  这似乎也满足了用户的基本需求了?
  图2。一般形态的换一换
  最近看了不同的产品,重新自己思考这个课题,发现换一换还是有可创新的地方的。
  比如:qq钱包里面的优惠券,需要支付一定的金额才可以更换,这样就提高了门槛。提高门槛的同时,使得用户会更加慎重地进行考虑,同时更加珍惜更换的结果。
  图3。qq钱包换一换的设计
  但,如果每次我想看一个新闻,我就要付钱,岂不是很贵?因此换一换也是有它适用的场景的。
  为了区分这些场景,找到这些场景的使用规律,我按照不同的维度搜集了一些竞品,并进行了分类。
  在分类的过程中,我发现有一些换一换的特点:
  四、面向过去与未来的换一换
  被动输入的,例如资讯类的应用,就会以快速的换一换为主。这种换一换不可逆转,只能往后继续推荐,所以是面向未来的换一换。
  例如,图4右侧的知乎中,点击“换一换”可以更换一批感兴趣的人。而如果是用户输入为主的应用,比如浏览器,用户需要主动输入大量的信息,去检索他们想要的内容。那么就会提供追溯的历史,用户可以寻找过去的踪迹,如图4左侧百度的简单搜索,点击按钮可以切换不同的浏览页面。
  图4。(左)简单搜索,(右)知乎
  五、换一换的手势
  换一换的操作方向会影响用户的阅读体验。
  如果方向与阅读浏览的顺序一致,会呈现更多的内容以及使得阅读更加顺畅。如果方向与阅读顺序不一致,则需要用户停留,进行思考。
  如图5的最左边,是可以左右拨动更换卡片的。中间的新闻app则需要下拉刷新进行更换,右图的音乐app则是通过左右滑动进行更换。
  相比较而言,中间app的自动切换方式与阅读顺序一致,用户只需要一直下滑,就可以持续刷新更换的信息。而如果左右滑动或者拨动,则会让用户停下来思考“我是不是真的要切换到下一首音乐呢?“我是不是确定不需要这一张卡片了呢?”。
  当然并不一定切换越快就是越好的,比如新闻流,更新速度快、有时效性,快速更换便于用户阅读。但一些精品的内容比如推荐关注的人、沉浸式的音乐,我们更期待看到用户多多地驻足,去关注,去享受。那么快速的切换,就不太合适了。
  图5。(左)即刻,(中)今日头条,(右)qq音乐
  六、主动or被动
  换一换虽然听上去是一个用户主动的操作,但设计的时候也可以想一想:
  这个内容是不是真的需要用户主动来换一换呢?
  如果可以的话,系统能不能帮用户把这个事情做了呢?
  比如图6的右图,一些更新比较快的新闻资讯、优惠活动,有时候也可以使用轮播自动更新的方式呈现给用户。
  主动的换一换给予用户选择权,使用户感觉到对内容的掌控。而被动的换一换则给予用户紧迫感,吸引用户去点击。
  虽然平时我们对换一换的理解更多的是“主动点击”的换一换,但系统自动变化的形式是否也是可以的呢?
  比如优惠券,如果在展示的时候是自动变化的,是否就能产生紧张感,吸引用户更快去点击呢?
  图6。(左)喜马拉雅,(右)小米资讯
  七、如何设计更好的换一换?
  开头提到了衣柜,于是我从衣柜开始发散。
  怎么样才能更好地换衣服?
  下面是一张换一换的细分流程图:
  图7。衣柜与app的换一换细分流程图
  于是,针对细分的流程节点,我产生了一些构想,供大家参考。可能并不一定能实现,因为还要结合业务和实际考虑,但也许可以扩展一些思路。
  1。预览与前馈
  因为换一换是不可预期的,那么也许可以提供一个预览的小窗口,帮助用户去预览接下来会发生的事情,减少不确定的感觉。
  图8。换一换的预览机制
  2。趣味的图标与文案
  换一换一般是使用循环的图标表示,但我们也可以加一点微创新,比如热门的新闻,可以用火苗图标,而对于地址,可以用地点图标等。
  图9。带有不同图标示意的换一换
  另外在文案上,换一换也可以用比较吸引人的亲切话语来表达,这样就可能可以更加吸引读者去点击。
  图10。换一换的不同文案
  3。有门槛的换一换
  人类是纠结的动物,太容易得来不会珍惜,太难又会容易放弃,因此把握好换一换的度是比较重要的。
  比如用户可以用自己的积分,或者经过一定时间的等待,又或者完成一些简单的任务进行换一换,这样换来的结果转化率可能更高。
  图11。为换一换设置不同门槛
  4。更换的控制感
  更换的时候的,如果系统不是那么精准,可以适当提供用户反馈的机制,这样得到的结果会更加精准。这样也使得用户对整个更换系统的有一定的了解,更加放心地去更换。
  图12。可供用户选择的换一换
  5。内容出现的仪式感,回退的机制
  更换之后,内容的出现可以带有一些巧思。毕竟是新的内容,可以赋予一种登台的、新鲜的感觉,给人耳目一新之感。
  另外,如果更换的内容用户不喜欢,还是有可能回退的。这个时候稍微保留上一次更换的痕迹,给予用户返回的操作,可能也可以提升用户的体验。
  比如上次的内容可以堆叠在下方,通过手势或者按钮返回。
  图13。出场仪式感,飘舞的彩带
  图14。用户上次更换的内容没有直接消失,而是叠在下方
  当然,这些内容不是一次全部都要出现。只是作为参考与启发,随着业务属性的不同,不妨试试在每个节点思考一下可以加点什么,使得换一换更加细致可感。
  八、小结
  本文针对平时常见的“换一换”作了一些发散和思考。
  作为设计师,希望鞭笞自己从设计理所当然的舒适圈中跳出,去尝试更多的东西,也与大家分享。
投诉 评论 转载

关于退出按钮,你可能不知道的设计细节退出按钮,无论是模态,对话框还是弹出窗口,都是内容交互中必要的操作元素,我们只需要建立合理的退出方式就好。写在前面,读完这篇文章你将会了解到:关闭按钮“x”的设计历……如何设计出一个有灵魂的签到功能?目前许多线上产品设计了签到功能,主要用来引导用户每日打开APP,时间限制宽松,对用户的约束也较弱。提到签到功能,想必是个人都并不陌生,有些人对它可能嗤之以鼻,不屑于去签到……视觉工作流优化:如何构建组件库?本文将深入细节从多角度去解析组件化的概念,帮助我们理解、构建组件库。设计组件化的概念本身是从程序的开发模式中演变而来,开发中的工程化思维是不是也可以帮助我们高效的管理设计……7个步骤教你制作用户路径地图(内附源文件)用户路径地图是用户如何达成自己目标的过程,并使用可视化的表格将该过程进行展示。从用户的角度考虑影响购买商品或服务的关键节点,以帮助市场和销售取得更好的业绩。大多数企业知道……如何从视觉设计层面,提升产品的用户体验度?本篇根据自己以往的设计经验,分别从注重用户反馈、信息层级划分、图标细节处理、情感化设计四个方面,来讨论如何提升作品的用户体验度!用户体验是什么?按照以往对用户体验的理解就……日历设计简史日历是一项深入我们生活的设计,最早的日历是什么样的?它的设计经历了哪些改变?本文将会带领大家一起探索日历的演化进程。我们被那些具有历史感、跨越几个世纪的老物件包围着,有时……春节设计项目复盘:停不下的游园会春节期间各大互联网平台的红包大战“硝烟四起”,作为腾讯旗下深度运营年轻用户的QQ,被赋予了更多娱乐社交属性。今年,QQ也在探索重新定义红包的社交价值,推出了全新玩法,将民间广为……创业公司都是如何做增长的本文探讨:那些受欢迎的创业公司如何理解“创业营销漏斗”这个概念?以及,他们如何在各个层面成功应用增长黑客以达到如今的市场地位?初创公司的市场营销可能是一个充满挑战的旅程,……电商O2O供应链系统实操记录数据统计模块此系列文章主要是根据作者自己所在公司的业务模式,介绍供应链系统整个设计过程的思路、方法和核心要点。本文所讲的内容是数据统计模块。电商、O2O行业的产品线中,后端的业务支持……设计思维,弥补传统用户洞察方式的弊端传统的用户需求洞察方式具有一定的局限性。为此,本文介绍了一种创新的方式设计思维。设计思维这种“参与式设计”的方法很好地弥补了传统方式的弊端。在第一且唯一一份实习中,有幸地……关于移动App“换一换”的发散和思考本文由衣柜里的“换一换”发散到app的“换一换”,探究“换一换”的本质和特点。换一换是移动应用app中经常会用到的操作,时间久了也就形成了固定的形式。但设计没有终点,本文……如何设计及管理开放平台?本篇文章介绍了在从0到1设计过程中,需要考虑哪些环节,搭建哪些基础功能,以及如何进行运营管理。随着技术和合作共享思维的发展,硅谷率先推出了开放平台,比如谷歌开放了mapa……
如何为B2B产品绘制用户画像(Persona)?微信海外钱包:“本地化”的节日运营探索插图设计如何在广泛样式中发展自己的风格一款产品中的分类系统,应当采取何种模式?PRD餐饮类优惠券功能该如何实现?产品经理规划产品如何设计产品架构?从0到1搭建推荐策略产品的思考(一):策略产品的必要性和应具APP深色主题设计指南CRM项目实战(3):客户特征客户识别管理设计项目复盘:QQ为我画年画设计分享农产品“上行”电商平台设计微信朋友圈,适不适合采用算法推荐?
天气太热胃口不好?教你自制口水鸡,消暑美味连吃三碗米饭红军精神在我心中作文500字OLED屏幕的iPad、iPadPro和MBP可能于明年发售服务设计工具概述六西格玛管理(六西格玛管理法)刮大风高空坠物责任赔偿问题有哪些?妈妈和拼多多作文700字坏消息传来!全红婵受伤缺席队内测试赛,天才少女职业生涯遇危机聪明的学生,为什么戴口罩小学班主任学期寄语大全六年级语文教学反思地球上的水从哪来,会不会越用越少?这背后都有哪些神奇的奥秘?

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