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.mzph.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. 因为一些奇怪的…