Zoom is a household name now. It’s weird, but a new reality for 2020. I’ve been able to reliably stay in touch with so many people and even throw surprise birthday parties! It has been one of the products that has kept me busy through this quarantine.

Zoom現在是家喻戶曉的名字。 這很奇怪，但卻是2020年的新現實。我已經能夠與如此多的人可靠地保持聯系，甚至舉辦驚喜的生日派對！ 它一直是使我忙于隔離的產品之一。

That said, Zoom’s UX design is broken. The interface is littered with confusing and repetitive buttons. I wanted to do a redesign of Zoom’s core screens with a few things in mind:

也就是說，Zoom的UX設計已損壞。 界面上亂七八糟的重復按鈕。 我想重新設計Zoom的核心屏幕時要牢記以下幾點：

1. Can we reuse the same call to actions in different places?
   我們可以在不同地方重復使用同一號召性用語嗎？
2. Can we make the ‘End Call’ button super visible and obvious at all times! Fewer awkward moments, please!
   我們可以一直使“結束通話”按鈕超級明顯和明顯嗎！ 請減少一些尷尬的時刻！
3. How can we make it very clear if the mic and cam is on or off?!
   麥克風和凸輪是打開還是關閉，我們如何才能使其清晰？
4. Let’s choose to prioritize a few actions: invite, share screen and chat
   讓我們選擇優先處理一些操作：邀請，共享屏幕和聊天

For context, here is what Zoom looks like now:

對于上下文，這是Zoom現在的樣子：

This is the screen you see when you’re joining a call. If someone is on video, it will show them in the background. I usually stumble around with the multiple windows before pressing the big blue button. This is one of the areas where a simpler design would improve things.

這是您加入通話時看到的屏幕。 如果有人在播放視頻，它將在后臺顯示他們。 我通常會在按下藍色大按鈕之前偶然發現多個窗口。 這是更簡單的設計可以改善性能的領域之一。

The actual call screen has so many buttons I start to lose track of things. The main ones I care about are: invite, share screen and chat. Everything else should be easily accessible in a menu bar.

實際的呼叫屏幕上有太多按鈕，我開始迷失方向。 我主要關心的是：邀請，共享屏幕和聊天。 其他所有內容都應該可以在菜單欄中輕松訪問。

After multiple clicks, this is how you invite someone to the call. Instead of modals, contextual tooltips can conserve space and make the experience more seamless.

多次單擊后，這是您邀請某人加入呼叫的方式。 上下文工具提示可以代替模式，從而節省空間并讓體驗更加無縫。

The chat sidebar is another panel that is overloaded with elements, making it confusing to find things during a call.

聊天側邊欄是另一個面板，該面板上充滿了元素，使在通話過程中查找內容變得混亂。

重新設計： (Redesign:)

For starters, what if the join screen is limited to:

對于初學者，如果加入屏幕僅限于以下情況該怎么辦：

1. Knowing who is on the call
   知道誰在通話
2. Buttons to turn my mic and camera on and off
   用于打開和關閉麥克風和攝像頭的按鈕
3. A big visible button to join the call
   可見的大按鈕可加入通話

This makes it less tedious and nerve-wracking to get everything set up.

這樣可以減少所有工作的繁瑣和麻煩。

Once you join the call, the main actions are simplified into a dock in the middle. Call actions are blue, making the invite action stand out with an orange.

加入通話后，主要操作將簡化為中間的基座。 呼叫操作為藍色，使邀請操作突出顯示為橙色。

The end call button is clear and in the corner where Mac users usually move the mouse over to close a window.

結束通話按鈕很清晰，位于Mac用戶通常將鼠標移到上方以關閉窗口的角落。

The colors green and red are used to show if the audio/video setup is on or off. The menu button in the top right corner houses all the advanced hosting and recording functions.

綠色和紅色用于顯示音頻/視頻設置是打開還是關閉。 右上角的菜單按鈕包含所有高級托管和錄制功能。

A contextual tooltip makes copying the URL and emailing invites one click away. You can dismiss the tooltip with a click anywhere in the background.

上下文工具提示使您可以復制URL，并通過電子郵件發送邀請。 您可以在后臺的任意位置單擊以關閉工具提示。

Opening the chat shifts the dock to the left, exposing a simpler design for the text messages during the call.

打開聊天，將擴展塢向左移動，從而在通話過程中為短信提供了更簡單的設計。

As a big fan of Zoom, I really hope to see these parts of the product evolve and improve.

作為Zoom的忠實擁護者，我真的希望看到產品的這些部分不斷發展和完善。

?Originally posted on blog.usepastel.com

最初發布在 blog.usepastel.com