体验良好的输入操作，需要兼顾哪些设计细节？ - 优设-UISDC

体验良好的输入操作，需要兼顾哪些设计细节？ - 优设-UISDC

交互手势体验良好的输入操作，需要兼顾哪些设计细节？

产品：夸克浏览器 iOS 作者：UC设计团队时间：2018-07-13

猎人：小白观众：2178人

细节描述

小白：大多数浏览器会将地址栏放在页面顶部，夸克浏览器却特立独行地将搜索框与地址栏整合到一起放置到页面底部。离键盘更近的距离，让用户进行输入操作更轻松。此外，应用在输入网址时还贴心地为用户提供了一个快速补全工具条，用于一键输入常用网址的符号与后缀。工具条中间还放置着一个可以移动输入光标的「摇杆」，这个功能在进行复杂网址输入的时候相当有用，真的比手机系统自带的光标移动方式方便灵活太多了呢～

围观案例 ! 温馨提示：案例或因时间流逝和版本迭代与截图时有所差异

本篇知识点及话题# 交互手势 # 人性化 # 夸克 # 情境预判 # 易用性 # 浏览器 # 输入 # 阿里巴巴

发表评论加载中....

评论加载中....

相关细节

设计彩蛋「虾米音乐」在Mac状态栏里显示歌词的小彩蛋

「虾米音乐」在Mac上的歌词显示是在屏幕顶部的状态栏里，既不占用屏幕空间也不会被打开的文件和应用窗口遮挡，还能合理利用状态栏闲置的空白空间，是很赞的体验。拥有同样歌词显示交互设计的还有「QQ音乐」。但「虾米」还藏了一个其他音乐播放器都没有的小彩蛋：Mac状态栏里歌词的前方会有品牌logo，而这个logo不仅仅是图标还藏有动效反映歌曲播放的整体进度。随着音乐的播放，黑色的logo图标会慢慢变成标志性的橙色。在呈现歌曲实时播放进度的同时，也无形中强化了品牌的形象。

产品：虾米音乐作者：虾米音乐团队猎人：小白

交互手势 VSCO不仅有强大的滤镜与后期，也有细腻贴心的产品体验

每个人手机里都会有几款照片视频的后期软件，但你可能从没注意这些软件的工具栏设置是否合理使用是否顺手。我们都知道界面的设置势必会影响用户的操作，而设置的顺序、方向则会直接影响产品的使用效率与易用性。在使用摄影后期软件时，由于每个人在对照片进行后期处理时的习惯不尽相同，固定的默认排序工具栏往往无法满足所有人的需求。贴心的VSCO为用户提供了工具模块自定义的功能，拖拽模块的手势操作简单直接，学习成本低。灵活的设置机制给予了用户更多的选择与自由度，也让产品的使用变得易用高效。

产品：VSCO iOS 作者：VSCO团队猎人：小白

用户体验最诗意的白夜模式切换，是陪你看日升日落~

为了保障用户晚上使用App时视觉体验更佳（如屏幕不会太刺眼），可切换「夜间模式」的功能几乎成为了行业标配。片刻App的「白日模式」与「夜间模式」切换十分有特点，不是通常强硬的进行机械化模式切换，而是让模式切换的过程模拟了物理世界里日升日落的场景。借助情感化的设计与形象思维展示抽象交互场景的转换，给予用户清晰操作反馈的同时也为交互过程注入了诗意的美感。

产品：片刻 iOS 作者：片刻设计团队猎人：小白

手势交互可能是最好用的英语翻译方式

「有道e读」是网易有道出品的一款基于大数据技术甄选个性化内容推送的英文阅读软件。考虑到用户使用App的主要场景是进行阅读与英语学习，团队对于使用频率最高的「翻译」功能的设计十分重视。「有道e读」采用了手势交互来执行翻译的步骤，直接拖动表示「翻译」功能的按钮至想要翻译的文章句子上，就可快速查看到翻译结果了。较低的学习成本与符合大众认知与习惯的设计逻辑，让操作更简单高效，易用性强。

产品：有道e读 iOS 作者：有道e读团队猎人：小白

优设精选专题查看更多

444172人看过 8篇文章

PS の技巧大全

高手奥义操作方法总结

不看高手的骚操作，你永远不知道PS 还能这么用！本专题不仅收录了最实用的PS 技巧，还有最新的黑科技。收藏这个专题，让你成为PS 达人！

159465人看过 9篇文章

职场规划

帮迷茫的设计师找到职场方向

本专题收集了不同大厂设计师的职场规划经验，无论你是初出茅庐的萌新，还是工作多年依然找不到方向的老油条，这儿都有前辈为你出谋划策。

173602人看过 13篇文章

Sketch 进阶指南

看过高手的用法，才发现自己完全不懂Sketch......

资深设计师是如何设置快捷键的？备受好评的 Sketch 的库该怎么用？听说有人可以用Sketch 搞定设计版本控制，还可以用来绘制数据图和复杂表格？这个专题收集了Sketch 最新的功能介绍和那些不为人知的高阶使用技巧，帮你从新手进化成高手！

101374人看过 8篇文章

手机摄影

掌握拍摄窍门去朋友圈收赞

本专题精选了全球iPhone 摄影大赛人物类冠军和泼辣修图叶明的多篇好文，从基础构图、裁剪方法到摄影技巧无一不包，对于新手而言，看完这个专题，足以拍出一组不错的作品发到朋友圈咯！

设计师基础理论书查看更多

破茧成蝶2

国内设计师出版的最值得一看的书，熟悉的界面背后藏着大道理。

刘津孙睿

人民邮电出版社

用户思维

创业时代的用户获取方法，优化体验，前所未有的技巧绝学。

约翰·沃瑞劳

中国友谊出版公司

设计心理学（套装共4册）

英文版销售25万册，设计学知名力作，设计师必读经典。

唐纳德· A · 诺曼

中信出版社

用户体验要素

以用户为中心的产品设计，销量经久不衰，入行必读。

Garrett

机械工业出版社

用户至上

亚马逊用户体验师首推的用户体验书，内附实践方法。

Kathy Baxter

机械工业出版社

色彩设计法则

梁老师苦心著作的配色书籍，或许适合所有色彩爱好者研读学习。

梁景红

人民邮电出版社

书到用时方恨少 > >

优设官方微信

50万设计师关注

微信号：youshege

把好文章收藏到微信

打开微信，扫码分享
学设计优设网在这里