UX设计Afordes

CamrenBrowne为ObjectiveFoundry博客撰稿

多设计师努力创建易导航产品,用户可一目了然流过产品设计出这种直觉性的东西时, 必备设计者理解支付能力-他们是什么和如何使用它们福特斯发现周遭,但熟悉UX设计对设计高质量用户友好产品至关重要

为了清晰简洁地分解UX设计, 我们分解指南分解如下部分:

  1. 开销算法
  2. 几类支付器
  3. 开销设计如何使用
  4. 如何设计最佳支付能力

准备学习UX设计中的开销开始吧

开工开销算法

支付能力是一个令人信服的指标,说明项目如何操作并包括其感知函数和实际函数

举个例子,当你看到门柄时,你假设它函数打开门看见灯开关时 假设开关可以开关看着椅子时,你知道它可以坐所有这些都是支付能力Don Norman称开销为关系在他的书《每日事物设计》中用户通过查看知道该怎么做:不需要图片、标签或指令。

二叉几类支付器

物产和数字产品无处不在都收费入套UX设计前 先重试六大类型

显式支付

显性开销显而易见 感知特性 提示你如何使用

带显性承载器、物理外观和随附语言或文本通知用户对象使用方式显性支付实例是按钮上写有词 Login外观(形状、颜色、对比等)和附文本清晰显示按钮原意登录Brandon Charles每日UI001动画流很好地说明这一点

隐藏开销

隐藏开销隐式对象特征线索表示项目函数不显眼,甚至在开始动作前可能不显示隐藏支付能力常见实例是下拉菜单或其他可点击特征,这些特征只有在用户悬停时才会出现。

屏幕截图ECG咨询

ECG网络球手咨询

模式支付器

模式支付基础先前确立的函数表示式协议被广泛使用或协议使用以相机为例上方右侧将发现大多数或非全部摄像头的开关按钮下划线、斜度或颜色不同的文本表示文本体中的超链接

维基百科UX设计页面截图

UX设计维基百科

名词承载

仿真或原创对象图像传递目的举例说 购物车图标表示你在线购买 信封表示邮件或消息 或麦克风图像显示选项记录

数字产品中最常发现比喻支付能力,但有一些物理应用举例说,电动汽车上塑料adrondack椅子或前端栅栏

MacOS图标

MacOS图标由Aurelien Salomon向量化

假开销

错误支付当项目特征表示项目无法实际实现使用时发生举个例子吧 按钮看起来可点击但非下划线文本不包含链路或电视远程转转机错误支付常因错误出现或因缺少有效设计技术而发生

负支付器

负支付方式用于表达缺函数或交互性通常当用户需要更多信息并想阻塞用户继续下一步时使用这种开销类型灰色输入按钮不活动直到用户完成输入数据

禁用按钮设计

按钮由AbhimanyuRana

3级开销设计如何使用

现在我们已经覆盖了主要的支付类型, 我们将更深入地讲讲支付方式如何用于UX设计

按键

按钮是核心元素之一 表示界面交互性形状、颜色、尾影、对比并随附拷贝在设计显性有效按钮方面起巨大作用很容易意外创建隐藏开销, 创建按钮看似不可点击或反之作假开销,

蓝登陆页填充文本

按钮日83#dailyi由sergiu Radu

动画

动能支付器常模仿现实世界中的行动或运动(擦除、推拉等)并范围从简单到相当复杂切换按钮简单动画支付器显示用户时因点感或颜色变化而打开复杂度更高的动画可起负支付作用,例如按钮摇动、眨眼或令手机震动表示你尚无法继续工作

动画n开关

dailyUI#015开关

通知发布

通知用来吸引用户注意力或表示变化举个例子说用户没有完成配置文件 红点可能出现在菜单栏剖面图标旁另一好例子就是一数字显示在购物车图标旁,当你把东西加进您的车时通知应清晰到引起注意,但不过分分心

Jerry应用屏幕显示通知

Jerry应用PatrykZabielski

输入字段

输入字段表示用户可输入数据常由字段形状传递 和字段与后台对比此外,光或斜体文本可能显示精确显示用户输入需要的信息输入字段也可以显示为下拉框表示用户需要选择

示例输入域签名a

Marcin签名

图标

图标常依赖模式或隐喻开销帮助用户浏览接口例像用心或星图标表示友情页面使用模式开销,软盘图标则依赖隐喻开销图标还可用于帮助用户理解分类,因为用户感知图像比文本快

Strava应用图标

Strava应用-图画Zach Roszczewski

相片制作

与图标相似,照片快速视觉提示帮助用户理解用产品能做什么网站提供饭品服务或可提供幻灯片图片或提供不同餐品让用户知道他们的产品只需一目了然就能提供什么。

屏幕截图HealthCart主页

健康客服Valeria Rimkevich

4级如何设计最佳支付能力

设计得力全靠最小化用户误差和摩擦设计不应该误导用户或令用户大吃一惊,导致缺少动作或意外结果交互元素应突出,重要函数应显性设计高支付能力时,这里有些事需要记住

后续协议

用户在数字接口方面期望某些协议放大玻璃或搜索栏或桌面左上角可点击的品牌标识遵循这些规范会帮助用户流出产品

坚持设计原理

设计原理协议技术帮助创建直觉易用设计从设计师到社会学家到心理学家, 多位专家都提出了简单原理, 帮助最小化用户混淆UX法则提供全套既定法则或你可以搭配公司和产品之手原理.

使用有效拷贝

无法通过视觉设计创建有效支付能力 因色约束 软件约束 预算等 配对实用文本能帮助用户保持轨迹

保持语言直截了当,用户便易解译

编译本有时归UX编译者处理,但不管写者是谁,都有很多实用方法提高UX写作技巧

熟悉材料设计

谷歌材料设计droid面向设计语言优化用户屏幕触摸经验材料设计使用物理世界和纹理、有意义的运动和刻意图形帮助构建高质量方便用户界面

理解用户

进行有意义的UX研究并学习用户期望在产品上下文内交互时看到什么多数用户会期望某些事物接口,但人们可能期望有对用户和组别所独有的支付能力

终极思想

支付费用概念对UX设计有影响最佳方法知道 设计是否有良好的支付能力 是执行质量用户测试.用户能快速完成任务时 最小故障错误 你就会知道方向正确

使用良好的支付能力可最小化思维量并探索你的用户必须做到这样,以便他们能快速和顺利地实现自己的目标。这一点在两者中都很重要通用和兼容并包设计.

深入了解开销和其他元素以实现令人惊异的UX设计,

职业Foundry是什么

职业Foundry网际学校面向面向技术生涯选择程序 并配专家导师教程 并成为准备工作设计师 开发师 分析师

深入了解程序
blog-footer-image