常被吐槽「反人类」设计的12306，其实也有这么暖心的提示设计 - 优设-UISDC

常被吐槽「反人类」设计的12306，其实也有这么暖心的提示设计 - 优设-UISDC

用户体验常被吐槽「反人类」设计的12306，其实也有这么暖心的提示设计

产品：铁路12306 iOS 作者：铁路12306 团队时间：2018-07-02

猎人：小白观众：5910人

细节描述

小白：自从有了12306中国铁路客户服务中心这个平台，许多人已经离排队买票这件事很遥远了。12306的出现大大方便了我们的生活，但说起12306的使用体验, 大部分人的第一反应是「被验证码支配的恐惧」！其实很多事存在自有其道理，常被吐槽的验证码设计咱们下次可以扒一扒。今天想要Pick的是12306App里一个很贴心的提示设计：当你选择的车票开车时间距离购票时间太近，进入付款页面前系统会呼出「温馨提示」的弹窗告知用户距离乘车时间很近请确保有足够时间去取票安检。这种具有前瞻性提醒的设计对于对时间预估不敏感以及容易误操作的用户而言，简直是小天使般的存在呀～

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

本篇知识点及话题# 12306 # 人性化 # 情境预判 # 情感化设计 # 提示 # 易用性 # 暖心 # 购票

发表评论加载中....

评论加载中....

相关细节

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

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

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

微交互腾讯视频让人眼前一亮的缩略图播放预览功能

新版腾讯视频Web首页增加了视频缩略图滚动条快速播放预览的功能。当然不是所有视频都可以在首页这样预览，只有在缩略图左上角带有「小闪电」图标的视频才能使用这个功能。但其他的视频被选中也会有自动播放精彩片段的效果。操作的可预知性能给予用户更多的选择与确定性，提升了使用效率与易用性。

产品：腾讯视频作者：腾讯视频UED 猎人：小白

设计逻辑「荔枝微课」通过信息权重的区分，让用户的互动更有效

作为一款课程教育类应用，荔枝微课对于明星讲师与学员用户之间互动页面的设计很好的体现了信息权重的区分。在一个以授课为主要目的的网络课堂场景，讲师发布的信息内容自然是权重最高的信息。在荔枝微课中讲师发布的信息内容会居左以对话形式呈现，并且留存在页面的核心区域方便随时翻阅；而学员参与互动的评论信息，则以弹幕形式出现在右下角滚动出现。这样的设计很好的区分了信息的来源与权重，在特定的使用情景里让互动更有效、让信息呈现更清晰。

产品：荔枝微课 iOS 作者：荔枝微课团队猎人：小白

用户体验你还记得上次使用的哪个账号登录的吗？

记住账号和密码可能是个世纪难题了。特别是现在的app都支持第三方登录，这下连上次用什么账号登录的都记不清了。随便挑一个账号登录，又发现之前操作的内容勾搭的妹子都没有了，才发现自己又创建一个新用户。在一个客户端有好几个账号可不是什么好体验。网易新闻客户端贴心的提示你，上次你是用XX账户登录的。高亮的提示引导用户直接点击登录。从此不用绑定手机号担心手机号泄漏，也没有复杂的操作。真的是要为网易新闻打call啦。投稿人：Melody

产品：网易新闻 iOS 作者：网易新闻团队猎人：小白

优设精选专题查看更多

295590人看过 8篇文章

简历制作

让你的简历敲开大厂的门

如果简历是敲门砖，那一份优秀的简历就是打开大厂的钥匙。本专题收录了不同顶尖大厂设计总监的简历制作方法和常见的细节错误，看完这个专题，赶紧把简历拿出来改好！

425719人看过 21篇文章

图标设计

至少20个图标设计杀手级干货

本专题从图标的基础知识出发，再具体到不同类型的图标设计方法，待你掌握方法后，附上图标检验和优化指南。最后，优质的免费图标下载站合集和图标管理工具，让你更加省时高效！

109474人看过 7篇文章

iPhone X

可能是最全面的 iPhone X 设计指南

不会适配 iPhone X 的设计师不是好设计师，本专题既有 iPhone X 的交互方式分析，也有 iPhone X 适配指南，更有超多适配案例经验分享。学会收藏，适配不难！

191251人看过 12篇文章

文案写作

提高转化率的方法可不止放大加粗

如果你认同「设计师是为了解决问题」这个观点，就别犹豫了，赶紧收藏这个专题。设计师加粗放大100倍，可能都比不过改10个字的界面文案。文字的力量有多惊人，设计师如何掌握基础的文案知识，看这个专题就OK！

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

破茧成蝶2

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

刘津孙睿

人民邮电出版社

用户思维

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

约翰·沃瑞劳

中国友谊出版公司

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

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

唐纳德· A · 诺曼

中信出版社

用户体验要素

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

Garrett

机械工业出版社

用户至上

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

Kathy Baxter

机械工业出版社

色彩设计法则

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

梁景红

人民邮电出版社

书到用时方恨少 > >

优设官方微信

50万设计师关注

微信号：youshege

把好文章收藏到微信

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