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

信息保真度准则

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…

python处理网络文字流,设置为utf8编码

import sysreload(sys)sys.setdefaultencoding(utf8)在python编程时,如果数据来自客户端传过来,在使用"%s" % str和json.loads(str)时,会遇到问题。问题的原因是字符集和编码的问题。以上代码可以解决这个问题。 转载于:https://ww…

产品设计的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杂…

写了两个简单的小工具,文件夹文件操作的

一,文件夹A下的文件夹下的文件,移到文件夹A下。 二,经常上贴吧什么的,有些图贴,会直接网页全部保存为,结果是一个html文件,和引用资源的文件夹,文件夹下有很多无用的文件&#xff0c…

前置声明相关

前置声明相关 一个前置声明是指在程序员尚未给出完整定义之前对一个标示符(一个类型、一个变量或者一个函数)的声明。一个很简单的例子就是我们在函数A中使用了函数B,但是函数B的声明在函数A之后,这个时候,就需要对函数B进行前置声明&#xf…

陌生人社会_陌生人之旅

陌生人社会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…

设计师更高效_要成为更好的设计师,我们需要更多的时间进行游戏

设计师更高效重点 (Top highlight)I’m a busy designer. I’m fortunate to be booked out months in advance. My freelance career has proven more stable than other’s “jobs”. I don’t wear busy as a badge of honour. I don’t condone hustle culture or compare …

java数据类型及其说明

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

ux设计师薪水_公司与 设计机构:UX设计师的津贴和陷阱

ux设计师薪水Written by Yegor Tsynkevich由Yegor Tsynkevich撰写 The more companies understand the power of a great user experience design and its impact on customer loyalty, the more they are willing to have it embedded in their culture. With so much emphas…

ZOJ 2165 Red and Black

1.采用dfs&#xff1a; #include <iostream>#include <cstdio>#include <cstring>#include <string>using namespace std;char map[25][25];int count 1;int r,c;int dx[4] {1,-1,0,0};int dy[4] {0,0,1,-1};bool judge(int x,int y){ if(x<0…

java中的equals用法

在Object 类中定义有&#xff1a; 1、public boolean equals(Object object )方法提供定义对象是否“相等”逻辑。 2、Object的equals方法定义为&#xff1a;x.equals(y)当x和y是同一个对象的引用时&#xff0c;返回true&#xff0c;否则返回false 3、在其他一些类中&#xff0…

根据图片获得配色方案_配色系列(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. 哈希查找 查找是在大量的信息中寻找一个特定的信息元素&#xff0c;在计算机应用中&#xff0c;查找是常用的基本运算&#xff0c;例如编译程序中符号表的查找。本文简单概括性的介绍了常见的七种查…

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…

Android 第二课 Intent

上一节&#xff0c;掌握了活动的创建&#xff0c;但是在启动器中点击应用的图标只会进入到该应用的主活动&#xff0c;那么&#xff0c;如何从主活动跳转到其他活动呢&#xff1f;显式IntentIntent有多个构造函数&#xff0c;其中一个是Intent(Context packContext,Class<?…

ok~加油!

你有梦想&#xff0c;放手去做&#xff01;转载于:https://www.cnblogs.com/the-one/p/3217124.html