「你背后有东西哦」 - 优设网 - UISDC

「你背后有东西哦」 - 优设网 - UISDC

设计逻辑「你背后有东西哦」

产品：马拉马拉iOS 作者：马拉马拉团队时间：2018-09-01

猎人：小白观众：2496人

细节描述

小白：「马拉马拉」App为用户提供了三种跑步模式：户外跑、室内跑与越野跑。为什么要做这样的区分呢？因为按照现实生活中跑者的习惯，跑步是会分室内与室外不同情况的。从范围层来看，户外跑、越野跑和室内跑功能规格一样，但内容需求并不同。映射到框架层中来看，他们的界面设计应该相似但信息呈现会不一样。所以在「马拉马拉」的跑步界面（表现层），户外跑与越野跑模式的背景有遮罩层显示地图控件，而室内跑并没有。个人认为，在这组设计里如果室内跑的文案展示由界面中的位置移到跑场icon的位置，会更便于用户区分内容。投稿人：酥饼

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

本篇知识点及话题# 体育 # 信息呈现 # 模式切换 # 设计逻辑 # 马拉马拉

发表评论加载中....

评论加载中....

相关细节

用户体验聊天等待的反馈,「淘宝」帮你解决了

聊天的时候如果总是遇到对方没有回应的情况，发送消息的一方一定会感到沮丧与焦虑情绪。「淘宝」团队为了缓解因商家太忙无法及时回复信息对买家造成的等待焦虑，在对话的界面会显示「未读」与「已读」的提示让买家知道商家对自己信息的接受状态。这个设计细节与「微信」的「对方正在输入中」相似，都是通过即时反馈信息让用户产生「控制感」来缓解等待过程的焦虑。

产品：淘宝 Android 作者：淘宝设计团队猎人：小白

文案你会因为一句打动你的推荐文案，Pick一份歌单么？

根据用户行为进行个性化内容推荐已很普遍，但QQ音乐在对用户的音乐推荐页面加入一系列文案引导的设计还是让人眼前一亮。因为虽然内容推荐的根据即用户的听歌数据可能是固定与有限的，但对这些数据分析得出推荐结果的角度与维度却是多样化的。「用MV来重温你喜欢的音乐」是根据用户喜欢的音频推荐相关MV,「包含『旅行的意义』的歌单，你可能也喜欢」是对包含了用户喜欢歌曲的其他用户歌单的推荐，「你的好友也收听了这些歌单，不容错过」是对用户好友歌单内容的推荐…… 每一首推荐的歌曲都有清晰的分类并用暖心文案说明推荐依据的来源。这样的个性化推送，仿佛不再是冷冰冰的数据罗列，而更像是有情感的「音乐管家」对主人歌单的贴心管理与用心推荐。

产品：QQ音乐 iOS 作者：QQ音乐团队猎人：小白

用户体验跟「微信支付」说晚安

每次用「微信」付款后都能收到「微信支付」的信息推送，查看账单方便省心。但其实「微信支付」还有更智能的作用，像你的账单管家一样可以进行互动聊天。跟TA打招呼，TA会回复「很高兴认识您~」；问TA自己的支付记录，TA会立马调出你的账单信息。最有意思的是，如果跟TA说「晚安」，TA也会很乖的跟你道晚安。虽然是机器人回复，但也是十分有温度的设计了。互联网的情感接触点主要载体是文案。有爱的文案不仅能塑造产品的性格，更能呈现产品的附加价值，得到用户的信任和喜爱。

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

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

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

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

优设精选专题查看更多

239966人看过 10篇文章

每月设计干货

每月最新的实用设计干货及时送上！

关注本专题，每个月都会为你送上最新的字体资源、图标素材、高效工具和酷站推荐，保证满载而归！

188350人看过 22篇文章

UX Coffee 专访

谷歌设计师给你带来不一样的设计专访

UX Coffee 是一档关于用户体验的播客节目，由两位谷歌设计师Hoka、Riceman 创办，他们会邀请来自硅谷和国内的学者和职人来聊聊产品设计、用户体验和个人成长。

105748人看过 7篇文章

每月前端法宝

全栈设计师的最爱

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

1039187人看过 27篇文章

平面设计

谁说学习平面设计不能很有趣？

能把枯燥无味的平面设计讲得生动形象非常不易，而本专题收录的平面设计教程，都能用大量的实战案例，深入浅出阐述一个相关知识点，读者看完无不大呼过瘾精彩。

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

破茧成蝶2

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

刘津孙睿

人民邮电出版社

用户思维

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

约翰·沃瑞劳

中国友谊出版公司

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

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

唐纳德· A · 诺曼

中信出版社

用户体验要素

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

Garrett

机械工业出版社

用户至上

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

Kathy Baxter

机械工业出版社

色彩设计法则

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

梁景红

人民邮电出版社

书到用时方恨少 > >

每天官微五分钟
一年萌新变大神

扫码关注

每天10篇设计干货
300万设计师关注！

访问官方微博

您还没有登录

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

微信扫码

扫码登录即表示您同意并遵守用户协议

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

把好文章收藏到微信

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