qt 設計師縮放_重新設計縮放體驗

qt 設計師縮放

With the COVID-19 pandemic hitting countries across the world, a lot of people have now switched to video meetings. Be it for your official meetings, webinars, entertainment sessions — video meetings are the new normal. We saw these video meeting applications becoming popular during the crisis, especially Zoom. It has become one of the most popular apps on Google Play and Apple App Store in the world. Needless to say, the Zoom app saw tremendous growth in its stock.

隨著COVID-19大流行席卷全球,許多人現在開始使用視頻會議。 無論是召開正式會議,網絡研討會,娛樂會議,視頻會議都是新的常態。 在危機期間,我們看到了這些視頻會議應用程序變得越來越流行,尤其是Zoom。 它已成為Google Play和Apple App Store上世界上最受歡迎的應用程序之一。 不用說,Zoom應用程序的存量有了巨大的增長。

I had my first experience with Zoom in 2016 when I had to attend a meeting with one of the clients for a design brief. My second experience with Zoom was a few days back. And to my surprise, the app has largely remained the same.

我在2016年第一次體驗Zoom,當時我不得不參加與一位客戶舉行的會議,聽取設計簡介。 我第二次使用Zoom是在幾天前。 令我驚訝的是,該應用程序基本上保持不變。

In my opinion, there are a LOT of problems with the current experience. Because of the crisis, the elderly have also started interacting with their friends and family on such apps. One of my uncles also had to go through the Zoom experience and his experience was also very bad.

我認為,當前的經驗存在很多問題。 由于危機,老年人還開始使用此類應用程序與他們的朋友和家人互動。 我的一個叔叔還必須經歷過Zoom的經歷,他的經歷也很糟糕

I decided to improve the current experience of the Zoom app. I have also tried to list down all the issues I see in the world-famous app and how I have tried to address these issues.

我決定改善Zoom應用程序的當前體驗。 我還嘗試列出了我在舉世聞名的應用程序中看到的所有問題以及如何解決這些問題。

Let us get started.

讓我們開始吧。

Imagine you are invited to a Zoom meeting. You get an email from the host with the invite link. The meeting is scheduled for two days later. The D day arrives, you click on the link. A new browser window opens up. The browser prompts you to download the Zoom app. If you already have the app installed, it opens up the Zoom app and you see a screen as shown below.

假設您受邀參加Zoom會議。 您從主持人處收到帶有邀請鏈接的電子郵件。 會議定于兩天后舉行。 第D天到來,您單擊鏈接。 將打開一個新的瀏覽器窗口。 瀏覽器會提示您下載Zoom應用。 如果您已經安裝了該應用程序,它將打開“縮放”應用程序,您將看到如下所示的屏幕。

Image for post
The pre-meeting screen where you land when you click the Zoom meeting link
單擊“縮放會議”鏈接時進入的會前屏幕

Okay. Let us try to understand this screen. I see this obstructing popup which basically asks me to test the audio and it basically shows me only one option to join the meeting with computer audio. Every time I join a Zoom meeting — this popup hinders my screen. Okay, so I do a very tiny checkbox to basically hide this popup for the future.

好的。 讓我們嘗試了解此屏幕。 我看到這個令人煩惱的彈出窗口,該彈出窗口基本上要求我測試音頻,并且基本上只向我顯示了一種使用計算機音頻參加會議的選項。 每次我參加Zoom會議時-此彈出窗口都會阻礙我的屏幕。 好的,所以我做了一個很小的復選框,基本上將這個彈出窗口隱藏起來,以備將來使用。

If I talk about my uncle who is in his 50s, he would expect the meeting to start right away. I mean, for him, he should just click the meeting link and boom the meeting should start. But he faces this popup and as a layman, he has no clue what’s happening. Let us go ahead. I click on Join with Computer Audio.

如果我談論我50歲的叔叔,他希望會議馬上開始。 我的意思是,對他來說,他應該單擊會議鏈接,然后開始會議。 但是他面對著這個彈出窗口,作為一個外行,他不知道發生了什么。 讓我們繼續前進。 我單擊“加入計算機音頻”。

Image for post
Post clicking the Join with Computer Audio button, I get this screen
單擊“與計算機音頻一起加入”按鈕后,出現此屏幕

So now I have this screen.

所以現在我有了這個屏幕。

The popup’s gone and I see too much text, three big icons and a black toolbar. Let us drill down this screen.

彈出窗口消失了,我看到了太多的文字,三個大圖標和一個黑色的工具欄。 讓我們向下瀏覽此屏幕。

  • The text information basically has a meeting name, hostname, meeting password, meeting URL, and participant ID. All this information is not that of use to me.

    文本信息基本上具有會議名稱,主機名,會議密碼,會議URL和參與者ID。 所有這些信息對我來說都不是有用的。

  • The big icons are Join Audio, Share, and Invite Others.

    大圖標是“加入音頻”,“共享”和“邀請其他人”。
  • Join Audio — I think I performed this action in the first popup as well. I have literally opted for computer audio a few seconds ago. Why would I need to perform this action again? Repetitive action. This could have been added in a subtle way rather than a big icon.

    加入音頻-我想我也在第一個彈出窗口中也執行了此操作。 幾秒鐘前,我確實選擇了計算機音頻。 為什么我需要再次執行此操作? 重復動作。 可以以一種微妙的方式而不是一個大圖標來添加它。
  • Share– Okay. Share screen? Share the meeting link?

    分享–好的。 共享屏幕? 分享會議鏈接?
  • Invite Others– I can use the meeting link mentioned in the text information and invite anyway. But okay, this can be a useful feature.

    邀請其他人-我可以使用文本信息中提到的會議鏈接,也可以邀請。 但是,好的,這可能是一個有用的功能。

Overall, this whole screen can be made much simpler.

總的來說,可以使整個屏幕更加簡單。

Let us see the toolbar now.

現在讓我們來看一下工具欄。

Image for post

Okay, so I have these options:

好的,所以我有以下選擇:

  • Mute and Video (then a dropdown for toggling between various audio or video inputs I might have) — required feature but again I don’t personally like this dropdown arrow beside it.

    靜音和視頻(然后是一個下拉菜單,用于在我可能具有的各種音頻或視頻輸入之間進行切換)— 必需的功能,但是我個人并不喜歡旁邊的下拉箭頭。

  • Invite — can be placed somewhere else

    邀請- 可以放在其他地方

  • Manage Participants–can be shifted to a menu item instead

    管理參與者– 可以轉移到菜單項

  • Share

    分享
  • Chat

    聊天室
  • Record- can also be moved to a menu item

    記錄- 也可以移至菜單項

  • End meeting — very less prominent. It should be a CTA. I have found people complaining about finding how to end a meeting.

    結束會議-不太顯眼。 應該是CTA。 我發現有人抱怨尋找結束會議的方法。

Once people start joining the meeting, I see the screen with video tiles. Also, if I open up the chat to chat with someone, this is how the screen looks like right now.

人們開始參加會議后,我會看到帶有視頻圖塊的屏幕。 另外,如果我打開聊天窗口以與某人聊天,那么屏幕現在就是這樣。

Image for post
The chat window on the right
右側的聊天窗口

The sidebar is one panel that again is a lot confusing to find and send a message. People have found it really confusing to chat during a call.

側邊欄是一個面板,同樣很難找到并發送消息。 人們發現在通話中聊天真的很混亂。

重新設計體驗 (Redesigning the experience)

Image for post
The redesigned landing Zoom page for a new meeting
重新設計的著陸縮放頁面以召開新會議

The new screen has the following limited information:

新屏幕具有以下限制信息:

  • Meeting name and the host

    會議名稱和主持人
  • Who are in the call currently? I have tried to show the users who are in the call with their display avatars.

    目前誰在通話中? 我試圖用顯示頭像來顯示正在通話中的用戶。

  • The video panel where you can see how you are looking. Adjust your hair and all.

    您可以在視頻面板上查看外觀。 調整頭發和所有。
  • Microphone and Camera: I have also shown the ON in green and OFF in red color for better visual identification for the users.

    麥克風和攝像頭:我還以綠色顯示了ON,在紅色中顯示了OFF,以便為用戶提供更好的視覺識別。
  • Join Call: the primary CTA on this screen in BIG BLUE Zoom branding color.

    加入通話:此屏幕上的主要CTA,采用BIG BLUE Zoom品牌商標顏色。

I have removed the non-essential text information. Also, I have shifted the Copy Meeting Link in later screens.

我已刪除了不必要的文本信息。 另外,我在以后的屏幕中轉移了“復制會議鏈接”。

Image for post
Before and After — the landing screen前后-登陸屏幕
Image for post
During the call screen with dock in bottom
在通話畫面中,基座位于底部

Once you are in the call, and the first one — you see the above screen. I have added the required options in the dock bar in the bottom. The dock also has an improved End Call button with RED color. Red is a standard color for disconnecting the call. I think it would be easier for the masses now to identify how to disconnect the call.

通話后,第一個通話-您會看到上面的屏幕。 我在底部的停靠欄中添加了必需的選項。 擴展塢還具有改進的帶有紅色的“結束呼叫”按鈕。 紅色是斷開呼叫的標準顏色。 我認為現在讓群眾更容易確定如何斷開電話。

The dock also contains easy options to mute or turn off your video. And share screen. Rest options, I have removed from this screen. I have also added the Invite Others on the top to invite your friends or family into the meeting.

擴展塢還包含用于靜音或關閉視頻的簡單選項。 并共享屏幕。 休息選項,我已從此屏幕中刪除。 我還在頂部添加了“邀請其他人”邀請您的朋友或家人參加會議。

Image for post
Before and After — Waiting for others screen
之前和之后—等待其他人屏幕
Image for post
During the call screen
在通話畫面中

Once people join the call, you will see a Toggle Chat button because now you can chat with other people. Toggle Chat would open up the sidebar the same way as before.

人們加入通話后,您將看到“切換聊天”按鈕,因為現在您可以與其他人聊天。 Toggle Chat將以與以前相同的方式打開側邊欄。

Image for post
Opened chat sidebar that shows the chat history
打開聊天邊欄,顯示聊天記錄
Image for post
Before and After — Chat screen
之前和之后—聊天屏幕

Opening up the chat screen would toggle the main meeting video to tilt slightly to the left. The dock bar would also shift accordingly. In the chat screen also, I have added colorful avatars to easily identify the person who is sending the message.

打開聊天屏幕會將主要會議視頻切換為略微向左傾斜。 停靠欄也將相應移動。 同樣在聊天屏幕中,我添加了彩色化身以輕松識別正在發送消息的人。

I hope you liked the redesigning of the experience. Please mention your questions and feedbacks in the comments down below. I really hope the Zoom app incorporates some of the features in their app.

希望您喜歡重新設計體驗。 請在下面的注釋中提及您的問題和反饋。 我真的希望Zoom應用程序在其應用程序中包含一些功能。

翻譯自: https://uxdesign.cc/redesigning-the-zoom-experience-4c07d014e6ad

qt 設計師縮放

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/news/274321.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/274321.shtml
英文地址,請注明出處:http://en.pswp.cn/news/274321.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

安卓應用部件_設計應用程序小部件的痛苦和喜悅

安卓應用部件Some people say widgets are a thing of the past, but recently we faced a market for which this was one of the main features users were asking for. A bit of googling showed there are not a lot of useful articles covering widget design (most info…

ASP.NET MVC3中的ViewBag動態性

在MVC 3中的有一個新的ViewBag 動態特性,它主要是為了從Controller到view進行傳值用的,類似有所使用的ViewData[] 字典類。對于ViewBag是如此的強大,意味著你能動態的set/get 值,增加任何數量的的額外字段而不需要強類型的檢測。…

ux設計中的各種地圖_UX設計中的空白

ux設計中的各種地圖UX設計中的空白是什么? (What is white space in UX design?) This article will help you learn about white space and why it so important in UX design.本文將幫助您了解空白以及為什么空白在UX設計中如此重要。 White space is a very us…

花點時間了解消息,句柄和窗口

消息、句柄和窗口 一,為什么我要花時間研究這些東西 對于我個人來說我不想做碼農,不想只知道拖控件,使用控件有的時候要了解一下底層,不知道你們有沒有想過這樣的一個問題,我們在C#中使用的的event事件是怎么觸發這個事…

ux設計中的各種地圖_如何在UX設計中使用顏色

ux設計中的各種地圖Color is the mother tongue of the subconscious.顏色是潛意識的母語。 — Carl Jung—榮格 Color has more to say than meets the eye. As a building block of visual language, color highlights, guides attention, and unifies elements. In UX, co…

《Two Dozen Short Lessons in Haskell》學習(十八) - 交互式鍵盤輸入和屏幕輸出

《Two Dozen Short Lessons in Haskell》(Copyright © 1995, 1996, 1997 by Rex Page,有人翻譯為Haskell二十四學時教程,該書如果不用于贏利,可以任意發布,但需要保留他們的copyright)這本書是學習 Ha…

figma設計_Figma中簡單,可重復使用的設計系統

figma設計Putting together a design system may seem like an unnecessary hassle. It’s often easier to jump straight into designing things without having to worry about styles, components, or libraries. Some might even argue that when it comes to smaller pro…

WPF 關于鼠標事件和坐標

Mouse.GetPosition(window);可以在任何時間獲得相對任意元素的鼠標位置 Mouse.Capture(el);可以讓某個元素獲得所有的鼠標事件不管他應不應該的到鼠標事件 Mouse.Capture(null);解除轉載于:https://www.cnblogs.com/wangjixianyun/archive/2013/03/25/2980953.html

訪問25%無法訪問的人-如何設計可訪問性

We’re increasingly dependent on the internet and computers for everything we do — this has become starkly more obvious through the COVID19 global pandemic.我們所做的一切都越來越依賴于互聯網和計算機-通過COVID19全球大流行,這一點變得更加明顯。 F…

DDD:實體如何處理外部依賴

場景 修改用戶名時,要驗證用戶名的唯一性。 實現1 1 public class User 2 { 3   public void ChangeUsername(string newUsername) 4   { 5   //使用服務定位器獲取IUsernameUniqueService ,執行驗證。 6   } 7 } 實現…

架構師論壇 創業_我在早期創業時作為設計師學到的東西

架構師論壇 創業For over 2 years at a young product company, I collaborated with talented engineering folks for a 0 → 1 suite of products. Here are my learnings and key takeaways. Of course, these are my views and do not represent those of my employers or …

HFileOutputFormat與TotalOrderPartitioner

最近需要為一些數據增加隨機讀的功能,于是采用生成HFile再bulk load進HBase的方式。 運行的時候map很快完成,reduce在sort階段花費時間很長,reducer用的是KeyValueSortReducer而且只有一個,這就形成了單reducer全排序的瓶頸。于是…

qt按鈕禁用和激活禁用_為什么試探法只是經驗法則:禁用按鈕的情況

qt按鈕禁用和激活禁用Most user experience designers will be familiar with Jackob Nielsen’s 10 usability heuristics. They are widely cited and a great set of broad rules of thumb to follow when designing user interfaces.大多數用戶體驗設計師將熟悉Jackob Niel…

Teach Yourself Java 2 in 21 Days 書中樣例代碼實踐

找了好幾書JAVA的書,看了幾章,都看不下去。 我覺得適合《Teach Yourself Java 2 in 21 Days》(Rogers Cadenhead Laura Lemay)還是適合我的。 孫衛琴那本,我感覺就羅嗦多了沒到我點子上。 接口,抽象類這些內…

好奇心機制_好奇心問題

好奇心機制For my past two jobs I’ve posted a question every week in my team chat and learned so much about my co-workers. Give it a try! :D對于過去的兩個工作,我每周都會在團隊聊天中發布一個問題,并且對我的同事了解很多。 試試看&#xff…

20130328java基礎學習筆記-循環結構for以及for,while循環區別

1.循環結構:for講解class ForDemo{ public static void main(String[] args) { /* for(初始化表達式;循環條件表達式;循環后的操作表達式) { 執行語句;(循環體) } */ for(int x 1; x<3; x) { …

小程序設計避免犯什么錯_新設計師犯下的5種印刷錯誤以及如何避免

小程序設計避免犯什么錯Over the last year and a half, I’ve had the opportunity to teach the basics of typography to undergraduate graphic design students. During this time, I’ve noticed some common mistakes that my students make when first learning how to…

移動設備web文字單位_移動設備如何塑造現代Web設計

移動設備web文字單位I was working with a nonprofit earlier this month on redesigning their website and during the first meeting, I proposed a very standard idea: the home page needed to tell a story and guide the intended user through the intended process (…

hp-ux修改時區方法_UX研究人員可以倡導人類的6種方法

hp-ux修改時區方法In the UX world, we often hear terms like “user-centered,” “human-centered,” and “customer-centered.” We believe that in order to be innovative, we need to center experiences that are authentic, intuitive, and practical.在UX世界中&am…

2013年3月百度之星A題

偽隨機數生成器 題目描述 baidu熊最近在學習隨機算法&#xff0c;于是他決定自己做一個隨機數生成器。 這個隨機數生成器通過三個參數c, q, n作為種子, 然后它就可以通過以下方式生成偽隨機數序列&#xff1a; m0 c, mi1 (q2mi 1) mod 2n, for all i > 0. 因為一些奇怪的…