编辑导语:作为设计师,也需要不断地提升自己,顺应时代的设计趋势。本篇文章中作者结合实际经验为大家分享了自己观察到的比较主流的交互设计点,感兴趣的小伙伴们快来一起学习吧。
大家好呀,去年花了半年时间写了《从用户体验分析》系列,获得了还不错的关注度,也得到了很多读者朋友的鼓励,这里非常感谢大家的支持。
今年2022年,我观察到了一些非常棒的作品。我们作为设计师,也需要不断地提升自己,顺应时代的设计趋势。
世界变化很快,愿你保持初心,让纷繁复杂的世界如同画卷,在你的眼前展开。
随着移动互联网的发展,原本PC互联网连接商业支付、购买商品、浏览信息流等的能力已经转移到移动端,而PC互联网更加专注于其他领域的优势:
更大的屏幕能够包含更多的信息,并获得更深度的沉浸感受,如观影、浏览网页等。通过鼠标、键盘、触控板、手绘板的连接,提供了更多的交互方式,能够执行更加繁杂的工作任务,如表格编辑、程序开发、视频制作、文档书写、图像制图、3D制图等。得益于显卡、CPU、存储、USB插槽、显示器等的扩展性,在大型游戏、大型3D渲染、复杂制图上相较于手机端依然有一定优势。从场景(办公场景、娱乐场景)来看,PC端移动性较差,但同时基于该特点,PC端能够更加专注当前任务。模块化、多人协同、多端协同的发展正不断地提升用户的使用体验。下面是我观察到的目前比较主流的交互设计点,与大家分享。分别是:
无缝体验交互更加高效更加智能化、降低门槛、降低门槛、降低门槛更加模块化更加简洁、甄别关键任务3D动效、大图、带来更深的沉浸感协同合作的兴起
一、无缝体验典型的案例就是苹果的Mac系统与Ios系统越发趋同,都采用了卡片化、模块化,整个交互规范、视觉感受都一致以达到多端统一。
同时信息可以自由流转:比如在同一Apple账号下,Mac与IOS中复制的信息可以进行同步粘贴。备忘录、日历、提醒事项、录音中的信息进行流转,在任何一台Mac上登录Apple账号后都可以进行同步。
在国内,B站的网页端与App端的体验也逐步趋同,框架设计上更加卡片化与扁平化。
信息流转上,手机上暂停的视频到网页端继续播放,实现了无缝切换。
淘宝首页:从过去复杂的信息流导航变为现在更加简洁的个性推荐卡片。整体体验与淘宝手机端一致。
二、交互更加高效总结:精简无关信息,关注最重要的核心任务,减少用户跳出,沉浸式心流设计。
1. 登录方式更加高效许多网页接入腾讯、阿里的生态,支持扫码关注公众号/手机验证码即可完成注册。省去了用户编辑个人信息、输入邮箱、输入密码等复杂的交互流程。
2. 减少页面跳转心流式体验设计是这几年很热门的词,指的是通过优化用户体验让用户能够沉浸式地高效完成目标任务。
这需要做到产品的交互习惯满足用户使用习惯,并且交互流程满足用户预期。过于频繁的弹窗打扰和页面跳转的等待时间都会影响用户进入心流。
比如,例如飞书审批,审批详情不需要跳转,点击卡片即左侧弹出详情页弹窗;让用户可以在同一个页面即可浏览信息,不需要进行跳转到新的页面进行查看,方便用户完成批量的审批任务。
再比如:阿里云,开通服务的时候不需要跳转,而是在侧边弹出订单弹窗,方便用户操作。
3. 交互组件的易用性迭代,不再局限于大弹窗上面说到,频繁的弹窗提醒也会影响用户进入心流,用户在对表单、画布中的内容进行删除的时候,如果使用全屏二次提醒弹窗,会感到创作过程被打断。
钉钉宜搭:卡片画布类产品,删除操作时,不局限于大弹窗,而是用靠近按钮的小弹窗,使鼠标的滑动路径更短,操作更加简便;并且在不过多打扰用户的前提下,完成了目标操作。
三、更加智能化,降低门槛、降低门槛、降低门槛复杂性守恒定律由Larry Tesler于1986年提出,也称泰斯勒定律。指的是“任何系统都存在其固有的复杂性,且无法被减少,只能设法调整、平衡。我们要考虑的是,怎么样更好地处理它,让用户简单、高效地使用它”。
很多的中后台系统中很多表单会存在大量的配置项,这些配置项是否可以简化,让平台变得更简单智能?
大部分时候答案都是否定的,过度追求简化往往容易弄巧成拙。功能逻辑易于解释与理解才是更好的方案,当你试图简化降低复杂度,可能在其他地方埋了雷。
其中一个解决方案是将复杂度转交给系统,苹果公司的黑盒理论与此互通;就是用户不需要了解系统或功能背后的实现逻辑,只需要关注呈现在用户眼前的交互界面即可。
如今数据智能化处理正不断发展,我们也看到了智能化在PC端领域的应用。
1. 剪映剪映相比于老牌视频编辑软件更加简单,提供各种在线特效模板,来降低任务复杂度。相比传统的PR、AE软件需要本地存储预设文件,或者手动编辑简单了很多。
用户不需要知道背后的实现的技术原理,也不需要掌握过多的特效制作、调色技巧即可完成视频的剪辑、调色工作。
2. 钉钉宜搭画布推荐组件功能:用户在进行流程搭建时,不需要从左侧组件区拖拽组件,而是点击连接线中间来添加组件。
如果可以其实还可以更进一步,就是根据后台数据分析创建目标流程需要的组件,向用户主动推荐相关组件,以此来降低用户的创建门槛。
四、更加模块化随着传统业务向互联网转型越发普遍,线下业务流程转到线上的需求场景越来越多,一个单一的系统不能完全满足所有的业务场景需求,由此需要一个更加灵活模块化的系统来针对不同的应用场景来应用不同的产品架构。
而该系统中的功能框架、交互组件又可以重复利用,于是更加灵活、模块化、可自定义配置的系统后台越发受到欢迎。
1. 飞书、钉钉易搭飞书、钉钉易搭内的审批流程、会议系统、工单系统都可以通过模块化的组件进行高效搭建,不需要代码即可像搭积木一样实现用户的自定义需求。
2. 天猫优品阿里的天猫优品电器店线下门店设计平台,整理了线下门店所需的16个模块(前台、小家电中岛、洗衣机、橱窗、空调、吧台等),通过线上三维化场景直接进行可视化设计,所见即所得,并且能够模拟现场灯光效果,根据门店现场规格,直接在三维空间里修改,快速导出效果图;非常高效地完成了其他门店的需求化定制。
五、更加简洁,甄别关键任务,路径缩得更短1. 抖音、快手网页端抖音网页端的用户体验沿袭了手机App端的风格,用户进入网页的核心目的就是看短视频打发时间,于是进入首页即可看短视频,不需要用户手动选择分类,并且手机端的用户偏好通过用户的账号同步至网页端,有了很顺畅的用户体验。
相比快手网页版,快手延续了常规视频网站的交互方式,将视频内容分为短视频、直播、同城、长视频、小剧场等多个类别,由用户自主去选择观看的内容,内容虽然更加多元,但确实路径过长,不够直接。
2. 淘宝、京东首页再举个例子,新版的淘宝网页端不再像个门户网站导航,而是通过数据分析用户喜好来主动推荐代替用户自己选择。
用户来淘宝网页端,其实并不是买东西,大众用户已经习惯了在手机上进行支付,到了网页端反而会不适应。用户来到淘宝网页端的更多目的就是逛,看有没有自己想要的东西,遇到喜欢的,就点进去看了。
于是新版淘宝通过个性化推荐把过去复杂的活动运营页板块、特价板块、品类板块替换掉了,让用户在网页端获得更好的“逛街”体验。
而京东,在首页做了复杂的流量分发设计,通过不同的频道、不同的板块将用户引流至相关的专题页面,再进行商品浏览。
本质上来说,用户来到淘宝、来到京东的目的都是因为闲,而淘宝的通过数据智能,大数据精准推荐用户喜欢的商品,简化了用户的使用路径,并且使整体页面更加简洁。
六、微动效、大图、3D元素带来更加深的视觉刺激网页的官网、首页承担着产品介绍、流量分发、增强品牌印象等的职责。我观察到越来越多产品官网都开始采用3D元素、视频背景、大图元素、微动效来让页面呈现更加具有质感和动感。
1. 3D元素它是由Web3D技术的发展而兴起,能够给网页Banner带来更强的视觉吸引力,同时也强化了公司融合了AI技术的品牌印象。如法大大官网、腾讯云、阿里云的首页Banner展示。
法大大首页Banner,鼠标滚轮向下滚动3D元素会相应产生变动,文案与元素一静一动,对比明显,也更易于用户注意到文案信息。
2. 大图、视频大疆官网首屏采用了全画幅大图的形式展示热门产品,下方的产品推荐页自动播放宣传视频,提升了页面的视觉冲击力,展示了其科技属性。
七、协同合作兴起疫情时期,线上办公的需求和频率激增,线上协作兴起,许多办公软件都有了多人场景编辑功能。特别是对于复杂的项目,需要团队成员共同完成,协同合作的功能越来越受欢迎。
比如我们熟悉的figma,逐渐取代了传统UI设计软件ps、sketch等的头部地位,其中的项目协同功能更是广受欢迎。
只需要发送项目链接邀请成员即可进行项目协作,还支持多人标注、语音沟通,大大提升了工作效率。
许多办公软件也都上线了类似的功能,比如幕布可以通过设置权限、发送链接或二维码来邀请协作者共同编辑文档,为产品的使用场景提供了更多可能。
八、总结曾鸣在《未来商业20讲》里说:“未来的互联网世界的两大趋势是数据智能、网络效应”。
这在PC端也得到了印证。
淘宝网首页、抖音首页、哔哩哔哩网页端将PC端与APP端的数据进行互通,并对用户行为偏好数据进行分析,为用户提供更加精准的信息流的同时,还使得页面的交互更加简单,视觉效果更加简洁,过去依赖用户自主选择进行流量分发的形式将会越来越弱势。
在工具类产品中,利用数据智能化可以将用户操作上的复杂度转移给系统,从而降低用户使用门槛,提升用户体验。
与此同时,工具类平台也越发灵活化化,通过模块化设计来自定义搭建不同用户的使用需求的产品,还能节省资源建设成本。
网络效应的部分应用体现在用户在使用工具类产品中,不再是孤单的个体,而是能通过线上协同,让用户与用户之间能够产生共同协作,共同交流,更加方便地完成任务。
本文由@为美好而设计 原创发布于人人都是产品经理,未经许可,禁止转载。
题图来自 Unsplash,基于 CC0 协议
电脑excel如何制作表格
电脑表格制作方法操作如下:1、首先我们需要用到“word”软件来进行制作。【点击下载】
2、之后进入word,然后点击左上边的“插入”然后可以根据自己需求来创建表格。
3、之后将鼠标移动到表格框线上,之后去拉动鼠标进行行高调整。
4、最后可以去选中这个单元格,并点击菜单栏上的布局视图,点击“合并单元格”即可完成标题设置。
如何在电脑上制作简单的表格?
在电脑上制作简单的表格,需要用户打开Excel表格工具,在里面空白页面设置单元格格式,为空白表格添加边框和线条,简单表格就绘制完成。具体操作步骤如下。
1、首先,桌面上打开Excel软件。如下图所示。
2、第二步,在新建表格中选中要新建表格的区域。如下图所示。
3、第三步,选中后右键弹出下拉菜单,选择设置单元格格式。如下图所示。
4、第四步,点击后弹出对话框点击边框。如下图所示。
5、第五步,点击后选择边框和内部点击。如下图所示。
6、第六步,选择线条,用户可根据需求进行选择。如下图所示。
7、最后,简单表格制作完成。如下图所示。
注意事项:
电脑制作简单表格,需要用户用到Excel进行操作,操作步骤按照上述操作即可完成制作。
电脑做表格怎么做
问题一:如何在电脑上制作简单的表格?步骤:1、 打开Excel表格编辑器。
2、做出基本框架,选中表格全部。
3、右击鼠标,会出现一个表,点击“设置单元格”。
4、第四步 会出现一个对话框,点击“对齐”选中水平“居中”和垂弧“居中”。
5、 编辑,如图所示,这样顺序填充。
6、这样一个简单的表格就做好了,其中有两个技巧,主要是学会居中和填充,这样使表格更加规范好看。
问题二:初学者在电脑上如何制作电子表格对于电脑初学者来说,刚开始接触办公软件会有些措手不及,那如何才能正确的使用Excel,希望接下来的一些皮毛会对大家有些帮助.
方法/步骤
1
第一步,右击电脑桌面空白处,点击新建,将鼠标移动到Excel 工作表上,单击鼠标左键,这样一个新的工作表就新建完成了.
2
第二步,将鼠标移动到Excel 工作表图标上,右击会出现打开、打印、剪切、复制、重命名、删除等功能按钮,移动鼠标并点击相应命令即可对本工作表执行相应的操作.
3
第三步,双击打开或者执行“打开”命令,两者都可以打开本工作表;
4
第四步,假如在使用过程中,担心因电脑突然断电而导致数据丢失,可以打开“选项”→“常规与保存”→“定时备份,时间间隔最短1分钟”,这样可以解决此问题;
5
第五步,假如我们是在原有工作表的基础上进行修改,但是又不想改变原工作表内容,我们可以采用“另存为”命令来完成本操作;
6
第六步,假如我们想把工作表内容转化为PDF格式,可以按如下操作:“另存为”→“输出为PDF格式”→“确定”→导出完成,(注:本功能仅对高版本适用)
问题三:怎样在电脑上word中制作表格打开一个空白的文档,在菜单栏中选择“表格”,执行“插入”-“表格”命令;
在打开的表格对话框中输入我们表格的行数和列数。我们根据实际需要进行设置,设置好后点击确定按钮;
一个表格就插入到编辑区了,我们可以在单元格中输入相应的内容;
选定表格一行,我们右击,在弹出的菜单中我们可以对表格进行操作,我们可以重新插入表格的一行或删除表格的一行。同理对列进行操作的话可以删除和增加列;
在步骤4中弹出的菜单中选择表格属性”可以对表格的颜色,边框,底纹,高度等进行设置。
问题四:网吧里的电脑怎么制作表格?电脑可以制作表格可以通过安装office、金山WPS软件之后制作。
表格制作方法(以office的excel作为示范)
电脑安装好office软件之后在桌面右键新建一个excel打开,选中单元格,要做的表格行数和例数,如图是4*6
然后右键设置单元格
设置外边框,可以设置边框颜色
设置好表格就做成了。
问题五:怎样在电脑上制作表格并打印使用电脑上安装的OFFICE软件。
Excel或者WORD都可以做表格的。
问题六:我想在电脑上制作表格怎么做朋友,你好,在电脑上做表格,你可以利用OFFICE办公软件中的EXCEL 或者WPS中的EXCEL,就可以做表格的,而且在这人EXCEL这个软件中有很多模块,你想要什么表格,都有现成的,你只要套用就OK,也就是说,你只要在你的电脑上这装OFFICE或者WPS,就可以解决做表格的问题了。
希望我的回答对你有所帮助,祝你成功,快乐~~
问题七:电脑表格上做加法是怎么做的?将两个或多个格子的代号用加号连起来,前面加=就可以了
问题八:用电脑怎么制表格,最基本的。通常套打表格都用Word、WPS来实现,但由于Word、WPS软件本身的计算功能有限,有时很难满足数据极多、计算量也较大的财会、税务和统计等行业报表的需求。 对于此类报表,可采用Excel来套打,Excel强大的表格计算功能和自动填充功能可大大提高工作效率。本文就以Excel 2003为例讲解一下如何用Excel2003套打表格。 步骤一:扫描表格 把原表格放入扫描仪,扫描分辨率设定为100dpi、缩放比设为100、模式为黑白文本。在预览图形上调整扫描区域框使它尽量靠近表格边框,你也可以在扫描后再用图形处理软件进行修剪,去除表格周围的空白,再将扫描的图像处理后保存好。 如果在表格外也要填写的话,那么在扫描前最好先用铅笔在原表格上画一个边框,作为扫描后修剪和量取页边距的依据。 步骤二:设置背景 启动Excel 2003,单击菜单栏的“格式/工作表/背景…”,打开工作表背景对话框,找到刚才保存的表格图像,设定为背景。单击工具栏上显示比例的下拉列表框,在框中直接输入105后回车,把显示比例设定为105%。 注意:这里105%的比例是这样得来的。在纸上画一个边长10厘米的正方形,扫描后设为电子表格背景,此时比例为100%,用绘图工具栏中的“矩形”工具画一个与背景正方形完全重合的矩形,打印出来。量得打印出正方形边长为10.5厘米,除以原正方形的边长10厘米,可得比例为105%。另外,你也可以在Excel中画一个边长为10厘米的正方形,再试着慢慢调整比例,使它与背景正方形重合,亦不难得到相应的比例。 步骤三:定位填写 通过拖动行、列标题的边界调整行高或列宽,再配合使用格式工具栏中的“合并及居中”按钮,调整表格线使它与背景表格的表格线重合(也不必很准确,只要能让文字填写在所需位置就可以)。对于大量等高(宽)的行(列),全部选中并从菜单样中的“格式/行/行高(列/列宽)”中直接输入数值会更快些。然后在相应单元格里输入数据、文字或公式引用(如图),记住千万不要设置单元格边框。这样一张表格就做好了。 步骤四:页面设置 单击菜单栏中的“文件/页面设置…/页边距”,用尺子量取原表格纸中表格边框到纸张左边和上边的距离,把量取的尺寸直接输入页面设置对话框中相应的左、上页边距中,右、下边距则要设小一点,让整张表格都可以打印出来就行了。单击“选项”按钮,进入打印机设置界面自定义纸张尺寸,直接输入纸张的尺寸,这当然也要直接用尺子测量。 部分打印机设置中可能没有自定义纸张尺寸的功能,此时我们只要从“文件/页面设置/页面/纸张大小”中选一个比实际纸张大点的纸张尺寸,一般也可以正常打印。 步骤五:打印输出 现在可以把原表格纸放入打印机打印了,如果以上操作均无误的话,一般无须调整即可一次成功。即使出现水平或垂直移位,也只要直接量取偏移值,然后增减到相应的上、左页边距中即可。在此我们设置为背景的表格虽然在屏幕上可以看到,但是并不会被打印出来,所以无须考虑。 这种套打表格的方法特别适用于打印大量的相关表格。像财务、税务和统计这三种报表中的数据都是密切相关的。如果把这些相关的报表都存放在同一工作簿内,设置好不同工作表间的相互引用和计算公式。以后我们只要输入几个基本数据就可以自动计算套打出一套完整的报表。
问题九:怎么在电脑上做一个表格?你要做word表还是 excel表,先下载这两个软件
装上打开就可以用了,EXCE畅l就是表格软件,直接打开就可以用了,比WORD方便
电脑表格怎么做
电脑表格制作方法操作如下:1、首先我们需要用到“word”软件来进行制作。【点击下载】
2、之后进入word,然后点击左上边的“插入”然后可以根据自己需求来创建表格。
3、之后将鼠标移动到表格框线上,之后去拉动鼠标进行行高调整。
4、最后可以去选中这个单元格,并点击菜单栏上的布局视图,点击“合并单元格”即可完成标题设置。
相关推荐: