首页 » 技术教程 » 谷歌翻译UX流程分析和名词解释拍照键的改进方法!

谷歌翻译UX流程分析和名词解释拍照键的改进方法!

 

商务合作联系微信:telegram: @tianmeiapp
    站长邮箱:[email protected]  

不久前,我看到一篇关于谷歌翻译的用户体验改造的文章,将谷歌翻译比作你耳边的一条巴比伦鱼。 (来自圣经:根据传说,把一条巴比伦鱼放在你的耳朵里,你就会说任何语言。)

现代翻译软件确实很棒,它们甚至改变了我们与外国人交谈的方式。

现在,我要谈谈我的 翻译 UX 建议,以帮助这条鱼变得更加敏捷。

本系列将从相机、语音、界面、文字等方面展开。这是第一部分:相机翻译。

改进前

在开始之前,有必要对谷歌翻译相机部分做一个流程分析和名词解释:

拍照前

画面实时翻译_地球实时画面直播_监控只能回放看不了实时画面

这里主要有三个功能键:即时翻译键、暂停键和拍照键

1 个即时翻译键

镜头前文字实时翻译

画面实时翻译_监控只能回放看不了实时画面_地球实时画面直播

2 暂停键

使屏幕静止以便于查看

暂停后,您可以点击即时翻译按钮选择是否查看翻译,或者点击拍照按钮分析屏幕上的图片

画面实时翻译_监控只能回放看不了实时画面_地球实时画面直播

3 拍照后点击拍照按钮进入界面:

地球实时画面直播_监控只能回放看不了实时画面_画面实时翻译

拍照后

画面实时翻译_地球实时画面直播_监控只能回放看不了实时画面

这里也有三个功能:

1 次点击

监控只能回放看不了实时画面_画面实时翻译_地球实时画面直播

软件已经对图片进行了分析,并对文字部分的每一个字加框

您可以在屏幕上单击并绘制以选择要翻译的部分

2 选择所有键

底部的全选按钮设计得很糟糕。

图标不清晰,没有文字说明。点击后,上面的框选确实会变成蓝色,表示全部选择,但是很难察觉,用户会认为点击后没有反应。会糊涂的。

我花了很长时间才弄清楚它的作用。

3 转到首页翻译键

画面实时翻译_地球实时画面直播_监控只能回放看不了实时画面

用户点击要翻译的部分后,上方会显示逻辑长句翻译。

但是设计的显示区域有限,用户可以点击翻译按钮进入首页查看完整的长句翻译。

什么是逻辑长句翻译?下面会一一解释。

动画展示

这里有一张动图展示照片前后两部分的关键

地球实时画面直播_画面实时翻译_监控只能回放看不了实时画面

(实时-暂停-照片-分析屏幕-点击-首页)

这个过程是:即时翻译模式-暂停键-拍照键-分析图片-点击-转到首页翻译

1

我们可以看到,打开即时翻译模式后,软件几乎是即时显示翻译结果,但这些结果都是逐字翻译的。

点击拍照按钮后,画面相同,但软件进入点击画面大约需要2~3秒。

在这个屏幕上,用户可以画出想要翻译的部分,翻译结果会显示在上方。

这个结果和之前的逐字翻译不同。长句翻译,合乎逻辑。

由于显示区域有限,用户可以点击进入首页按钮进入首页查看完整的翻译结果。

2

同一张照片,即时预览不花时间,但拍照后分析需要2~3秒。

这是因为即时预览使用下载的语言包进行翻译,照片上传到服务器进行翻译。

这就是为什么拍照可以进行合乎逻辑的长句翻译,而即时预览却不行。

但是,用户知道吗?

用户并不关心他们背后的理由,他只是觉得很奇怪:

同一张图瞬间翻译好了,为什么还要等几秒?

3

用户会在什么场景下经历这个过程?

1在景区看到一段英文文字,打开即时模式看翻译结果,

2 但是我的手在发抖,所以我再次按下暂停按钮以冻结屏幕。

3 我发现翻译都是逐字逐句的,但我还是看不懂。所以我再次按下相机按钮。

4 分析图片后,我涂抹了我要翻译的区域,

5 我发现上面只显示了一部分,所以我再次点击转到主页翻译按钮,进入主页查看完整的翻译。我觉得这英语很有哲理,

6 所以我把它复制下来作为我的微信签名。

在这种情况下,假设的用户确切地知道每个键的作用。

但实际上,当界面暂停时,大多数用户已经感到困惑。他们不知道为什么会有一个相机按钮。点击按钮后,出现点击画面,顿时什么都没有了。

大多数用户根本不知道即时模式和照片翻译之间的区别(区别是本地和在线,单词和长句)。

产品经理设计这些按键的初衷是好的,也可能考虑到很多场景,但是用户一直很困惑。

用户很困惑!

改进后

以下是我提出的改进建议:

地球实时画面直播_画面实时翻译_监控只能回放看不了实时画面

监控只能回放看不了实时画面_地球实时画面直播_画面实时翻译

闪光灯按钮、变焦按钮和暂停按钮都不见了。让我解释一下为什么删除这些按钮:

地球实时画面直播_画面实时翻译_监控只能回放看不了实时画面

删除按钮

1 个闪光键

地球实时画面直播_监控只能回放看不了实时画面_画面实时翻译

闪光灯按钮在光线较暗的环境下是必需的,但在强光下则不需要。还是占据了屏幕上一个功能键的位置,所以想着怎么改进。

我的建议是借鉴微信相机设置:

智能识别环境是否过暗,按键提示仅在暗光下开启闪光灯

这样既节省空间又美观

2 放大按钮

监控只能回放看不了实时画面_画面实时翻译_地球实时画面直播

的放大键很奇怪,你用过就知道了:它只放大两倍。

单击一次放大到两倍,再次单击缩小到正常。没有中间过渡放大倍率。

其实这种限制放大倍率的方式会让用户没有自由,很焦虑。

建议用户双击屏幕放大或两指自由捏合进行放大缩小,也符合用户查看图片时放大缩小的习惯。

(其实谷歌翻译会在捏手的时候有振动反馈,提示用户不要这样做,意思是知道很多用户都这样做,不知道为什么没有实现这个功能)

3 暂停键

其实在上面的分析中,我把闪退键和缩放键都删了,所以上面那个小功能区只剩下即时预览键了,绝对不能删。然后我在想,下面什么键可以删掉,然后把即时预览键放进去,就只有一排按钮!

我的答案是:暂停按钮。

我在想,在什么情况下用户会点击这个暂停按钮?当你想暂停屏幕时,对吧?

但如果你想暂停屏幕,还有另一种选择:点击相机按钮。

是的,想要暂停屏幕的用户面临两个选择。

为什么要让用户选择?将这两者结合在一起,让他们不选择,该有多好!

(你可能会说这两个键对应不同的功能:暂停键链接实时预览,相机键允许用户选择要翻译的区域进行长句翻译。关键是用户点的你明白吗?)

那么我是怎么做到的呢?

以下是改进的四个原因:

动画显示(改进原因

我用一个GIF来解释改进的关键!:

画面实时翻译_地球实时画面直播_监控只能回放看不了实时画面

(实时预览按钮-相机按钮-点击不需要的区域-转到主页翻译按钮)

点击相机按钮暂停屏幕,不要等待,什么都没有改变,点击主页翻译按钮翻译长句。逻辑清晰,很棒!

这里有四点:

1 翻译逻辑

地球实时画面直播_画面实时翻译_监控只能回放看不了实时画面

之前谷歌翻译的逻辑是:拍照前是逐字翻译,拍照后是长句翻译。

我改进的逻辑是:拍照前后,是一个字一个字的翻译。点击首页的翻译按钮是长句翻译。

2 等待时间

监控只能回放看不了实时画面_画面实时翻译_地球实时画面直播

可以发现,当你点击拍照按钮时,拍照后会立即进入界面,原来分析图片的时间已经过去了。

为什么?

我之前解释了为什么有时间分析图像:

因为即时预览是使用下载的语言包翻译的,照片上传到服务器进行翻译。

我知道它们之间在准确性、技术形式等方面存在差异。

但是从产品的角度来看,必须先分析文本区域。

本地翻译包可以瞬间识别文本区域!相信技术上可以缩短上传到服务器的情况下解析画面的时间。

而且只有缩短了,才会有点击暂停屏幕的效果,才能达到这种交互和逻辑的状态!

3 选择所有键

监控只能回放看不了实时画面_画面实时翻译_地球实时画面直播

地球实时画面直播_画面实时翻译_监控只能回放看不了实时画面

你可能会问,拍照后底部的全选按钮呢?

注意到右下角的实时预览按钮了吗?照片前后都有!只需使用它而不是全选键! :

这里有一个 gif 来展示:

监控只能回放看不了实时画面_画面实时翻译_地球实时画面直播

(1实时预览-拍照按钮-点击实时预览按钮(未全选)-涂抹-进入首页)

(2无实时预览-拍照按钮-点击实时预览按钮-进入首页)

看到了吗?实时预览键还在!并且拍照后点击全选,并在单词上显示选中单词的翻译。

拍照后,看起来还是实时预览功能。其实从产品经理的角度来看,已经演变成全选功能了!

而且画面实时翻译,拍照前实时预览,拍照后实时预览。拍照前没有实时预览,拍照后没有实时预览。它们是相互关联的,因此用户不会再感到困惑和奇怪。

4 转到主页翻译键

监控只能回放看不了实时画面_地球实时画面直播_画面实时翻译

最后,我突出显示了转到主页翻译键并将其放在底部与相机键相同的位置

可以说,拍照后,拍照按钮就变成了首页的翻译按钮。底部按钮和屏幕基本没有变化,交互也很棒。

为什么主页按钮会突出显示?

想一想:用户在照片页面上做了什么。

也就是说,拍照后这个界面的主要功能是什么?

长句翻译直接到首页!

所以很适合把钥匙变成首页的功能和交互变成这个界面。

这些是我的改进建议,希望能帮助谷歌更聪明地翻译这条神奇的鱼!

(也有3个改进建议,但与本文逻辑不符画面实时翻译,所以放在评论区和...

这是改进谷歌翻译的一系列建议的第一部分,其余部分即将推出,欢迎关注我的公众评论:恐惧土地,

还有电报动态页、自行车APP、微信小程序、淘宝展示、咖啡厅改造等更多内容即将推出! )

监控只能回放看不了实时画面_画面实时翻译_地球实时画面直播

商务合作联系微信:telegram: @tianmeiapp
    站长邮箱:[email protected]  

原文链接:谷歌翻译UX流程分析和名词解释拍照键的改进方法!,转载请注明来源!

0