火星网校
探索UI设计师与用户体验之间的奇妙世界
发布时间：2023-12-15 11:02:54 浏览量：129次
欢迎关注我的头条号：Wooola，10年Java软件开发及架构设计经验，专注于Java、Golang、微服务架构，致力于每天分享原创文章、快乐编码和开源技术。
作者 | 宋炽 产品经理兼UI设计师 授权头条原创首发
前言
写这遍文章，旨在和大家一交流心得，共同精进，如果大家有更好的用户体验案例或者让人蛋疼的体验，也可以在下面的评论里吐槽。
说互联网界的用户体验之前，我先拿一个工业设计的作品给大家举例。
为什么国人会崇洋媚外的去日本买马桶圈，因为人家的确做得好，上完厕所不用纸，直接用水给你冲干净并且暖风烘干。那一个好的马桶，除了上述功能外，还要具备哪些功能才能让人为之惊叹呢？我们看到下图中，人的坐姿是与原始的蹲便很接近的，为什么要采取这个姿势呢，因为只有这个姿势，人的直肠才是与地面成90度的，即这个姿势是最有利于便便排出来的。所以这个马桶下面有一个脚踏板，人可以踩上去，并且调节它的高度。而很多马桶你坐上去，其实马桶的高度和你小腿的高度相当，那这样的话，你直肠与水平面是成30度的，反而不利于便便的排出，很多人以为人们从蹲便到坐便是一种进步，这样可以减少老人如厕时间长后，一站起来容易脑供血不足的状态，但是很多厂商在马桶的设计上却没有考虑到传统蹲便的优点，很多人有时候会觉得自己便秘，殊不知，可能不是你的问题，是马桶设计的问题。我们细心的话还会发现，这个马桶圈是曲线的，这样屁屁可以离封水区更近一点，小于14cm，更好的避免溅起水花。没有封水区是绝对不行的，它主要起到隔臭的作用，如果大家平时上厕所想避水花的话，不用学郭晶晶的武艺高强，只需要往水面上放一些纸就可以啦。当然，好的智能马桶不仅能做到这些，还可以在你每一次上完厕所后进行便检，随时关注着你的健康。
很多人可能不知道，当年乔布斯找工业设计师时，寻觅良久才找到了乔纳森，而乔纳森的设计理念也是极致简洁，与乔布斯不谋而合，所以后来他才在乔布斯的领导下，把自己的聪明才智发挥到极致。而乔纳森之前曾经设计过马桶，当时马桶上只有一个冲水按钮（虽然现在是一个大半圆，用来冲大便，一个小半圆，用来冲小便以起到节约用水的目的，但是马桶一开始的设计中，Onlly one button，而后的iPhone的ID设计中只有一个home键，也是和他当年的工作经历中的种种分不开的。虽然iPhone只有一个home键，但是，其长按唤醒Siri，按一下返回home，连续按两下清除缓存，却使得他比Android下面的三个虚拟按键还要强大。如果手机上满是按钮，那么一用户用之前不知道要按哪一个，但是如果只有一个，那么连3岁的孩子也知道会直接去按它。
一个马桶的案例虽然听着可能有点倒胃，但是其中却暗藏了用户体验的种种。蛋不多扯，前戏到此结束，下面咱们直奔主题，你坐稳喽，我要送你上天。
用户体验从细节做起
1、同样是表现品类多，京东和淘宝，哪个更灵活富有创意，哪个视觉冲击力更强，见未出鞘，胜负已分。
2、当用户上传照片时，右边的Behance比左边的WeChat交互层级更少，更能节约用户的时间。
3、同样一个手机充值，小小的苏宁却干掉了支付宝，让用户的纤纤素手又少点击了一步。
4、显然，右边的弹窗更具人性话，即使你单手操作，无论是左撇子还是右撇子，都可以很轻松的把 弹窗关闭
5、巧妙的告诉用户“还有”
6、一样的返回，右边的却更贴心，不会让手指短的你，单手操作时抓狂。
7、有时候，我们需要考虑不同照片环境下icon的适应性，又边的案例，无论你照片是黑色还是白色，icon都能一览无余。
8、Banner不仅仅只是简单的矩形，其实它还可以凹凸，只要你敢想象，它可以被你“蹂躏”。
9、用户是有损失厌恶心里的，请不要让ta辛苦的劳作轻易付之东流，所以，当ta编辑了一部分尚未发布就退出时，要最大化避免其损失，所以，要醒目的告诉用户是否确认不保存。
10、真的，外卖之所以成为寡头是有原因的，饿了么在想尽办法让你多买一点。
11、为什么活了那么多年，淘宝，京东，天猫，美团，大众点评，唯品会，淘票票，各个银行自家的app等等，他们都活成了一个德行？
因为从没哪一个德行可以很完美的覆盖所有的用户群体。所有的用户群体无外乎分为三种：
A，有需求有目标，可以从最上面的搜索框中最高效的直接检索。
B，有需求，但没目标，可以从中间的分类中快速获取。
C，无目标无需求，那就靠AI和Big data来满足他们。
诚然，国内的智能推荐都做的很垃圾，包括阿里，阿里会在你买了一双鞋后继续给你推荐鞋，而不是给你推荐袜子或者裤子等周边产品，这让人表示很蛋疼。做的比较好的当属亚马逊，因为推荐的太准，精确的预测了一个女儿怀孕，结果被女孩的父亲以侵犯个人隐私把亚马逊给告了。
12、花瓣会在你轻按图片时，弹出三个小图标，你拖到相应位置，就会执行相应的功能。
ps：如果你用的iPhone 6s及以上，重按的话会直接唤醒3d touch，图片进入全屏观看。
13、有句玩笑话是“你一撅屁股，我就知道你要干嘛”，而此时，你一截屏，我就知道你可能会做什么，所以想你所想，立马贴心的弹出来。
14、如果你也想把首页的分类藏起来，用大图片布满首页，帅用户一脸，那么你可以参考Behance这个方式，点击搜索后，把分类紧贴的藏在Search box的下面。
15、如果你爸不是李刚，如果你还没有垄断寡头的魄力，如果你想早点死的话，可以学习一下12306这个反人类的不让关闭弹窗的二逼行为。
16、是不是对生活不太满意，是不是对千篇一律的顶部Banner，下面双排对齐的小图排列已经看的有点视觉疲劳？
参差错落是不是别致又有创意？居中排列是不是典雅庄重大气？大图片瀑布流是不是帅的一批？一个页面只有一张图是不是立马高潮？生活不缺的是按部就班，缺的是你敢于探险，迈出舒适区的第一步！
17、不要让你的空白页只是给一个线性或剪影icon添加一个浅灰色简单了事，其实它本可以身披主题色，并且变的生动有趣起来，不仅是画面，文案也要精雕细琢。
18、底部标签栏上的icon正在经历一场改变（列表页中的icon亦是如此），当你按下时，他们会有一个有趣的小动画，你是否还坚持原先的——只是从nor的线性，变成pre的剪影加主题色？
19、京东的这个抢优惠卷的方式，即方式空前创新，又有很强的代入感，你在不断的往火锅里仍食物的过程中，便抢到了优惠券，而且大冬天正是火锅的旺季，不仅深的吃货的心，还森森的蹭了一把当下最火的“吃鸡”这个游戏。
20、马化腾他们家的确很会抄，但是终究没有人家网易云音乐做的好，QQ音乐抄袭了网易云的播放时是一个碟在转动的场景，并且专辑封面放大高斯模糊且压暗作为整个页面的背景，但是它没有抄到网易云的精髓，当你在网易云收藏一首歌时，右上角会弹出一个萌萌的卡通头像鼓励你分享，细节之处见真情，学不来的还有网易云的以歌会友。
21、曾几何时，当你以为只有进某个app才会发现有广告的时候，你现在是不是惊讶的发现，最浅的层级是把广告打在启动图标上，直接跑到桌面，把广告打到你脸上，那些广告在闪屏或者进入app后来一个弹窗的形式，是不是在争夺用户总时间的时候，还没出生就已经胎死腹中啦？
热门课程推荐
热门资讯
-
将为大家介绍12个绝佳的UI设计网站,这些网站不仅可以为你提供灵感,还可以帮助你学习新的技巧,助力你的创意之旅!dribbbleDribbble 是一个面向设计师的...
-
2. 移动端UI设计中常见的5种APP界面类型，你get到了吗？
通过介绍移动端UI设计中的闪屏页、引导页、浮层引导页、空白页和首页等5种APP界面类型，帮助大家更好地了解UI设计的基本知识
-
怎样可以提升你的UI设计能力!第一个:站酷站酷想必是设计师都知道的一个网站,里面不止有UI设计的资源,还有其他设计的,不如:平面设计、网页设计、字体...
-
在移动端设计中,列表页和表单页是不可或缺的部分。一个好的列表页和表单页设计能够让用户轻松地获取信息并产生点击欲望,从而提高点击率。本文将为你...
-
想要了解iPhone6界面设计的尺寸规范吗？这里为您详细介绍iPhone6的UI设计尺寸规范，包括界面尺寸、图标尺寸、可点击高度规范、搜索栏高度规范以及界面元素之间的距离规范。
-
对于想要提高自己的设计能力和创造力的小白和UI设计师来说,这本书是一个很好的选择。4.《设计的觉醒》(IKKO TANAKA)推荐理由: 这本书是日本现代平面...
-
那么,要学习UI设计就要学习哪些课程呢? 其实,UI设计课程涉及到许多领域,一般分为艺术设计课程、设计辅导课程、图形课程、测试课程、动画示范课程等几...
-
8. Photoshop操作教程：自制电子印章 | PS技巧详解
想要学会制作电子公章吗？跟随本教程，详细介绍Photoshop操作步骤，让您轻松掌握PS技巧，制作精美电子印章。
-
9. 设计中的色彩心理学:浅析中西方色彩的历史演变与设计应用
摘要:本文探讨了色彩的历史演变和设计应用。通过对色彩在早期文明社会中的实用运用、不同文化背景下色彩观念的差异、色彩在设计中的重要性以及新兴技...
-
10. 物联网APP UI设计:创造智能硬件领域的沉浸式体验
ui设计应该让用户一目了然,能够快速找到所需的信息和功能。在设计过程中,应尽量使用简洁的图标、文字和色彩,避免过多的视觉干扰。符合用户习惯:ui设...
最新文章
