ux和ui

At face value, this meme appears to be a quick and easy tool for educating the general public about what the differences are between UI and UX. You might look at the attractive glass bottle labeled “UI” and understand that UI might have to do more with aesthetics. The less attractive but easier to use plastic bottle labeled “UX” is meant to be stored upside down, making it easier for the user to squirt out ketchup, rather than having to smack the bottom of the glass version. This gives the average person the impression that UX might be more about the actual functionality of a product.

從表面上看，這個(gè)模因似乎是一種快速簡(jiǎn)便的工具，用于向公眾宣傳UI和UX之間的區(qū)別。 您可能會(huì)看到標(biāo)有“ UI”的有吸引力的玻璃瓶，并了解UI可能在美學(xué)方面需要做更多的事情。 吸引力較小但更易于使用的標(biāo)有“ UX”的塑料瓶可以倒置存放，從而使用戶(hù)更容易噴出番茄醬，而不必打玻璃杯的底部。 這給普通人一個(gè)印象，即UX可能更多地與產(chǎn)品的實(shí)際功能有關(guān)。

The most obvious issue with this meme is that it boils down an entire field of study down to a simple image. UX and UI are complex and multifaceted, with a lot more nuance than this image suggests.

這個(gè)模因最明顯的問(wèn)題是它將整個(gè)研究領(lǐng)域簡(jiǎn)化為一個(gè)簡(jiǎn)單的圖像。 UX和UI復(fù)雜且多面，比此圖像所暗示的要細(xì)膩得多。

If we then start to look into the history of Heinz ketchup and their packaging design, we can start to see how the UX vs. UI meme starts to fall apart even more.

然后，如果我們開(kāi)始研究亨氏番茄醬及其包裝設(shè)計(jì)的歷史，就可以開(kāi)始了解UX vs. UI模因是如何崩潰的。

亨氏包裝設(shè)計(jì)簡(jiǎn)史 (A brief history of Heinz packaging design)

The glass bottle labeled “UI” was created at a much earlier point in history than the upside-down ketchup bottle. As Heinz has grown and developed as a company over the years, so too has its packaging design and the ketchup product itself.

標(biāo)有“ UI”的玻璃瓶創(chuàng)建于歷史上比倒置的番茄醬瓶要早得多。 隨著亨氏作為一家公司的發(fā)展壯大，其包裝設(shè)計(jì)和番茄醬產(chǎn)品本身也是如此。

In 1890, the first iconic Heinz glass ketchup bottle was designed and released to the public. The most innovative thing about the attractive glass container was that it allowed consumers to see through the packaging and look at the product inside.

1890年，設(shè)計(jì)了第一個(gè)標(biāo)志性的亨氏玻璃番茄醬瓶，并向公眾發(fā)布。 吸引人的玻璃容器最具創(chuàng)新性的一點(diǎn)是，它使消費(fèi)者可以透視包裝并查看內(nèi)部產(chǎn)品。

Over the next century, the ketchup bottle went through several rounds of innovation. In 1970, Heinz created a 32-ounce ketchup bottle which contained much more product than its predecessors.

在下一世紀(jì)，番茄醬瓶經(jīng)歷了幾輪創(chuàng)新。 1970年，亨氏(Heinz)創(chuàng)建了一個(gè)32盎司的番茄醬瓶，其中的產(chǎn)品比以前的產(chǎn)品多得多。

32 ounce packaging introduced in the 1970s.1970年代推出了32盎司包裝。

The first squeeze tube from Heinz came out in 1983 when the company created a funny green ketchup marketed towards kids.

1983年，亨氏推出了第一支擠壓管，當(dāng)時(shí)該公司制造了一種面向兒童的有趣的綠色番茄醬。

The first EZ squeeze ketchup tube by Heinz, created in 1983亨氏于1983年制造的第一臺(tái)EZ擠壓番茄醬管

It was the popularity of this easy-to-use packaging that lead Heinz to create the upside-down, plastic, easy-squeeze regular ketchup bottle. It didn’t hit shelves until 2001, over a century since the introduction of the glass bottle design.

正是由于這種易于使用的包裝的流行，亨氏才開(kāi)始生產(chǎn)上下顛倒的塑料易擠壓普通番茄醬瓶。 自從玻璃瓶設(shè)計(jì)問(wèn)世以來(lái)，它一直沒(méi)有上架，直到2001年。

超越UX和UI的產(chǎn)品設(shè)計(jì)因素 (Factors in product design beyond UX and UI)

Both the 1890 bottle design and the 2001 bottle design are iconic and important parts of the history of Heinz ketchup. They are both excellent representations of good product design for their time. However, many of the decisions Heinz makes in regards to packaging design doesn’t have much to do with UI or UX at all.

1890年的瓶子設(shè)計(jì)和2001年的瓶子設(shè)計(jì)都是亨氏番茄醬歷史上的標(biāo)志性和重要組成部分。 它們都是當(dāng)下良好產(chǎn)品設(shè)計(jì)的出色代表。 但是，亨氏在包裝設(shè)計(jì)方面做出的許多決定與UI或UX無(wú)關(guān)。

For example, in 2012, Heinz created an eco-friendly version of their packaging. This packaging was not only easier and cheaper to produce, but also appealed to eco-conscious consumers.

例如，2012年，亨氏(Heinz)創(chuàng)建了包裝的環(huán)保版本。 這種包裝不僅生產(chǎn)起來(lái)更容易，更便宜，而且還吸引了注重生態(tài)的消費(fèi)者。

Eco-conscious packaging on a Heinz ketchup bottle in 2012.于2012年在亨氏番茄醬瓶上進(jìn)行環(huán)保包裝。

Even the concept of this easy squeeze tube isn’t entirely just about improving the user’s experience. By making it so easy to squeeze a ton of product out of the ketchup bottle, consumers may go through a bottle of ketchup much faster, and will need to go back to the store to buy more Heinz.

甚至這種易于擠壓的管的概念也并不完全是為了改善用戶(hù)的體驗(yàn)。 通過(guò)如此輕松地將一噸產(chǎn)品從番茄醬瓶中擠出來(lái)，消費(fèi)者可以更快地通過(guò)一瓶番茄醬，并且需要回到商店購(gòu)買(mǎi)更多的亨氏。

我們可以“修復(fù)”這個(gè)模因嗎？ (Can we “fix” this meme?)

What you see in this image are two containers containing a product. The product is ketchup — not the bottle itself. Both containers are the User Interface, or UI. With this in mind, I have seen an attempt to update the image with more accuracy.

在此圖像中看到的是包含一個(gè)產(chǎn)品的兩個(gè)容器。 產(chǎn)品是番茄醬，而不是瓶子本身。 這兩個(gè)容器都是用戶(hù)界面或UI。 考慮到這一點(diǎn)，我看到了嘗試更精確地更新圖像的嘗試。

Two types of ketchup bottles are labeled “UI”. A girl squirting a ketchup bottle is labeled “UX”兩種類(lèi)型的番茄醬瓶標(biāo)記為“ UI”。 一個(gè)噴出番茄醬瓶的女孩被標(biāo)為“ UX”

This update to the meme drives the point home that both containers are the User Interface of the ketchup-containing bottle, and adds an image of a user actually squeezing ketchup onto a burger. However, the update to this meme does not account for nuance in either UI or UX.

對(duì)模因的此更新使人們意識(shí)到兩個(gè)容器都是裝有番茄醬的瓶子的用戶(hù)界面，并向用戶(hù)添加了將番茄醬實(shí)際擠壓到漢堡的用戶(hù)圖像。 但是，此模因的更新未考慮UI或UX中的細(xì)微差別。

While the ketchup meme does not dig into the complexity of either field of study, many people do not know what UX or UI are at all unless they are in the tech industry. Memes like this one can serve as a good tool to introduce the general public to the concepts of UX and UI. In my opinion, anything that educates more people about the work UI and UX designers do helps to give the field the recognition it deserves.

盡管番茄醬模因并沒(méi)有深入探討這兩個(gè)研究領(lǐng)域的復(fù)雜性，但除非有人從事于技術(shù)行業(yè)，否則許多人根本不知道什么是UX??或UI。 像這樣的模因可以作為向公眾介紹UX和UI概念的好工具。 我認(rèn)為，任何可以使更多人了解UI和UX設(shè)計(jì)器工作的知識(shí)，都有助于使該領(lǐng)域得到應(yīng)有的認(rèn)可。

翻譯自: https://uxdesign.cc/the-infamous-ui-vs-85e3c4dab43f

ux和ui

總結(jié)

以上是生活随笔為你收集整理的ux和ui_糟糕的UI与UX番茄酱模因的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。