$.when.apply_When2Meet vs.LettuceMeet:UI和美学方面的案例研究

$.when.apply

并非所有计划应用程序都是一样创建的。 (Not all scheduling apps are created equal.)

As any college student will tell you, we use When2Meet almost religiously. Between classes, extracurriculars, work, and simply living, When2Meet is the scheduling app that holds all our commitments in a tenuous balance. There’s a lot of reasons why we like it: it’s free, easy to use, and has no frills.

正如任何大学生都会告诉您的那样,我们几乎虔诚地使用When2Meet 。 在课程,课外活动,工作和简单生活之间,When2Meet是一个调度应用程序,可以使我们的所有承诺保持微妙的平衡。 我们喜欢它的原因有很多:它是免费的,易于使用的,而且没有多余的装饰。

Abstract pink and green blobs surrounding a screenshot of When2Meet’s interface.
When2Meet’s home page is pared down to just the essentials.
When2Meet的主页仅精简为基本内容。

On that last part: When2Meet is so no frills to the point that it almost feels undesigned. It’s typeset in Arial, not Helvetica; its accent color is a blinding electric green; and anywhere from a third to a half of the home screen is its black footer. “It’s not aesthetically pleasing, that’s for sure,” my friends would say, and I’d agree. For a site that hasn’t changed much at all since its debut in 2012, When2Meet certainly won’t be winning any design awards anytime soon.

在最后一部分:When2Meet如此简洁,以至于几乎感觉不到设计。 它是用Arial(而不是Helvetica)排版的; 它的重点颜色是令人眼花electric乱的绿色。 黑色屏幕页脚是主屏幕的三分之一到一半。 我的朋友会说:“这肯定在美学上并不令人满意,”我同意。 对于自2012年首次亮相以来并没有太大变化的网站,When2Meet当然不会很快获得任何设计大奖。

Compared to When2Meet, LettuceMeet looks amazing (at least, at first glance). The site is typeset in Quicksand, a pleasing rounded sans serif; there’s a healthy amount of whitespace; and the tool maintains an overall clean aesthetic.

与When2Meet相比, LettuceMeet看起来很棒(至少乍一看)。 该网站使用流沙(一种令人愉悦的无衬线衬线)排版; 有大量的空白; 该工具可保持整体清洁美观。

Abstract pink and green blobs surrounding a screenshot of LettuceMeet’s interface.
LettuceMeet’s home page has a calendar with a healthy dose of whitespace.
LettuceMeet的主页上有一个带有空白空格的日历。

However, despite LettuceMeet’s aesthetically pleasing design, I’ve yet to see it used in the wild the way When2Meet is. So why has LettuceMeet not permeated the campus consciousness the way When2Meet has?

但是,尽管LettuceMeet具有美学上令人愉悦的设计,但我还没有看到它像When2Meet那样被广泛使用。 那么,为什么LettuceMeet不能像When2Meet那样渗透到校园意识中呢?

从审美角度而言, ≠良好的用户体验。 (Aesthetically pleasing ≠ good user experience.)

Part of the reason LettuceMeet hasn’t been used more widely is its relative infancy, having debuted just last year. More importantly, though, is the fact that underneath the sheen of tasteful typefaces and pretty placements lies a far inferior user experience.

LettuceMeet尚未得到更广泛使用的部分原因是它的相对婴儿期,它在去年才首次亮相。 但是,更重要的是,事实是,在雅致的字体和漂亮的位置的光泽下,用户体验要差得多。

The problem lies in the flow that LettuceMeet forces into to input information. Take, for example, the steps required to set up an availability calendar:

问题出在LettuceMeet强迫输入信息的流程中。 例如,采取设置可用性日历所需的步骤:

Creating a meeting on LettuceMeet takes 2 pages of info to set up.
Creating a meeting on LettuceMeet takes two pages of information to set up.
在LettuceMeet上创建会议需要两页信息。

The user must go through two whole pages before getting to the meeting link. Compare that to When2Meet’s economical page that gathers everything you need to know in one go:

在进入会议链接之前,用户必须浏览整个两页。 与此相比,When2Meet的经济型页面可以一次性收集您需要了解的所有信息:

In contrast to LettuceMeet, creating a meeting on When2Meet only requires 1 page of info to set up.
In contrast to LettuceMeet, creating a meeting on When2Meet only requires one page of information to set up.
与LettuceMeet相比,在When2Meet上创建会议仅需要设置一页信息。

Actually adding availability in LettuceMeet isn’t much better, requiring users to go through three more pages before seeing their availability on-screen:

实际上,在LettuceMeet中添加可用性并没有改善多少,要求用户再浏览三个页面才能在屏幕上看到其可用性:

Adding availability on LettuceMeet requires 3 full pages of info to input.
Adding availability on LettuceMeet requires three full pages of information to input.
要在LettuceMeet上添加可用性,需要输入三页完整的信息。

Compare the above flow with that of When2Meet, which condenses the same task into two pages:

将以上流程与When2Meet的流程进行比较,后者将同一任务浓缩为两页:

Compare LettuceMeet’s bloated taskflow with that of When2Meet’s, which requires only 2 pages to add availability.
Compare LettuceMeet’s bloated taskflow with that of When2Meet’s, which requires only two pages to add availability.
将LettuceMeet的庞大任务流与When2Meet的任务流进行比较,后者仅需两个页面即可增加可用性。

By splitting information up into separate pages, LettuceMeet forces users through a taskflow that isn’t necessarily intuitive to how we chunk information. Why must we select what days to meet on one page and what time range on a different one? Why am I adding my availability before declaring who I am?

通过将信息分成单独的页面, LettuceMeet迫使用户通过任务流程,而该任务流程对于我们如何分块信息不一定很直观。 为什么我们必须在一页上选择什么日子见面,而在另一页上选择什么时间范围? 为什么在声明我是谁之前添加我的空闲时间?

For a user who wants to schedule a group meeting quickly and efficiently, the streamlined taskflow of When2Meet just feels right, reinforcing the information I need to provide and then providing an immediate response to my need.

对于想要快速高效地安排小组会议的用户而言,When2Meet简化后的任务流程感觉不错,可以增强我需要提供的信息,然后立即对我的需求做出回应。

记住UI中的U。 (Remember the U in UI.)

Let me be clear: When2Meet isn’t great design. There are many improvements one could make to the overall experience, like drawing more attention to the required info in When2Meet, or consolidating the taskflow for adding availability to one page. Moreover, LettuceMeet might get the upper hand on mobile, where its responsive design and bite-sized steps make a little more sense.

让我清楚一点:When2Meet不是很好的设计。 人们可以对整体体验进行许多改进,例如,将更多的注意力放在When2Meet中的必需信息上,或者合并任务流程以将可用性添加到一页上。 此外,LettuceMeet可能会在移动设备上占上风,其响应式设计和小巧的步骤更具意义。

However, what When2Meet does better than any of its alternatives is understand the needs of its users, who prioritize efficiency over attractiveness. Despite the relatively steeper learning curve in figuring out how to use When2Meet, using it in the long-term is far less cumbersome than the multi-page design of LettuceMeet, aesthetics be damned. And on the whole, When2Meet’s core tasks are better implemented than LettuceMeet’s.

但是,When2Meet比任何其他替代产品都有更好的表现是要了解其用户的需求 ,他们将效率置于吸引力之上。 尽管在确定如何使用When2Meet时会遇到相对较陡的学习曲线,但长期使用它比LettuceMeet的多页设计麻烦得多,但该死的是美学。 总体而言,When2Meet的核心任务比LettuceMeet的更好。

As UX designers, it’s very easy to get lost in the pixel-precision we desire—the thing is, that’s only one part of what we do. In actuality, we are tasked to create intentional experiences, and things like typography and color are tools to design for those intentional experiences. Rarely is a fundamentally bad user experience improved by making it pretty. So what do we do?

作为UX设计师,很容易迷失我们想要的像素精度-事实是,这只是我们所做工作的一部分。 实际上, 我们的任务是创造意向性体验,而版式和颜色之类的东西就是设计这些意向性体验的工具。 通过使其变得漂亮,从根本上改善不好的用户体验。 那么我们该怎么办?

Keep the user in mind as you design your interface, and have users test it out themselves to ensure its usability. What are their needs? What do they prioritize? And how can I design this experience intentionally to meet their needs and priorities?

在设计界面时要牢记用户,并让用户自己对其进行测试以确保其可用性。 他们有什么需求? 他们优先考虑什么? 我如何才能有意识地设计这种体验以满足他们的需求和优先级?

In this way, we aren’t making just pretty tools; we’re creating intuitive and useful ones, too.

这样,我们不仅可以制作漂亮的工具,还可以制作精美的工具。 我们也在创建直观而有用的工具。

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/when2meet-vs-lettucemeet-a-case-study-in-ui-and-aesthetics-9d80402eee54

$.when.apply

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

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

相关文章

前端不容你亵渎

大家好,我是若川,点此加我微信进源码群,一起学习源码。同时可以进群免费看Vue专场直播,有尤雨溪分享「Vue3 生态现状以及展望」背景最近我在公众号的后台收到一条留言:言语里充满了对前端的不屑和鄙夷,但仔…

利益相关者软件工程_如何向利益相关者解释用户体验的重要性

利益相关者软件工程With the ever increasing popularity of user experience (UX) design there is a growing need for good designers. However, there’s a problem for designers here as well. How can you show the importance of UX to your stakeholders and convince…

云栖大会上,阿里巴巴重磅发布前端知识图谱!

大家好,我是若川,点此加我微信进源码群,一起学习源码。同时可以进群免费看Vue专场直播,有尤雨溪分享「Vue3 生态现状以及展望」阿里巴巴前端知识图谱,由大阿里众多前端技术专家团历经1年时间精心整理,从 初…

Linux下“/”和“~”的区别

在linux中,”/“代表根目录,”~“是代表目录。Linux存储是以挂载的方式,相当于是树状的,源头就是”/“,也就是根目录。 而每个用户都有”家“目录,也就是用户的个人目录,比如root用户的”家“目…

在当今移动互联网时代_谁在提供当今最好的电子邮件体验?

在当今移动互联网时代Hey, a new email service from the makers of Basecamp was recently launched. The Verge calls it a “genuinely original take on messaging”, and it indeed features some refreshing ideas for the sometimes painful exercise we call inbox man…

React 全新文档上线!

大家好,我是若川,点此加我微信进源码群,一起学习源码。同时可以进群免费看明天的Vue专场直播,有尤雨溪分享「Vue3 生态现状以及展望」,还可以领取50场录播视频和PPT。React 官方文档改版耗时 1 年,今天已完…

网络低俗词_从“低俗小说”中汲取7堂课,以创建有影响力的作品集

网络低俗词重点 (Top highlight)Design portfolios and blockbuster movies had become more and more generic. On the design side, I blame all the portfolio reviews and articles shared by “experienced” designers that repeat the same pieces of advice regardless…

尤雨溪写的100多行的“玩具 vite”,十分有助于理解 vite 原理

1. 前言大家好,我是若川。最近组织了源码共读活动,感兴趣的可以加我微信 ruochuan12想学源码,极力推荐之前我写的《学习源码整体架构系列》jQuery、underscore、lodash、vuex、sentry、axios、redux、koa、vue-devtools、vuex4、koa-compose、…

webflow如何使用_我如何使用Webflow构建辅助项目以帮助设计人员进行连接

webflow如何使用I launched Designer Slack Communities a while ago, aiming to help designers to connect with likeminded people. By sharing my website with the world, I’ve connected with so many designers. The whole experience is a first time for me, so I wa…

重新构想原子化 CSS

感谢印记中文的 QC-L[1] 对本文进行翻译,英文原文: English Version[2]。本文会比往期文章相对长些。这是我个人的一个重大的工具发布,有许多内容我想谈论。如果你能花些时间读完,不胜感激,希望能对你有所帮助 :)推荐访问 https:/…

cv::mat 颜色空间_网站设计基础:负空间

cv::mat 颜色空间Let’s start off by answering this question: What is negative space? It is the “empty” space between and around the subjects of an image. In the context of web design, your “subjects” are the pictures, videos, text, buttons and other e…

[知乎回答] 前端是否要学习 Node.js?

大家好,我是若川。最近组织了源码共读活动,感兴趣的可以加我微信 ruochuan12很多小伙伴都表示收获颇丰。一起学的大多数200行左右的Node.js源码。今天推荐这篇文章。(刚刚在写明天掘金要发的文章,差点忘记今天还没发文。在知乎上看…

shields 徽标_我的徽标素描过程

shields 徽标Sketching is arguably the most important part of my process when it comes to logo design. In the beginning of my design career, I would actually skip this step completely and go right to the computer. I’d find myself getting stuck and then goi…

叮咚,系统检测到 npm 有更新,原理揭秘!

大家好,我是若川。最近组织了源码共读活动,感兴趣的可以加我微信 ruochuan12本文来自V同学投稿的源码共读第六期笔记,写得很有趣。现在已经进行到第十期了。你或许经常看见 npm 更新的提示。npm 更新提示面试官可能也会问你,组件库…

ui设计未来十年前景_UI设计的10条诫命

ui设计未来十年前景重点 (Top highlight)The year is approximately 1,300 BC when Moses received the 10 UI design commandments from the almighty design gods. The list was comprised of best practices that only the most enlightened designers would be aware of.当…

w3ctech 2011 北京站(组图)

门前的牌子大厅一推低价技术书籍会场嘉宾席人渐渐到齐准备工作w3c中国区负责人 安琪 第一个演讲焦峰同学分享了浏览器兼容性的相关问题石川同学分享的是JQuery的相关内容摄影哥微博大屏幕,有亮点哦。。。MBP啊有木有~~~貘大现场提…

浏览器中的 ESM

大家好,我是若川。最近组织了源码共读活动,感兴趣的可以加我微信 ruochuan12早期的web应用非常简单,可以直接加载js的形式去实现。随着需求的越来越多,应用越做越大,需要模块化去管理项目中的js、css、图片等资源。这里…

标记图标_标记您的图标

标记图标Not labeling your icons is the same as assuming that we are all fluent in ancient hieroglyphics. Are you? Can you just walk up to Cleopatras needle and read it like you could read a childrens book? Even emojis, our modern hieroglyphics dont mean …

找出无序数组中最小的k个数(top k问题)

2019独角兽企业重金招聘Python工程师标准>>> 给定一个无序的整型数组arr,找到其中最小的k个数 该题是互联网面试中十分高频的一道题,如果用普通的排序算法,排序之后自然可以得到最小的k个数,但时间复杂度高达O(NlogN)&…

你应该知道的 Node 基础知识

大家好,我是若川。最近组织了源码共读活动,感兴趣的可以加我微信 ruochuan12 参与,已进行两个多月,大家一起交流学习,共同进步。源码共读学的多数是 Node.js ,今天分享一篇 Node.js 基础知识的文章。一. N…