您可以捐助,支持我们的公益事业。

1元 10元 50元





认证码:  验证码,看不清楚?请点击刷新验证码 必填



  求知 文章 文库 Lib 视频 iPerson 课程 认证 咨询 工具 讲座 Modeler   Code  
会员   
 
   
 
 
     
   
 订阅
  捐助
欧路词典 iPhone 客户端重设计
 
作者:EthonLau EthonLau 来源:优设网 发布于: 2015-5-15
  2231  次浏览      14
 

大家的手中多少都会装上个词典应用,而我个人选用的是欧路词典(Eudic),实用至上的跨软件取词(虽然使用起来很 hack)、跨平台同步生词等功能做得不错。然而,我认为在用户界面设计上,无论是视觉还是交互,仍有很大改进空间。

搜索

搜索作为最常用的功能,欧路词典把它放置在 tab bar 的第一位,并默认打开应用即调用键盘。用户可以直接输入文字,根据拼写提示进入词汇页面;如果需要翻阅历史记录、使用屏幕取词或其它功能,则需要滑动页面或点击右上角的「取消」收回键盘。

从搜索行为来看,关键词搜索、摄像头取词、从历史记录中搜索都是搜索行为的其中一种形式,它们是并列的,而本地检索和在线检索则是关键词搜索的分类结果。虽然关键词搜索是搜索频率最高的形式,默认调用键盘也很大程度上方便了这一操作,但并不代表需要徒增其它两种形式的使用流程。

因此我作出了如下改进。通过将本地检索和在线检索的分类选项、摄像头取词的入口提到与输入文字同一层级,打开应用,用户可以直接输入关键词进行搜索、可以滑动页面查看历史记录、可以点击按钮开启摄像头、可以直接切换检索分类,次级选项的取消同时也让功能变得更清晰。

词汇界面

主流的词典应用在内容排版上相差甚少,而欧陆词典为词汇界面加入了一条 buttom bar,可以快速定位页面位置、发音、调节主题字体以及翻页。这些都是很实用的功能,但在使用上改进空间还很大。

目录按钮能帮我们方便定位到指定词典,但通过打开新页面来切换能不能有够直观的方式?

发音是高频功能,而一个词汇往往区分英音和美音,目前默认并无法切换的发音按钮稍让人摸不着头脑。

能够调整页面主题和字体非常人性化,如果能够实时查看调整的效果就更棒了。

直接在词汇界面翻页很方便,相邻的词汇有助于我们理解,但表意错误的图标和隐藏的翻页按钮让用户会忽略掉这个功能。

添加到生词本是欧陆词典常用且特色的功能,但放置在 menu bar 使得它显得不够起眼。

另外,内容排版的方式也可以进一步优化,帮助用户更直观地获取信息。

比起一整段的文字,列表的形式能让我们更快速地获取信息,而词语、短句形式的翻译太适合以列表展现了。

点击收藏按钮,顶部弹出保存成功的提示,而不再是把这个一次性的信息插入内容中。

长按发音按钮,与系统形式相同,可以切换英式或美式发音。

相对不常用的显示设置按钮被调整到 menu bar,取代原先收藏的位置;并且在点击后,设置选项从屏幕上方弹出,而不是跳转到新页面,用户可以实时查看调整的效果。

定位到指定词典不再需要打开新页面来切换,长按屏幕右侧边缘的目标按钮,词典列表被拓展出来并能够拖动进行定位。

遵循系统的逻辑,如果需要从内容中搜索,下拉页面则出现 search bar。

一切为了查单词更清晰、更直观。

翻译

翻译也是很常用的功能。很多词典加入了自动检测语言的功能,欧路词典也不例外。某种语言自动检测,而被翻译成我们的母语,我们需要分别选择两个选项。这或许在一个多语言的环境上很使用,但在日常大部分时候中,我们只在两种语言中来回切换翻译。

欧路词典还提供了一个横屏的翻译板功能,在国外问路点餐的时候相当实用。

既然能够自动检测所有输入的语言,辨别两种语言的其中一种就更不是难事。如果需要分别选择两个选项,为什么不同时选中两种语言,让应用自己去判断将哪种翻译为另一种,我们只管打字粘贴就好?重设计的翻译界面正是运用了这种思维。

此外,翻译板切换到横屏虽然换得了更大的显示尺寸,但却牺牲了输入和切换间的便捷性。使用翻译板的场景应是需要快速交流的,因为我认为改为竖屏的显示模式来换取操作的便捷性更为实用。

还有一个值得深思的细节。在我们完全不认识一门语言的时候,我们怎么能够通过文字辨别出这门语言呢?拉丁字母与汉字或许差异较大,汉字也很有识别性,但如果是对它完全不了解的人,要从中分辨出简体中文、繁体中文、日本语还是有难度的。不同于选择系统语言,虽然 iPhone 的系统语言设置页面也提供了本机的语言文字进行辅助,选择系统语言只是从自己熟悉的语言中选择,而选择翻译语言则有可能面临一个完全陌生的语言,这时候提供本机的语言文字进行辅助是必要的。

   
2231 次浏览       14
相关文章

用户故事与用例
交互设计师之精益画布篇
数据分析之用户画像方法与实践
如何快速建立用户模型?
 
相关文档

用户界面设计
给企业做大数据精准用户画像
用户体验和交互设计
大数据下的用户画像
相关课程

用户体验&界面设计
用户体验、易用性测试与评估
用户研究与用户建模
用户体验的软件UI设计最佳实践
最新课程计划
信息架构建模(基于UML+EA)3-21[北京]
软件架构设计师 3-21[北京]
图数据库与知识图谱 3-25[北京]
业务架构设计 4-11[北京]
SysML和EA系统设计与建模 4-22[北京]
DoDAF规范、模型与实例 5-23[北京]

从手机登录页面设计想到的
如何把无意识引入交互设计中
交互设计的真相
当视觉设计师遇上产品经理
手机交互设计原则
用户体验之网页板块设计
更多...   

以用户为中心的设计
可用性评估
Desktop及Web-based视觉设计
认知原理与设计应用
手机用户界面设计

北京 以用户为中心的界面设计
北京 用户体验& 界面设计
上海 华为 用户体验& 界面设计
深圳 用户体验& 界面设计
爱立信 以用户为中心的设计
北京 用户体验与界面设计
福州 以用户为中心的界面设计
更多...