8条UX用户体验设计规则助您从优秀走向卓越

用户头像
上海/UI设计师/349天前/49浏览
8条UX用户体验设计规则助您从优秀走向卓越
常见的基础UI设计原则包括,对比、层次、一致性、呼吸......但还有一些其他原则,他们会悄无声息地让你的UX用户体验设计提升 10 倍,下面用1分钟快速带你学会。
8条UX用户体验设计规则助您从优秀走向卓越(图ZMTUyNTcyMjQ=) - 资讯 - 站酷设计师维好维可设计公司原创素材 - 站酷ZCOOL
收藏
1. 80/20 规则(帕累托原则)
80% 的用户交互发生在 20% 的界面空间中。 您无需以相同的优先级设计每个元素。专注于最常用的功能并加以完善。 识别应用程序的强大功能并使其易于访问,不要浪费时间纠结于很少使用的设置。 示例:在订外卖的应用中,人们主要目的是点单,因此点单 和 外送按钮应该很明显,而不是隐藏在菜单下。
2. 局部性定律(邻近偏差)
用户会认为彼此接近的事物是相关的。 如果你的“删除账户”按钮在“保存更改”旁边,看起来有点吓人,那么恭喜你!你刚刚让别人焦虑了。 将相关操作组合在一起(但将破坏性操作分开)。 确保标签位于其所描述的输入旁边。 示例:在表单中,“名字”和“姓氏”应该更靠近其输入字段而不是彼此。
3. 多尔蒂阈值(速度感知)
当响应时间≤400毫秒时,用户会感到投入。 用户等待的时间越长,他们就越沮丧。但即使有些事情需要时间,你也可以假装速度。 使用加载动画、骨架屏幕或进度指示器使等待时间感觉更短。 如果您能意识到延迟,即使是很小的延迟也会感觉更顺畅(您是否注意到,即使消息需要一秒钟才能发送,平台也会显示“正在输入...”?)。 示例:很多音乐APP会在检查您是否离线之前立即加载您上次播放的歌曲。感觉速度很快,但实际上并非如此。
4. 菲茨定律(易于点击)
按钮越大越近,点击起来就越容易,让重要按钮更大且易于触及(尤其是在移动设备上)。 将关键动作放在拇指自然放置的位置(屏幕底部)。 示例:结合PC和移动的的屏幕情况,把你的重要内容和按钮放到容易点击的地方。
5. 第一印象法则(3秒点击任务测试)
用户会在 3 秒内决定是否喜欢你的设计。 如果你的 UI 界面乍一看就杂乱、令人困惑或丑陋,用户甚至会在尝试之前就离开。 把你的设计展示给别人五秒钟,然后问他们:“这是用来做什么的?”如果他们不明白,就简化一下。 减少视觉混乱。如果所有东西都太过显眼,就没什么亮点了。 示例: 一些跨境E电商的首页界面简洁、醒目、一目了然。你可以立即知道他们提供了哪些服务和产品报价。
8条UX用户体验设计规则助您从优秀走向卓越(图ZMTUyNTcyMjg=) - 资讯 - 站酷设计师维好维可设计公司原创素材 - 站酷ZCOOL
收藏
6.雅各布定律(熟悉度高于独特度)
用户希望你的应用能够像他们熟悉的其他应用一样运行。 太过独特 = 令人困惑。不要重复造轮子。 坚持既定模式(例如,购物车图标表示购物,滑动表示类似 Tinder 的操作)。 将您的创造力集中在体验上,而不是布局上。 示例:B端-内部系统都有一个用于导航的左侧栏,因为这是用户的期望,不要左侧导航放到右侧,除非你是基于右对齐阅读,比如在中东地区是从右往左阅读的习惯。
7. 美学可用性效应
人们认为精美的的UI用户界面效果更好,即使事实并非如此。 如果产品看起来质量高,用户就会更信任它。 注意间距、排版和视觉效果。 即使是一个简单的应用程序,如果设计得好,也会让人感觉很高级(苹果知道这一点)。 示例:谷歌的主页简洁明了。感觉就像是一款不错的产品。
8.序列位置效应
用户最容易记住他们看到的第一个和最后一个内容。 如果你的行动号召 (CTA按钮) 被埋在页面中间,没有人会记住它。 将关键信息放在菜单、列表和页面的开头或结尾。 避免将重要按钮埋在长文本块中间。 示例:最好的营销电子邮件以强有力的开头和清晰的 CTA 按钮收尾,因为这是人们记住的。
8条UX用户体验设计规则助您从优秀走向卓越(图ZMTUyNTcyMzI=) - 资讯 - 站酷设计师维好维可设计公司原创素材 - 站酷ZCOOL
维好维可-设计
收藏
总结,虽然这些UI / UX设计原则众所周知,但在实际应用中却颇具挑战性。当你对一款产品充满热情时,很容易激发创意,让它脱颖而出。然而我们都曾因为遇到一个反人类设计而感到无语,如果还要投入大量的学习成本那将是令人抓狂的事,所以几个小小的设计原则在很多时候可以起到力挽狂澜的作用。
0
阅读原文
|
举报
|
收藏
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
新拟态风格 UI设计组件库
【新年UI图标】30个图标
3D渐变流体抽象矢量UI背景图
户外旅行飞机情侣假日出行
【新年UI图标】影音icon
【新年UI图标】珠宝icon
拟物风质感写实UI卡片合集源文件
钱包ui模板
手表表盘UI系列
盲盒APP UI设计
我的钱包-UI界面设计-app
【新年UI图标】积分icon
高级感金属拟物 UI设计组件库
新能源APP应用UIKit
3D卡通UI界面图标可爱插画免扣素
Security Camera UI kit
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
【新年UI图标】旅行icon
【新年UI图标】礼物/活动icon
科技医疗透明柜UI界面设计
高级表盘系列UI源文件
【新年UI图标】活动icon
UI通用设计素材1
你可能喜欢
相关收藏夹
大家都在看
登录注册