产品界面里面哪些内容能点击,哪些内容能滑动;
点击的时候是在屏幕中央还是屏幕周围;
屏幕的四个角分别代表什么操作;
滑动的时候是上下滑动还是左右滑动,是在屏幕中央滑动还是从边缘滑动;
这样的交互是否费劲,是否合理;
是否容易误操作;
点击/滑动之后界面内容出现什么样的变化,是否符合预期;
用户进入下一个页面的时候,究竟是向左滑动进入下一个界面,还是向上滑动进入下一个界面;
……
01?不上滑的话还能怎样
当我们没有没有头绪的时候,总是试试反过来想。为什么是上滑查看下一个视频,那反过来思考就是为什么不是上滑呢。如果不上滑我们还能怎么切换下一个视频呢,还有哪些可以设计的交互方式呢?
(查理芒格的逆向思维真的很好用!)
那么问题就转变为,有哪样一些交互设计方式,这些方式和上滑这个手势相比用来处理查看下一个视频的操作行为,优劣势分别是什么。
在分析交互方式之前,先思考一个问题,交互是为了干啥?
我们说产品是一套契合用户使用场景,满足该场景下用户痛点的解决方案。因此我们是一套方案,是一个工具,但是是一个没有使用说明,也没有工程师上门安装的工具。因此,解决方案好不好很重要的一个评价维度是用户能不能轻松上手你的工具,能不能用明白。
互联网产品是一个全新的工具,大家都在探索一个符合人性,符合使用习惯,符合大众认知的操作规范。产品和用户在互相调教,互相进步。用户的每一次操作都是人机交互的过程,告诉你这一刻他想干什么,他如何向产品寻求帮助。
虽然说,最完美的交互,是不用交互。类似于你一个眼神,你妈就知道你是去厕所还是去厨房,你男朋友就知道你是想喝快乐水还是喝白开水,未来的交互或许也会智能到通过眼神和微动作去交互。(但是游戏产品是特例,因为真实的交互能够让用户有参与感,让用户觉得我参与到世界的共建)
刚刚畅想的是完美的场景和未来的可能,但当下,如果用户真的不和你的产品发生交互的话,你没法确认到底是因为我们的交互设计过于完美,满足用户所想所愿,还是因为交互太傻逼没有正常用户能找到你的功能入口(而且大概率是后者),所以我们需要精心思考每一个交互细节,避免因为交互的复杂而导致用户不满意你的解决方案。
那么,按照我目前的简单理解,交互设计分为点击行为和手势操作。
1)点击行为
回顾一下,PC时代,我们怎么查看下一个,在Pinterest还没有发明瀑布流这种玩法之前,大家都是看完当前页面,点击页面下方的“下一页”,然后跳转到新的页面,视线从页面下方回到上方,等待页面加载,类似下图。
(微博网页版截图)
一般如果页面默认展示10条内容的话,我们想看100条内容就需要进行九次点击“下一页”的行为,然后进入九个新的页面,视线重新聚焦到未看过的位置。
那抖音为什么不采取这种方式,为什么不放两个按钮,分别是上一个和下一个呢?
点击查看下一个视频和下滑查看下一个视频有什么优劣势?
从产品使用体验而言,点击行为有功能热区,无论放在哪一块,用户都需要定睛观察图面才能知道按钮的位置,准确进行点击行为,这意味着用户的视觉焦点会从视频本身移到功能按钮上,会中断用户的沉浸式体验,而手势操作在屏幕中任意位置下滑都可以实现操作,不需要特意观察图面;
所以,在用户都能理解的基础上,滑动的手势操作在整体使用体验和操作难度上都优于点击“下一页”的交互。
2)手势操作
手势操作的话,这里只讨论单手持机的场景(毕竟大部分单手能完成的行为双手持机也能完成),也只讨论比较常见的单指操作,类似mac那种多指多方向的复杂手势不在讨论范围内。
手势操作可以分为左右滑和上下滑,以及稍复杂一点的用手势绘制相应图形的操作。这里主要讨论一下上下滑和左右滑。
刚才我们讨论了为什么手势操作优于屏幕点击,但同样是手势操作,为什么不是向右滑动查看下一个视频呢?目前左右滑动主要应用于什么场景下的什么操作行为?以及,左右滑和上下滑有啥区别?
除了类似这个case里面图面部分区域可左右滑以外,也有整屏左右滑的手势操作的应用,即滑动切换顶部tab。
(除了以上两种左右滑动场景以外,部分页面跳转较多的的app比如淘宝,也会用左右滑动的手势来控制进入下一个页面和退出当前页面,这里先不展开了)
因此,抖音为什么不用左右滑来切换视频就很好理解了。
因为左右滑被其他操作给占用了左右滑动当前承载着切换顶部tab的功能,方便承载更多不同类别的丰富内容,满足不同用户多元化的诉求,如果用左右滑动来切换上一个和下一个视频的话,意味着切tab的功能需要用其他手势/功能按钮来替代,或者用户需要手动点击才能切换类别,或者用户用上下滑等其他手势替代操作,前者操作成本较高,后者暂未形成统一认知,教育成本较高。
因为左右滑没有上下滑好操作从操作的简便性而言,上下滑动优于左右滑动,在单手持机的状态下,上下滑动是更符合操作习惯的。而且,用户切换查看下一个视频的行为频次会远高于切换顶部tab查看另一个类目,因此更高频的行为对应更低门槛的手势交互,能让用户用的更爽。
02?为什么探探是左右滑,抖音是上下滑
刚刚我们只讨论了抖音,基于产品本身的特性,和目前内容的丰富程度,选择了上下滑切换视频,那为啥探探选择了左右滑呢?
如果说抖音是首创大屏沉浸式的短视频且通过下滑切换的产品,那么探探就是首个用卡片形式通过左右滑来交互的陌生人交友产品。既然上下滑这么友好易操作,为啥不是下滑查看下一个交友对象呢?
首先,我们说下滑比左滑好操作,并不意味着所有的交互都需要用下滑,毕竟上下滑只能操作一种行为,因此需要比较用户的操作频次以及产品本身的定位综合考虑。
对于抖音来说,查看下一个视频是用户的高频行为,且这类短视频app希望用户尽可能的多消费内容,多看视频,所以产品设计上要用最好交互的手势操作最应当发生的用户行为,非常合理。
但是,对于探探来说,下滑查看更多并不是用户的核心诉求,用户打开探探是想找到一个匹配的对象,而不是看看探探上到底有多少小哥哥,如果是来看美男子照片的话,我为啥不去刷陈伟霆的微博呢?对吧,所以探探其实不希望用户是来消费内容,然后不断下滑查看下一个内容的。
用户想要的是,找到一个匹配的对象,并且快速搭讪,建立关系。
基于这个用户诉求,探探需要做的是:
【提供内容】基于用户画像,推荐可能的匹配对象
【辅助快速匹配决策】首先是提供尽可能少,且关键的信息,帮助用户构建对对方的profile,这些信息包括照片、年龄、星座、地理位置。
除此之外,提供尽可能少的选项,即喜欢、不喜欢、超级喜欢。
超级喜欢某种程度上是为了会员制而包装出来的特色功能,对于单个对象而言,其实所有的决策都可以简化为喜欢,和不喜欢两种。
当选项足够少的时候,决策才能变得容易。
否则光排除错误答案都要思考老半天。举个反面例子,如果用户对于单个对象的决策分成四档,“一见钟情型喜欢”,“感兴趣想试试”,“一点点心动但是不想主动追”和“完全不感兴趣下一个”。
好家伙,光是理解这几种分类就很费劲了,还需要思考具体放在哪一类合适。如果“一见钟情型喜欢”的池子里没有鱼上钩,就继续在“感兴趣想试试”的池子里再决策一下有没有勉强能达到“一见钟情型喜欢”的类型,这样整个决策过程就会变的非常复杂,光是基于照片等有限信息也很难支持这么详细的分类依据。
所以,探探想帮助用户快速决策,重点在于快速,只要选择喜欢和不喜欢就行了。
刚刚我们拿抖音和探探做比较,一个上下滑,一个左右滑。但是实际上,完全没有可比性。抖音上下滑是查看上一个和下一个,而探探严格来说,左滑也是下一个,右滑也是下一个,因此是用互斥的两个手势动作来承载用户互斥的两个态度,喜欢和不喜欢。
也就是说,用户没有选择上一个的操作按钮。
这个需求不是做不了,而是不给做。
只有没有退路的时候我们才会更加慎重的决策,否则错过这个村就没这个店了,通过不给用户试错和回退的机会来让用户更加慎重的决策,提高决策的效率。
如果用上下滑来表示喜欢和不喜欢的话,上滑查看下一个的用户习惯过于根深蒂固,一定会带来大量用户实际想看下一个但莫名其妙选择了喜欢还配成对的badcase,因此,这个场景下,首创左右滑动的交互方式来代表用户态度就显得有用且高效。
03?当滑动屏幕的时候,我们想干啥
讨论完各种交互方式,我们回归到上滑屏幕这个行为本身,当我们滑动屏幕的时候,我们想干啥。我们在什么时候会有意识的滑动屏幕?
有两种可能性,一种是当前屏幕的内容感兴趣,想了解关于当前这个对象的更多信息,即追求当前信息的延伸,比如看长微博的时候,一屏没放下,然后滑动屏幕慢慢慢慢往下看。
那怎么区分用户滑动的时候,是想滑动当前这张卡片,还是想滑动切换到下一张卡片呢。
答案是,不区分hhh。
虽然在知乎早期是将这两种行为严格区分开来的,查看完当前回答需要返回上一个列表页,点击下一个回答,然后进入内页查看详情。
但实际上,无论是同类还是不同类的内容,对于用户而言都是消费更多的信息,屏幕大小有限,当前内容一屏展示不下,所以需要用户手动下滑,但这张卡片总归有看完的时候,内容加载完之后,是选择让用户下拉失败告诉他我这儿没有更多内容了,你需要退出再找找别的,还是马上补上下一个相似内容,方便用户无缝衔接的继续消费呢?
(虽然我没有关于这个小哥哥的更多详细信息了,但我还能给你介绍更多小哥哥,保准有你喜欢的内容,反正你别走,欢迎再看看别的~)
产品选择的必然是后者,也就是现在的瀑布流。内容的无缝衔接降低了用户查看更多内容的操作成本,毕竟消费当前信息的用户对于同类信息也大概率会感兴趣,给到用户更流畅的信息消费体验的同时,产品经理也促进了更多内容消费的行为的发生,给产品带来更大的商业价值。
但是瀑布流也不是什么都好,也有badcase,毕竟混杂了两种用户需求,喜欢当前内容和消费完了不喜欢当前内容的场景。
04?一定要交互才能看到下一个视频吗
这个问题其实还没有思考完,我们比较了所有的交互方式,怎么样看到下一个视频,怎样查看下一个,每个交互方式的优劣势。但一个问题是,我们必须通过交互才能看到下一个视频吗?
答案是未必。
比如说,我们可以自动轮播,像微博一样,3秒后自动为您播放下一个视频(当初一度吐槽这个功能,因为推荐的视频太烂了完全不感兴趣),再比如说,我们可以一个屏幕放俩视频啊,上一个和下一个都在这了,整整齐齐,我们也可以像b站一样,首页有两纵列视频等待小主点阅。
为啥抖音要一个内容占据整个屏幕,然后让用户来操作才能看到下一个视频呢?我猜测可能有以下两方面的原因:
第一,沉浸式体验。大屏的好处在于沉浸式体验,整个屏幕除了当前视频没有其他信息,用户可以毫无负担的享受当前内容,忘却外部烦恼,不知不觉,抖音十几秒,人间俩小时。
第二,不确定性和惊喜感。大屏交互和快手等产品之前的双列feed流相比,还有一个好处在于,列表代表了确定性,需要决策成本,点开哪个看哪个,当你查看列表的时候,你预览了信息,知道可能会有哪些内容,并且基于标题和预览信息选择了一个内容,那么你对视频内容就有了基本的预期,内容也很难超出预期,只能大概率符合预期或者低于预期。
而大屏交互,看不到下一个意味着不确定性和惊喜感,如果说双列feed流的下一个视频是4选1,那下滑查看下一个视频意味着n选1,你完全不知道下一个是什么,你也不用想下一个是什么,你只用看/不看,不看就继续滑就是了。
我之前的推送中给大家介绍过南京一个我很喜欢的小店,叫做风波庄,我愿意称它为餐饮界的“抖音”。因为在这家店解决了吃饭的一大难题,点菜。
大家都知道点菜是最难的,点多少,点什么,很费劲。你一问旁边人说吃啥就是都行,上菜之后,说你这菜不够硬,或者没有汤,或者没有蔬菜,或者太辣了,或者太油腻,点菜的人心里苦也没处说。
(我可太爱风波庄了~强烈安利大家有机会尝尝)
但是风波庄摒弃了传统的看菜单点菜方式,一进来服务员不会给你递一张密密麻麻各种推荐菜的菜单,而是直接按照人数上菜,没有菜单。
你只要坐下喝口水的功夫,就有人开始给你上菜了,但也不是完全失去了选择权,因为每道菜你都可以独立选择留下还是端走,大型100选8的多选题就变成了八道2选1的是非题,整个就餐体验变得轻松高效。
当然,这个背后还强依赖推荐算法(阿姨对每个人食量和口味的预估),以及产品本身的质量(菜品丰富度和口味)。
所以综上,抖音为什么是上滑查看下一个视频的设计,我的回答如下:
首先,这个设计的背景是产品本身基于对其背后推荐算法的自信,省去了用户决策的环节,直接进入当前内容的消费阶段,因此用户需要手动操作去切换内容,或者换句话说,用户需要有出口表达自己是否接受被推荐的内容,而不是被迫消费所有被推荐的内容。
在用户有交互诉求的基础上,上滑的好处是:
不需要额外的教育成本,上滑查看更多内容已经潜移默化成为了用户习惯。
上滑是最简便的交互手势,查看更多是用户和产品的共同诉求,所以上滑承载用户最高频的诉求十分合理。
用上滑来查看更多,保留左右滑用于tab切换,保证了结构和内容的可扩展性,保证了产品的活力。
下载次数:10728次更新日期:2024-11-21软件大小:210.7MB
下载次数:4282283次更新日期:2024-11-22软件大小:125MB
下载次数:51872次更新日期:2024-11-11软件大小:89.1MB
下载次数:28391671次更新日期:2024-11-22软件大小:78.2MB
下载次数:18814次更新日期:2024-11-22软件大小:4.9MB
下载次数:226911次更新日期:2024-10-15软件大小:1.06MB
下载次数:95606次更新日期:2024-11-13软件大小:3.1MB
下载次数:6368次更新日期:2024-11-13软件大小:215MB
下载次数:2662538次更新日期:2024-10-22软件大小:97.2MB
下载次数:248786次更新日期:2024-11-14软件大小:4.9MB
下载次数:502797次更新日期:2024-11-15软件大小:735KB
下载次数:2576916次更新日期:2024-10-22软件大小:82.9MB
下载次数:635482次更新日期:2024-11-15软件大小:383MB
下载次数:81742次更新日期:2024-10-18软件大小:91.8MB
下载次数:204934次更新日期:2024-11-15软件大小:78.2MB
下载次数:269590次更新日期:2024-11-05软件大小:132MB
下载次数:259957次更新日期:2024-10-12软件大小:119MB
下载次数:53136次更新日期:2024-11-18软件大小:538MB
下载次数:1635305次更新日期:2024-10-17软件大小:168MB
下载次数:1832239次更新日期:2024-11-15软件大小:9.85MB
下载次数:35392次更新日期:2024-06-20软件大小:47.0MB
下载次数:277790次更新日期:2024-10-28软件大小:104MB
下载次数:1601854次更新日期:2024-10-29软件大小:20.1MB
下载次数:234757次更新日期:2024-11-05软件大小:1.5MB
2023年315晚会回放在哪里能看答:在哔哩哔哩电脑版中即可看到315晚会的部分回放及资讯。315晚会是指每年3月15日晚播出的“3·15晚会”,该晚会…
爱奇艺会员投屏恢复清晰度了吗从2月20日新修改爱奇艺会员协定上可得知,2月20日仍在有效期的黄金VIP会员,重新恢复了720P和1080P的视频投屏清晰度。…
显微镜下的大明之丝绢案电视剧是网剧,它是一部古装悬疑短剧,而该剧改编自马伯庸的历史读本《显微镜下的大明》六案中的“丝绢案”,讲的是明朝历代时期的事情。
最近大火的人工智能聊天工具ChatGPT在社交媒体上不断刷屏,一跃成为了火爆全网的现象级应用。在网友晒出的截图中,ChatGPT似乎无所不能,不仅能够流畅对话,…
绝地求生在S22中,在雪地图“维寒迪”中首次加入了新生物“北极熊”;此外,S22赛季将“月夜天气”回归,还为该天气配备了“热成像4倍瞄准镜”;同时,该赛季还有地…
我们通过网上的论坛、杂志等,可以知道chatGPT的应用有很多,但是chatGPT目前更多地被用于IT工作者的代码处理,以及学术论文的编辑与修正;因为这些需要工…
经了解,永劫无间的2023网吧特权主要分为“至尊网吧特权”和“(标准)网吧特权”,下面将分别给大家介绍永劫无间的2种网吧特权。永劫无间2023至尊网吧特权:…
答:鹅鸭杀是一款休闲策略类社交网络游戏。其游戏玩法类似狼人杀和Amongus的整合版本,将天黑请闭眼,盘凶手的狼人杀机制和做任务整活隐藏身份的Among…
答:2023春节联欢晚会可以在抖音上观看。
电视剧狂飙是改编的而并非原著,狂飙这部电视剧是根据真实事件改编的,是根据众多真实事件改编的。
答:三体真人电视剧在腾讯视频可以观看。除了腾讯视频以外,央视八套、咪咕视频也可同时收看。目前在腾讯视频上,在1月15就首更了4集,除第1集免费外,腾讯视…
三体国产电视剧已经于2023年1月15日上映,该剧根据同名小说改编,讲述了纳米物理学家汪淼与刑警史强共同揭开地外未知文明“三体”世界的神秘面纱,并随全人类一道与…
哪款软件有泰国旅行最新攻略在国内疫情逐渐趋于平稳之际加上节假日来临之际,不少人都已经按奈不住要出国门旅游的心,搜索了一大圈,入境政策较为轻松的还属泰国。因此春…
向风而行和去有风的地方是同一部剧吗最近在全网热播的电视剧中,向风而行和去有风的地方的字样频频刷屏热搜朋友圈,一些还没看的小伙伴觉得这两个含义相近的剧名,会不会…
对于职场人来说,每天都有如陀螺忙得转个不停。大家经常会抱怨工作苦工作累,但是仔细思考一下就会发现,之所以每天累得半死,除了工作多这个原因之外,很多时候是因为没有…
去有风的地方电视剧在爱奇艺上能看吗,最近有一部神仙姐姐刘亦菲和李现主演的新剧《去有风的地方》正在热播,这几部新剧的名字都带风呀。那么刘亦菲主演的《去有风的地方》…
金铲铲之战怎么玩_金铲铲有哪些玩法策略
金铲铲之战手游怎么在电脑上玩_金铲铲电脑版如何下载
金铲铲之战s13黄金海克斯大全_s13有哪些黄金阶强化符文
金铲铲之战阵容设置步骤_金铲铲电脑版加入铲铲会界面在哪
金铲铲之战s13普朗克阵容羁绊组成_搏击双形普朗克装备搭配思路
金铲铲之战s13金色海克斯强化介绍_S13金铲铲有哪些金色海克斯
金铲铲之战S13双形普朗克搏击阵容羁绊介绍_普朗克适合哪些阵容
金铲铲之战光盾徽章机制解读_哪些英雄能携带光盾徽章
金铲铲之战双城传说2幻境系统怎么玩_幻境竞技场配件组合玩法
金铲铲之战5伏击青钢影阵容玩法_5伏击青钢影S13符文构筑技巧
金铲铲之战和云顶之弈赛季同步吗_金铲铲云顶之弈数据互通吗
金铲铲之战s13异常突变机制详解_s13异常突变棋子进化效果介绍
金铲铲之战双城传说2新增弈子技能介绍_特色棋子技能机制
搜狗输入法ai汪仔怎么永久关闭_搜狗输入法ai汪仔使用方法
英雄联盟传奇杯S2赛制赛程介绍_LOL第二届老头杯参赛战队名单
英雄联盟暗夜星澜宝典值得买吗_暗星宝典星神宝典里有什么
英雄联盟老头杯S2直播回放在哪看_老头杯第二届外援选手有几个