信息保真度准则_设计保真度的新的非科学公式

信息保真度准则

As designers, our audience is more than just our users. We keep our user’s needs top of mind while designing for their jobs-to-be-done, but sometimes we need to illustrate the problem and articulate solutions to a broader audience: our cross-discipline team and stakeholders.

作为设计师,我们的受众不仅仅是我们的用户。 在为用户要做的工作进行设计时,我们始终将用户的需求放在首位,但是有时我们需要说明问题并向更广泛的受众(包括我们的跨学科团队和利益相关者)表达解决方案

To create the best experiences we can for our users, we need to minify the distractions in pixel-perfect designs and hone in on the optimization of end-to-end user flows.

为了为我们的用户创造最佳体验,我们需要减少像素完美设计中的干扰,并优化端到端用户流程。

Usually, designers work through user experiences by assigning a fidelity to their designs. Design fidelity is the level of detail in any of the following four characteristics of an experience:

通常,设计师通过为设计分配保真度来体验用户体验。 设计保真度是体验的以下四个特征之一中的详细程度:

  • Content: written information that sets the tone and informs intent

    内容:定下基调并传达意图的书面信息

  • User flows: end-to-end experiences

    用户流:端到端体验

  • Visual: fine-tuning colors, type styles, layouts

    视觉:微调颜色,字体样式,布局

  • Interaction: micro-interactions and motion timing

    交互作用 :微交互作用和运动定时

Typically speaking, the lower the fidelity, the more abstract these characteristics are. The higher the fidelity, the more granular these characteristics become.

通常来讲,保真度越低,这些特征越抽象。 保真度越高,这些特征就越细化。

设计保真度的范围 (The spectrum of design fidelity)

As designers, we usually speak about our designs by assigning a fidelity of low, mid, or high.

作为设计师,我们通常通过分配低,中或高保真度来谈论我们的设计。

Low fidelityLow fidelity focuses on design concepts, rather than pixel-perfect experiences. You spend less time perfecting the bezier curve of an interaction, and more time on the ideation of a concept. Low-fidelity can take form in sketches, thumbnail variations of a UI layout, or even basic Post-it note flows.

低保真低保真专注于设计概念,而不是像素完美的体验。 您花费更少的时间来完善交互的贝塞尔曲线,而将更多的时间花费在概念的构思上。 低保真可以采用草图,UI布局的缩略图变体甚至基本的便利贴流程的形式。

Mid fidelityMid-fidelity begins to provide layout and experience context without the distraction of color, content, or interaction.

中保真度中保真度开始提供布局和体验上下文,而不会分散颜色,内容或交互。

High fidelityHigh fidelity resembles how the product will look and feel when a user interacts with it. High fidelity is great to simulate a real experience during feedback sessions.

高保真度高保真度类似于用户与产品进行交互时产品的外观和感觉。 高保真非常适合在反馈会议期间模拟真实体验。

This may be the standardized language we use today — but it ain’t a one-size-fits-all sitch, y’all.

这可能是我们今天使用的标准化语言,但它并不是万能的。

混合搭配,然后再次混合搭配 (Mix and match, then mix and match again)

The trick to design fidelity is defining how you can eliminate distractions in your designs. If you’ve ever gone to a design review and said “Don’t worry about this piece right now[insert arbitrary design component here]. I haven’t designed it yet,” then you might be causing potential confusion for your audience to critique your work. Why put it there if it doesn’t tell the right story and drive the alignment you’re looking for?

设计保真度的技巧是定义如何消除设计中的干扰 如果您曾经去过设计审查并说“现在不用担心这件事情,请在此处插入任意设计组件”。 我还没有设计出来,”那么您可能会引起潜在的困惑,让听众批评您的作品。 如果没有告诉正确的故事并推动您要寻找的路线,为什么要放在那里?

Image for post
Varying levels of fidelity across characteristics
各个特征的保真度各不相同

When exploring new ideas, not all characteristics of the design need to be the same fidelity. In fact, each characteristic of design can be assigned their own level of fidelity.

探索新想法时,并非设计的所有特征都必须具有相同的保真度。 实际上,可以为设计的每个特征分配自己的保真度。

Image for post
Choose the level of fidelity you’d like for each design characteristic
为每个设计特征选择所需的保真度

You can actually mix and match the fidelity of an experience using those four characteristics listed above: content, user flow, visual, interaction. The best part? There’s really no special combination. It’s all about the goal you are trying to accomplish.

实际上您可以使用上面列出的四个特征来混合和匹配体验的保真度: 内容,用户流,视觉,交互。 最好的部分? 确实没有特殊的组合。 这与您要实现的目标有关。

Image for post
Mix and match the fidelity
混合并匹配保真度

新公式 (A new formula)

Instead of thinking of your designs in terms of the low to high fidelity spectrum, think of your designs using this formula:

不用从低到高保真度频谱来考虑您的设计,而是使用以下公式来考虑您的设计:

Image for post

Audience + conditions + purpose = design fidelity

受众+条件+目的=设计保真度

Let’s break it down.

让我们分解一下。

Audience: Understand who you are showing your designs to and what they care about. Here are some questions to consider:

受众 :了解向谁展示设计以及他们关心什么。 以下是一些要考虑的问题:

  • Is your legal team concerned with the terminology used in-product? Spend your energy on making the content spot on.

    您的法律团队是否关心产品中使用的术语? 将精力投入到内容上。
  • Is your developer wanting to understand what happens if the system fails? Get your end-to-end flows in a functional state.

    您的开发人员是否想了解如果系统发生故障会发生什么? 使您的端到端流处于功能状态。
  • Does your product manager only care about the feature that is shipping at the end of the quarter? Greyscale the screen and get the feature up to a high-fidelity design.

    您的产品经理是否只关心本季度末交付的功能? 对屏幕进行灰度处理,并使其功能达到高保真设计。
  • Are you using this design for user testing? Make it look and feel as real as possible.

    您是否正在使用此设计进行用户测试? 使其外观和感觉尽可能真实。

Conditions: Due to co-located teams, consider the conditions in which your work will be presented.

条件 :由于团队位于同一地点,请考虑将要展示您的工作的条件。

  • Is it over Webex or Zoom? Focus on low fidelity interaction because the video call will cause a lag anyway. There’s no need in wasting time perfecting the nuance of a bezier curve when Webex/Zoom/Google Hangouts says NOPE.

    是通过Webex还是Zoom? 专注于低保真度互动,因为无论如何视频通话都会引起延迟。 Webex / Zoom / Google Hangouts表示NOPE时,无需浪费时间完善贝塞尔曲线的细微差别。
  • Are you driving the meeting or is a stakeholder driving the meeting? Know what artifacts they need to set the whole team up for success.

    您是在主持会议还是利益相关者在主持会议? 知道他们需要什么产品来使整个团队成功。
  • How much time do you have to present your work? Optimize your story by hashing out the most important part of the user experience.

    您需要多少时间来展示您的作品? 通过散列用户体验中最重要的部分来优化您的故事。

Purpose: It’s important to show the intent behind each characteristic of your design to draw focus.

目的 :重要的是要显示设计的每个特征背后的意图以吸引人们的注意力。

  • What kind of feedback are you looking for? Go into a presentation knowing exactly what questions you want to have answered.

    您在寻找什么样的反馈? 进入演示文稿,确切地知道您想回答什么问题。
  • Only have a few days left in the sprint? Be upfront about how much time you have left to deliver.

    冲刺只剩下几天了? 提前预留剩余的时间。
  • Who are your users and what are their needs? Inform your audience of the user’s intent while taking your audience through the experience you’ve designed.

    您的用户是谁,他们的需求是什么? 在引导您的受众通过您设计的体验的同时,向其受众传达用户的意图。
Image for post
A new formula for design fidelity
设计保真度的新公式

TL; DR (TL;DR)

Approaching your designs with this formula can enable you to target a specific aspect of the user experience that needs the most attention from your stakeholders. Focusing on the audience, conditions and purpose can help assist you to optimizing your design process. Remember these key takeaways:

使用此公式来进行设计可以使您针对用户体验的特定方面,这需要利益相关者给予最大的关注。 关注观众,条件和目的可以帮助您优化设计过程。 请记住以下关键要点:

  1. There are four characteristics to design: content, user flow, visual, and interaction. Within these four characteristics, designers can assign a fidelity of low, mid, or high.

    设计有四个特征:内容,用户流,视觉和交互。 在这四个特征中,设计人员可以指定低,中或高保真度。
  2. When iterating through experiences, try mixing and matching the fidelity of each characteristic to minify distractions.

    反复体验时,请尝试混合并匹配每个特征的保真度,以减少干扰。
  3. Understanding your audience and what they care about will help you focus your energy on what matters in your design.

    了解您的受众及其关注的内容将有助于您将精力集中在设计中的重要方面。
  4. Drive the conversation by knowing the purpose of your design and exactly what kind of feedback you’re looking for.

    通过了解设计的目的以及正在寻找的反馈类型来推动对话。
Image for post
UX Para Minas Pretas (UX For Black Women), a Brazilian organization focused on promoting equity of Black women in the tech industry through initiatives of action, empowerment, and knowledge sharing. Silence against systemic racism is not an option. Build the design community you believe in.UX Para Minas Pretas (UX For Black Women),这是一个巴西组织,致力于通过采取行动,赋权和知识共享的举措来促进科技行业中的黑人女性平等。 对系统性种族主义保持沉默是不可行的。 建立您相信的设计社区。

翻译自: https://uxdesign.cc/a-new-non-scientific-formula-to-design-fidelity-4a691132d684

信息保真度准则

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/274159.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

zend studio配置调试(Xdebug方式)

1.下载xdebug http://xdebug.org/download.php 我下的是PHP 5.4 VC9 (32 bit) 【当前系统php是php5.4.14(win32)版本】 2.配置php.ini 在文件最后配置 [Xdebug]zend_extension "C:/php5.4.14/ext/php_xdebug-2.2.3-5.4-vc9.dll" xdebug.auto_trace1xdebug.collect_p…

人物肖像速写_肖像学的基础

人物肖像速写More in the iconography series:• 7 Principles of Icon Design• 5 Ways to Create a Settings Icon• Icon Grids & Keylines Demystified• Pixel-Snapping in Icon Design• 3 Classic Icon FamiliesAn icon is a compact symbol that represents a disc…

产品设计的Kawaiization

重点 (Top highlight)在过去的一两年中,我注意到品牌和产品设计中出现了某种风格。 (Over the last year or two, I’ve noticed a certain style emerge in brand and product design.) (this article originally appeared on DESK magazine)(本文最初出现在DESK杂…

陌生人社会_陌生人之旅

陌生人社会The Last of Us Part II is a game that is deeply invested in the minutiae of its characters. The pain they cause, the things that drive them, and the particularities of their self-destruction and salvation. The game’s commitment to the true natur…

java数据类型及其说明

Java数据类型及其说明java基本数据类型: java数据类型分为基本数据类型和引用数据类型,基本数据类型就是4类8种,分为数值类型(整数型[byte,short,int,long]),字符型&…

根据图片获得配色方案_配色系列(1)—从图片中获得配色灵感

根据图片获得配色方案前言 (Foreword) When we start designing mobile web pages, we always need to determine the color scheme of the web page first. Well, at this time, unless the customer proposes a color scheme, most of the situations we have to face is to …

七大查找算法

1. 顺序查找2. 二分查找3. 插值查找4. 斐波那契查找5. 树表查找6. 分块查找7. 哈希查找 查找是在大量的信息中寻找一个特定的信息元素,在计算机应用中,查找是常用的基本运算,例如编译程序中符号表的查找。本文简单概括性的介绍了常见的七种查…

HA2795Billboard 可用线段树

#include<iostream>using namespace std;#include<cstdio>#include<algorithm>#define maxn 200005int h,n,w;int root[maxn<<4];int ans;//标记void make_tree(int l,int r,int rt){if(lr){root[rt]w;return ;}int mid(rl)/2;make_tree(l,mid,rt*2);m…

axure下拉列表框单选框_如何在Axure中创建下拉菜单和组合框

axure下拉列表框单选框First, let’s clarify what exactly is a dropdown menu, and what is a combo box, aren’t they the same? Well … no, not really, let me explain.首先&#xff0c;让我们弄清楚什么是下拉菜单&#xff0c;什么是组合框&#xff0c;不是吗&#xf…

Android 第一课 Activity

以下说明基于Android Studio&#xff0c;简称AS。&#xff08;红色字体为自行添加&#xff0c;注在醒目&#xff09; 具体包括&#xff1a;创建活动创建项目 加载布局 在AndroidManifest文件中注册 活动中使用&#xff08;提醒&#xff09;Toast 在活动使用&#xff08;菜…

figma设计_一种在Figma中跟踪设计迭代的简单方法

figma设计As designers, telling a good story is always part of the job. A great story engages the client with the journey of decision making; it shows your team the breadth and depth of the exploration; it also encourages us to reflect on our own design pro…

latex 插图 上下放_专辑插图中上下文中的文本

latex 插图 上下放Especially if, like me, you’re not properly educated in the world of visual design, typography, and all those other things that a formal education can bring. We’re kind of playing around until something fits right, and doesn’t feel jarr…

视觉感知_产品设计中的视觉感知

视觉感知The role of the UX designer has evolved immensely over time, but at its core, it remains the same- UX设计人员的角色随着时间的流逝而发生了巨大的变化&#xff0c;但从本质上讲&#xff0c;它保持不变- to deliver information to users in an effective mann…

pb 插入报列在此处不_获取有关[在此处插入问题]的事实

pb 插入报列在此处不Twitter’s recent move to put notices on tweets themselves is one of the most controversial social media features during our times. As a design technologist, I can’t help but wonder the decision-making process behind it. It’s a perfect…

设计模式_单实体模式

Singleton 三要素&#xff1a;private 构造函数、 public 静态方法、 public 静态变量 单实例模式的三种线程安全实现方式&#xff08;&#xff23;&#xff0b;&#xff0b;&#xff09; &#xff11; 懒汉模式&#xff1a;即第一次调用该类实例的时候才产生一个新的该类实例…

c++编写托管dll_教程:如何编写简单的网站并免费托管

c编写托管dll本教程适用于谁&#xff1f; (Who is this tutorial for?) This tutorial assumes no prior knowledge and is suitable for complete beginners as a first project 本教程假定您没有先验知识&#xff0c;并且适合初学者作为第一个项目 您将需要什么 (What you w…

浅述WinForm多线程编程与Control.Invoke的应用

在WinForm开发中&#xff0c;我们通常不希望当窗体上点了某个按钮执行某个业务的时候&#xff0c;窗体就被卡死了&#xff0c;直到该业务执行完毕后才缓过来。一个最直接的方法便是使用多线程。多线程编程的方式在WinForm开发中必不可少。本文介绍在WinForm开发中如何使用多线程…

设计 色彩 构图 创意_我们可以从时尚的创意方向中学到色彩

设计 色彩 构图 创意The application of fashion as a form of aesthetic expression is a notion familiar to many. Every day, we curate ourselves with inspiration from rising trends, a perception of our personal preferences, and regards to practicality in the c…

Android 第六课 4种基本布局之LinearLayout和Relativelayout

看完控件&#xff0c;紧接着看布局&#xff0c;布局是可以来放置控件&#xff0c;管理控件的。布局里也可以嵌套布局。我们新建项目UILayoutTest项目&#xff0c;活动名和布局名选择默认。加入活动及其对应的布局已经创建完成。线性布局(LinearLayout)android:layout_gravity属…

如何在UI设计中制作完美阴影

重点 (Top highlight)Shadows are everywhere in modern UI Designs. They are one of the most essential part of the UI elements right behind the fill, stroke, and cornder radius. &#x1f609;现代UI设计中到处都有阴影。 它们是UI元素中最重要的部分之一&#xff0c…