商务合作联系微信: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流程分析和名词解释拍照键的改进方法!,转载请注明来源!