云南11选5任三玩法 > 网页UI设计 >

干货:值得学习的谷歌翻译软件的uiux改良设计全过程分享

  只要有不同语言的存在,人类就会对能够突破语言上的障碍的神奇生物或设备着迷。在Google Translate中,就有这么一个应用能够神奇的改变您在语言上的障碍。

  谷歌翻译的魔力谷歌翻译的即时相机翻译和实时对话模式已经让我们惊叹不已。但除了令人惊叹的本质之外,它们确实也非常有用,可以帮助语言学习者,学生,游客等快速突破语言上障碍。

  发现问题很遗憾,许多用户并不知道谷歌翻译有这些功能。在一项用户调查中,38%的用户不知道谷歌翻译有这些工具。

  第一次改良设计设计师发现,这些功能的入口的图标设计得太小而且非常隐蔽。第一个直觉就是让图标变得更大更明显。所以,尝试用新的UI进行改良设计。

  令人惊讶的是,这样的改良设计却起到了相反的效果!相机和对话的使用率更低了。

  究竟是怎么回事呢?当我们进行深入挖掘后,发现许多人忽略了主功能下面丰富多彩的东西,人们通常认为这些并不重要,更像是推广的广告。

  第二次改良设计,回归输入框第二次改良我们重新把关注点聚焦到输入框,对现有熟悉的用户界面进行哪些最小更改?以使这些功能更清晰可见呢?所以我们调整了图标,添加了文本描述,并将语音功能分成了两个重要但独立的使用场景:听写和对话。

  通过这样到改良后,所有功能的使用率全面增加,手写的使用量比以前多出25%!我们甚至开始看到那些认为这些是新功能的人的自发宣传,尽管他们已经存在多年。

  再次改进对话的界面设计师并没有满足上面的改进,在Google翻译中,改善用户的产品体验是一直在进行的。所以,对话模式的用户界面应该设计得更简单,更直观。

  旧对线个按钮:左右两个语言按钮,中间有一个大麦克风图标。麦克风是实时的,它知道人们在说什么,他们说什么语言,什么时候停止说话,什么时候翻译,所有这些都没有用户的任何额外输入。所以我们称它为魔术麦克风。

  对于某些语言来说,魔术麦克风不如其他语言那么精确。由于用户界面强调魔法麦克风,许多人只使用它,甚至没有意识到有两个其他手动语言按钮给他们更好的控制和准确性的指导。因此,一但用户遇到了困惑,只能放弃了语音模式,而选择输入模式。

  改变-改变-改变前面我们学到了只通过简单的修改来提高用户的识别率,所以我们反问自己:为了使体验更直观,我们可以对UI进行哪些最简单的修改?

  我们首先想到的是形状和颜色!通过改变它们的形状和颜色,我们使手动语言按钮更加清晰可见。仍然保留了魔术麦克风,给它一个描述性的文字标签,让它不再是画面里最大的那个图标。

  与此同时,我们与硬件团队合作,确保与无线耳机Pixel Buds的结合体验。我们对用户界面进行了小小的调整,例如,与Pixel Buds连接时显示耳机图标。

  在用户研究中注意到,互动中最尴尬的是如何开启一段对话。所以我们用一个标准的模版做了一个页面,用插画生动的告诉用户可以这样操作。

  通过界面设计的改良,以及技术上改进,使对话模式更方便使用,我们看到语音翻译的使用率显着增加。尽管我们对改进这些功能和其他功能的追求并没有结束,但这却是让我们的充满魔力的功能更易于使用推广。