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

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

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

猎人： 小白 观众：2644人

细节描述

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

围观案例 ! 温馨提示：案例或因时间流逝和版本迭代与截图时有所差异
本篇知识点及话题# 交互手势# 人性化# 夸克# 情境预判# 易用性# 浏览器# 输入# 阿里巴巴
加长

发表评论 加载中....

评论加载中....

下一篇

捕获自 支付宝iOS

你将掌握 用户体验 的小知识~

在蚂蚁森林里种下的那颗沙柳，第一次让我感受到生命与遥远土地的链接

很多同学每天起早贪黑在支付宝的「蚂蚁森林」里收集能量培养小树，希望能完成种树项目为公益尽一份力。但二维世界的虚拟小游戏...

官方微信

weixin
设计头条 行业热门
交友脱单 活动丰富
干货私单 涨薪法宝

优设官微 掌上更精彩 扫码关注

相关细节

用户体验 大家好，我是兔纸，双鱼座女一枚

新人入群就像现实生活中加入一个新团体一样，免不了要做自我介绍。但其实很多用户并不喜欢做自我介绍，一是不知道说什么，二是觉得打字麻烦。QQ针对新人入群的功能，贴心地为「懒惰」的用户自动生成了个人介绍，并会在成功加群后将个人介绍展示给群友。这样的设计既让用户加群更省心，又能在用户入群后快速营造活跃的群氛围。值得一提的是，QQ在提取用户自我介绍信息的筛选方面克制而讲究。除了打招呼与昵称介绍外介绍内容只涉及用户的星座与性别信息，在提供有谈资的信息点的同时也不会暴露过多隐私。

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

设计逻辑 支付宝为什么要做「蚂蚁森林」，还推出合种一棵树？

节能减排保护环境，道理大家都懂，但身体力行持之以恒却不容易。支付宝「蚂蚁森林」的出现，就是为了尝试用互联网的方式，通过游戏向用户提供绿色消费后的正向反馈，以达到影响用户消费行为和增强环保意识的目的。一个人种树，时间久了失去新鲜感可能还是会懈怠。所以团队又推出了「合种」功能，为我们提供了一个线上合种一棵树的场景。点击发起「合种」，选择合种的主题（家庭树、爱情树、好友树、同事林等），邀请合种的对象或等待其他人加入，就可以开启「合种」之旅了。相较于相互浇水、采集能量的互动，「合种」的形式是更直接的互动关系，共同承担的责任感与一起种树的意义，都能给予用户更多的正向反馈，加强参与的意愿和坚持的动力。PS:这两天还发现，有些人的「蚂蚁森林」出现了喝水的小鹿，有同学知道这背后的原因么？欢迎留言讨论呀～

产品：支付宝iOS 作者：支付宝团队 猎人： 小白

用户体验 好的用户提示能给用户增加「安全感」

用户在进行语音交互时，想取消当前操作的概率非常大。如果系统按照错误的指令执行，会给用户带来挫败感。「支付宝」的语音交互会根据用户当前的手势进行操作提醒，以减少用户的学习成本。不存在干扰或打断用户操作行为进行的强制性，又能给予用户对当前操作进行修正的机会。让用户轻松胜任操作，利用「控制错觉」打破用户对不熟悉操作的顾虑与恐惧感。

产品：支付宝iOS 作者：支付宝设计团队 猎人： 小白

用户体验 「淘票票」的暖心小提示，让我们不再因粗心买错票

在「淘票票」买电影票时如果你选择的观影时间在今日以后，系统会自动提醒「您选择的是明天的场次」以避免用户因失误选错时间而购错票。再比如正在关注上海国际电影节的你，选购电影时如果放映地点在不易寻找的位置，系统会对放映地点给出清楚的指引提示。这样的设计体验确实人性化又暖心。对用户的操作行为做出精准预判，通过设计减少用户不必要的操作或对可能发生的错误操作给予前瞻性的提醒是我们在做用户体验时常常思考的问题。但有时我也在想，我们为用户设想的越多提供的「傻瓜式」操作越多，提升产品体验的同时是不是也一定程度上弱化了用户作为「人」的记忆与思考能力呢？这真是一个值得思考的问题～

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

优设精选专题 查看更多

104572人看过 7篇文章

每月前端法宝

全栈设计师的最爱

每个月最新的前端开发框架，各种新鲜的工具和宝贝层出不穷，没错~都会收集到这个专题里，让你的前端工作效率突飞猛进。
查看专题
262873人看过 15篇文章

好书推荐

那些口碑炸裂的设计书籍

这两年，设计类新书层出不穷，眼花缭乱之时也让人无从选择。本专题收纳了各个领域（平面、交互、心理学等）专业人士提供的书籍建议，全是纯正好料，想屯书的抓紧了！为了帮大家节省时间，最后还附上超详细的读书笔记，帮你快速纵览全书。
查看专题
577030人看过 22篇文章

Banner 设计

从基础到进阶的终极设计宝典！

本专题堪称Banner 设计自学指南，从最基础的四大构成元素，到每个元素的设计方法都有超全的干货说明，针对每年的重要电商节日，还发了专题教程。除了教程和方法，还为电商设计师贴心准备了职场规划，快点下你收藏的小手吧~
查看专题
542727人看过 13篇文章

LOGO设计

收藏这个专题，不想学会都难！

本专题里，网易和百度的高手会先带你熟悉设计流程，由平面设计大神K先生教你更高阶的设计技巧，最后给你一份全面的LOGO合格检验标准。如果没灵感没时间也不怕，我们将灵感和自动设计LOGO 的神器一起打包给你了！
查看专题

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

破茧成蝶2

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

刘津 孙睿
人民邮电出版社

用户思维

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

约翰·沃瑞劳
中国友谊出版公司

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

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

唐纳德· A · 诺曼
中信出版社

用户体验要素

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

Garrett
机械工业出版社

用户至上

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

Kathy Baxter
机械工业出版社

色彩设计法则

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

梁景红
人民邮电出版社
书到用时方恨少 > >
优设专访 转场动效 设计师 扁平化设计 优设大课堂 交互设计师 界面设计 排版布局 职场 配色 视觉设计 素材下载 web前端开发 设计流程 设计师专访 AI教程 平面设计 设计理论 神器下载 用户体验设计 字体下载 设计趋势 海报设计 psd下载 设计规范 动效设计 图标设计 logo设计 产品设计 ICON 神器推荐 职场规划 App设计 字体设计 酷站推荐 交互设计 ui设计 设计师职场 优秀网页设计 ps技巧 用户体验 酷站 PS教程 网页设计 经验分享

您还没有登录

优设启用更安全省心的 微信扫码登录

微信扫码

300万设计师聚集地！优设网是极具人气的设计师平台
2012年成立至今，一直专注于设计师的学习成长交流

把好文章收藏到微信

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