美学设计评价_死亡的孩子无法使用的设计美学

美学设计评价

In the popular anime series, Soul Eater, Death the Kid is a Shinigami (Japanese death god) who vanquishes evil with his dual pistols, Liz and Patty. Although he’s strikingly powerful, his battles are often hindered by his obsessive-compulsive need for symmetry; Kid is unable to hurt perfectly symmetrical enemies, unable to focus on a chase when passing beautiful symmetrical objects, and is paralyzed in disgust by the sight of extreme asymmetry.

在流行的动漫系列《噬魂师》中,“小孩子的死神”是Shinigami(日本死神),他用双手枪Liz和Patty战胜了邪恶。 尽管他非常强大,但他的战斗常常因他对对称性的强迫性需求而受阻。 Kid无法伤害完全对称的敌人,无法通过漂亮的对称物体时专注于追赶,并且由于极度不对称而厌恶地瘫痪。

This obsessive-compulsive tendency actually exists in all of us. Something in our brain tells us “Symmetry is good and we must always strive for it!”

这种强迫症倾向实际上存在于我们所有人中。 我们大脑中的某些事情告诉我们“对称性很好,我们必须始终为此努力!”

Throughout my work as a UX designer, I see this over and over again. Without thinking about it, people around me (clients, PMs, developers, etc.) instinctually ask for it in my designs.

在我作为UX设计师的整个工作中,我一遍又一遍地看到这一点。 不用考虑,周围的人(客户,PM,开发人员等)本能地在我的设计中提出要求。

“Can you center align that paragraph?”

“您可以将该段居中对齐吗?”

“Can you expand those input fields to fit the screen?”

“您可以扩展这些输入字段以适合屏幕吗?”

“Can you move this table header to the right to align with the section above?”

“您可以将此表格标题向右移动以与上面的部分对齐吗?”

However, symmetry often makes a poor user experience because our brains expect to scan content in a side-aligned (left-aligned for English readers) manner, like reading a book.

但是,对称通常会带来糟糕的用户体验,因为我们的大脑希望以侧对齐(对于英语阅读者为左对齐)的方式扫描内容,例如看书。

中心对齐与左对齐 (Center alignment vs. left alignment)

Center aligned text is often more visually appealing, but it can make the content difficult to read if there is more than a sentence or two.

居中对齐的文本通常在视觉上更具吸引力,但是如果多于一两个句子,则可能使内容难以阅读。

an example of center aligned text versus an example of left aligned text
Left-aligned text reads more like a book, which creates a more natural and efficient experience.
左对齐的文本看起来更像一本书,从而创造了更加自然和高效的体验。

As represented by the purple arrows above, a user’s vision tends to search for the start of the next line based on the previous starting point.

如上方的紫色箭头所示,用户的视线倾向于基于前一个起点来搜索下一行的起点。

In the center aligned example, the user needs to find and process the start point of the next line. This extra subconscious step not only adds to the cognitive workload, but also feels unnatural.

在居中对齐的示例中,用户需要查找并处理下一行的起点。 这种额外的潜意识步骤不仅增加了认知工作量,而且感觉不自然。

对称与F形 (Symmetry vs. F-shaped)

More often than not, forms and tables developed for corporate enterprise software tend to be immensely complicated and long. By default, many enterprise software platforms (ex. Salesforce or Pegasystems) treat these behemoth piles of data with symmetrical multi-column layouts that stretch across the page to “make use of the white space” and to “avoid too much vertical scrolling.”

通常,为公司企业软件开发的表格和表格往往非常复杂且冗长。 默认情况下,许多企业软件平台(例如Salesforce或Pegasystems)使用对称的多列布局处理这些庞然大物的数据,这些布局跨页面延伸以“利用空白”并“避免过多的垂直滚动”。

An example of a default symmetrical multi columned form
Many software building platforms by default do not consider usability and reading patterns.
默认情况下,许多软件构建平台不考虑可用性和读取模式。

There is an abundance of research that shows that single column forms are much more usable than multi-column ones mainly because:

有大量研究表明,单列表单比多列表单更有用,主要是因为:

  1. Multi-column layouts lack a clear sense of direction to lead users. This makes it harder to pick up momentum and adds to the cognitive load to determine the flow of information.

    多列布局缺乏明确的引导用户的方向感。 这使得更难获得动量,并增加了确定信息流的认知负担。
  2. The lack of clear direction also causes users to skip fields.

    缺乏明确的方向还会导致用户跳过字段。
  3. Users generally do not mind vertical scrolling.

    用户通常不介意垂直滚动。
An example of a multi columned form versus an F shaped form
The form on the left has multiple directions for the user to read, thus adding an extra subconscious step to determine the directional flow, requiring more processing power. The form on the right clearly reads like a book (left-right, top-down) which makes the information quicker to process.
左侧的表格有多个方向供用户阅读,因此增加了额外的下意识步骤来确定方向流,需要更多处理能力。 右侧的表格清晰地读起来像一本书(从左至右,从上至下),这使信息处理起来更快。

Stretching out forms and tables to fit the width of the screen is another common habit.

伸展表格和表格以适合屏幕宽度是另一个常见的习惯。

Another symmetrical and stretched out user interface

Although it aesthetically makes sense to add this symmetrical balance to pictures, it forces users to scan more real estate, which wastes time and, again, adds to the cognitive workload.

尽管在图片上添加这种对称的平衡在美学上是有意义的,但它迫使用户扫描更多的不动产,这既浪费时间,又增加了认知工作量。

A more user-friendly design would be to size the input fields according to the amount of data expected (rather than keeping the same size for symmetry’s sake) and to follow the F-shaped reading pattern, which is more similar to reading a book (left-right, up-down).

一种更人性化的设计是根据预期的数据量来调整输入字段的大小(而不是为了对称而保持相同的大小),并遵循F形阅读模式,这与阅读书籍更相似(左右-上下)。

An example of an F shaped user interface

There are many advantages to laying out data this way:

通过这种方式布置数据有很多优点:

  1. It drives the user’s attention in a clear direction, making it faster and easier to scan.

    它可以沿清晰的方向吸引用户的注意力,使其扫描更快,更容易。
  2. The extra white space makes the screen feel less cluttered.

    多余的白色空间使屏幕显得更整洁。
  3. Since the data is closer in proximity, there is less distance to scan, which makes less work for the user.

    由于数据更接近,因此扫描距离更短,这对用户减少了工作量。

强迫症:强迫症设计 (OCD: Obsessive-compulsive design)

By instinct, most people will continue to believe that symmetry feels more correct unless they are asked to actually do side-by-side usability comparisons. Despite successfully convincing clients to change their designs to be less symmetrical and more usable, I find that they have a hard time internalizing this logic.

出于本能,大多数人会继续相信对称性会更正确, 除非要求他们实际进行并行的可用性比较 。 尽管成功说服客户将其设计更改为不太对称且更易用,但我发现他们很难理解这种逻辑。

In conclusion, the obsession with symmetry is an overrated aesthetic that is harmful to both usability and Shinigamis.

总之,对对称性的痴迷是一种高估的美学,对可用性和Shinigamis都有害。

Please don’t harvest my soul, Kid.

小子,请不要收获我的灵魂。

翻译自: https://uxdesign.cc/death-the-kids-unusable-design-aesthetic-260dcc81273e

美学设计评价

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

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

相关文章

【送书】2021年哪些好书值得读(小姐姐配音)

大家好,我是若川。记得点上面的小姐姐再次录制的配音。为感谢大家一直以来的支持和肯定。不知道是今年第几次送书了。昨天送书的音频广受好评,没参与的可以参与。今天联合华章图书再送文中任选一本 * 3 包邮送,详细规则看文末。Web开发01《斯…

Flash获取html参数的方法

一. swf?传参 html代码:代码<html><head><meta http-equiv”Content-Type” content”text/html charsetutf-8″ /><title>as</title></head><body><object classid”clsid:D27CDB6E-AE6D-11cf-96B8-444553540000″ codebase”h…

方法重载_方法

方法重载Recently, I wrote an article about moving XD designs to Figma. It was a really interesting experiment and one that seemed to interest quite a lot of people.最近&#xff0c;我写了一篇有关将XD设计移至Figma的文章。 这是一个非常有趣的实验&#xff0c;似…

Node.js 框架设计及企业 Node.js 基础建设相关讨论

大家好&#xff0c;我是若川。19年我写的 lodash源码 文章投稿到海镜大神知乎专栏竟然通过了&#xff0c;后来20年海镜大神还star了我的博客&#xff0c;同时还转发了我的微博。时间真快啊。今天分享这篇Node.js的讨论。2021 年上半年早已过去&#xff0c;回顾 Node.js 在国内的…

DAS、NAS、SAN、iSCSI 存储方案概述

目前服务器所使用的专业存储方案有DAS、NAS、SAN、iSCSI几种。存储根据服务器类型可以分为&#xff1a;封闭系统的存储和开放系统的存储&#xff1a; &#xff08;1&#xff09;封闭系统主要指大型机. &#xff08;2&#xff09;开放系统指基于包括Windows、UNIX、Linux等操作系…

同态加法_同态—当旧趋势突然变酷时

同态加法Designers get excited at every year’s end to see what next year’s trend is going to be. What the future of design is going to look like. What they can carry forward to the next year; And Neumorphism was one among the lists which gained great atte…

网页标题设置,为什么在SERP中,显示结果不一致?

在网站建设与运营的过程中&#xff0c;我们经常会遇到各种各样的问题&#xff0c;特别是关于网页标题设置的问题&#xff0c;如果一个页面标题出错&#xff0c;那么&#xff0c;你整个页面建设的过程&#xff0c;就完全是事倍功半&#xff0c;得不偿失。 那么&#xff0c;网页标…

阿里专有钉钉前端面试指南

大家好&#xff0c;我是若川。今天推荐这篇掘金高赞文章&#xff0c;欢迎留言交流。经作者子奕大佬授权转载&#xff0c;原文链接&#xff1a;https://juejin.cn/post/6986436944913924103作者介绍子弈[1]&#xff0c;专有钉钉前端团队成员&#xff0c;负责专有钉钉 PC 客户端的…

安全态势感知产品对比_设计中的对比和人的感知

安全态势感知产品对比In this article, we’re going to explore the concept of contrast and its fundamental role in UX and visual design.在本文中&#xff0c;我们将探讨对比度的概念及其在UX和视觉设计中的基本作用。 Let’s start by defining what contrast is.让我…

在字节做前端一年后,有啥收获~

大家好&#xff0c;我是若川。今天分享这篇&#xff0c;相信读完会有些收获。本文经作者授权转载&#xff0c;原文链接&#xff1a;https://juejin.cn/post/6980671091526074404个人简介19年底12月进入字节实习&#xff0c; 第二年7月毕业转正。到前几天正好全职一周年。进入公…

app用户隐私协议相关法律_隐私图标和法律设计

app用户隐私协议相关法律During its 2020 Worldwide Developers Conference, Apple spent time on one of today’s hottest topics — privacy. During the past couple of years, Apple has been rolling out various public campaigns aiming to position itself as a compa…

35 点击全图后发现地图“不见了”

相信很多用ArcGIS软件作图的时候会习惯用全图按钮&#xff0c;但是有的时候工程文件是他人提供的&#xff0c;也不太清楚是怎么做的&#xff0c;一点全图&#xff0c;软件界面就一片空白&#xff0c;找数据找半天&#xff0c;很是苦恼啊 这虽然不是什么大问题&#xff0c;但还是…

成为优秀沟通者的要素_如果您想成为更好的设计师,请成为更好的沟通者

成为优秀沟通者的要素Little changes that go a long way.小变化大有帮助。 I started my career in motion design.我的职业生涯始于运动设计。 My focus was on the visual and technical skills required to make emotionally compelling work. I believed great design s…

我读源码的经历~

你好&#xff0c;我是若川。最近来了一些读者朋友&#xff0c;在这里简单介绍自己的经历&#xff0c;也许对你有些启发。可以点击 ruochuan12 加我微信进群交流。这是我的公众号卡片&#xff0c;可以加下星标。我是谁我是若川&#xff0c;毕业于江西高校&#xff0c;《面试官问…

php建一个表按删除就删除,php怎样删除数据库表_后端开发

php删除数据库表的要领&#xff1a;起首建立一个PHP示例文件&#xff1b;然后衔接mysql数据库&#xff1b;末了经由过程“DROP TABLE runoob_tbl”语句删除MySQL数据表即可。引荐&#xff1a;《PHP视频教程》php MySQL 删除数据表MySQL中删除数据表是异常轻易操纵的&#xff0c…

字节招人

大家好&#xff0c;我是若川。这应该是第五次发招聘了&#xff0c;友情帮一个朋友宣传。普通高校的很多大学生因为信息差导致慢一两年才醒悟过来&#xff0c;原来大三就有校招了。如果能早些知道早做准备&#xff0c;结果可能会更好。而知名高校&#xff0c;身边很大学长学姐进…

人工智能和Adobe Sensei

Adobe概述 (Adobe Overview) The design process changes from person to person, practice to practice, and profession to profession. As we advance further into the 21st century, the design process for many people leans heavily on technology. Adobe leads the ch…

梳理了一下前端面试必考知识点

大家好&#xff0c;我是若川。最近收到不少朋友留言说&#xff0c;前端面试越来越难&#xff0c;尤其是技术面。既要熟悉各种框架&#xff0c;又要精通每个知识点的底层逻辑&#xff0c;甚至连前端工程化的内容都拿来考察。哪怕是有 3-5 年经验的老前端&#xff0c;都极有可能翻…

笔记本徽标键不起作用_为什么我们(不应该)关心徽标

笔记本徽标键不起作用Back in my art director days—when I was attempting to build a brand for myself on Instagram—I would often come across posts comparing two logos, side-by-side, prompting the community to comment on which was better: Version 1 or versio…

用手机EchoEcho问询朋友所在的位置

“我的朋友&#xff0c;你现在在哪儿&#xff1f;”这个简单的问题&#xff0c;在移动互联网时代能得到怎样的解答呢&#xff1f; EchoEcho就是这样一款新型的 LBS 服务&#xff0c;它跟 Google 纵横和 4SQ 签到都不太一样&#xff0c;能更准确地告知朋友们的位置。可以说&…