多数产品在设计页面模态弹窗引导用户进行操...
采集 1评论
查看来源 uisdc.com
静水流深Jing
通过书签栏工具采集于2019-03-21 20:27:26
多数产品在设计页面模态弹窗引导用户进行操作行为时，都会将操作控件放在固定的页面位置（一般居中或者处于页面底部）。但「抖音」的设计却让人眼前一亮：系统会自动检测用户进行操作时手指与屏幕的接触位置，并将模态弹窗的操控按钮显示在离用户手指最近的地方。随用户手部活动区域变化而灵活变更位置的模态弹窗设计，使用户在进行手势交互的过程中操作动作能始终在手部的舒适区域内进行，是应对大屏时代十分友好的体验设计。
UX_微交互设计
静水流深Jing
采
在旅游类App浏览旅行攻略时，如果看到优秀的游记是不是想给作者点个赞呢？「马蜂窝」的点赞功能就非常有趣，且形式多样。当点击文章浏览页右下角表示「顶」的图标时，会出现向作者头像发送表情的点赞动效。作者的头像接收到你点赞的表情还会有放大缩小的反馈效果，以及随机出现感谢文案。就像真的与作者互动一样。当看腻了千篇一律的点赞设计，这样的特别的点赞效果设计更能激发用户们的互动意愿吧。
作为个人房源直租与闲置二手交易平台，除了为交易双方提供简单方便的操作，交易安全更是重中之重。「阿里巴巴」旗下的「闲鱼」App，由「支付宝」作第三方交易资金担保平台，资金安全有保障。当买卖双方进行购买沟通时，如果对话内容提及「微信」「QQ」等其他平台名称，系统会立马弹出「风险提醒」来警示用户不要脱离「闲鱼」平台进行沟通与付款。不仅如此，「闲鱼」还会发送一条安全提醒的短信给买家，进一步强调所有交易步骤均不要脱离平台进行的重要性。
「Spot」是一款针对年轻人的社交类App，拥有很多新奇好玩的功能。其中原创的「音乐表情包」功能十分新颖。当传统的图片表情包已无法表达用户丰富的内心情感，音乐表情包的出现给大家带来了与众不同的聊天体验。比如产生尬聊时，发一个音乐表情包就能立马活跃气氛，激发继续社交的欲望。这种有趣的聊天过招新方式，打破了长久以来略显单一的斗图社交，为追求新鲜感的年轻用户创造出了另一种有活力的聊天方式。
在「美团外卖」点单，你会发现主页搜索栏的下方会在不同的点餐时段更新不同的菜品推荐。且推荐的菜品不仅对应不同的时段，还会随定位所处地的变化而产生变化。总之就是为你推荐所处时间所能提供的最合适的特色美食。这样的信息呈现方式，不仅在无形中进行了推广，还从用户的角度出发为用户提供了有效的信息提示与引导。
通过手动拖动进度条的方式更改播放进度虽然直接也算方便，但在快退进的进度把控上不太容易精准。尤其对于时长较长的视频，往往拖动进度条一小段距离就快进了很长的进度，很难把控时间。YouTube是通过点击屏幕两侧的手势来实现精准快退进的交互。在屏幕右侧点击两次，即可实现快进10秒的操作。点击三次则是快进20秒，以此类推。而在屏幕左侧进行相同的点击手势，可以完成对应的快退操作。
关于证件照的拍摄问题，在「支付宝」首页打开「更多」找到「城市服务」的选项，再点击「更多服务」就可以找到证件照拍照的入口了（入口太深…）自己拍摄证件照的步骤也很简单，选好照片的规格再进行自拍或上传相册照片就可以完成了。拍好的证件照可以更换背景，红、白、蓝、灰四种底色满足各类证件照的要求。这个功能的设计很贴心地为用户应对无法去线下门店进行拍照的突发场景，提供了解决方案。
中文博大精深，字库更是浩瀚无垠。汉字里特有的「叠字」造字十分有趣，体现了古人的智慧，却也难倒了我们这些「缺少文化」的现代人。比如都是由「水」组成的「水」「沝」「淼」三个字，你能毫不犹豫地打出几个呢？「搜狗输入法」有个很特别的输入识别提醒功能：当面对这种多数用户应该都不认识的叠字输入时，用户只需打出对应个数的单个字符，输入法会自动识别出相应的叠字结果供用户选择。并且所有的叠字都会标注拼音提示，在协助用户顺利输入难字的同时也帮助用户学习了难字的读音。看来「小搜狗」不仅有文化，还很贴心呢~
在「新浪微博」刷图中无意发现的一个小心机，点击查看配图后不同的手势操作有不同的交互形式。直接点击图片时，图片的内容会呈现缩放的交互效果。而当上下拖动图片时，图片在缩放的过程中也会伴随上下滑动的效果。虽然不清楚团队最初这样设计的用意，但可以感觉到这样带有趣味性的细节设计是能给用户带来愉悦体验的。
多数产品在设计页面模态弹窗引导用户进行操作行为时，都会将操作控件放在固定的页面位置（一般居中或者处于页面底部）。但「抖音」的设计却让人眼前一亮：系统会自动检测用户进行操作时手指与屏幕的接触位置，并将模态弹窗的操控按钮显示在离用户手指最近的地方。随用户手部活动区域变化而灵活变更位置的模态弹窗设计，使用户在进行手势交互的过程中操作动作能始终在手部的舒适区域内进行，是应对大屏时代十分友好的体验设计。
「驯龙高手3」就要上映了，无论是作为经典IP的回归之作还是中文版昊然弟弟的献声，都让大家对这部影片充满期待。「百度」的搜索推广彩蛋也如期上线了。在手机端的「百度」搜索栏输入关键词「驯龙高手」进行搜索，屏幕下方会出现神龙没牙仔的动画与用户互动。虽然是一种广告推广的形式，但讨巧的互动动画还是让人惊喜的。
很多产品的彩蛋设计里都会融入喵星人的元素，而「亚马逊」的彩蛋设计则选择了汪星人。当在使用亚马逊App时触发了404页面，会出现「天呐噜！网络断了」的文案并配以狗狗的萌照。并且藏在404页面的汪星人萌照不止一组，每次出现404的状况时都会随机显示一只可爱的狗狗。用卖萌的汪星人来暖和页面丢失状况对用户造成的负面情绪，真是聪明的小心机。
「Owhat」是一个关于偶像明星与潮流文化的互动社区App。粉丝群体通常在上面进行信息交流与互动，平台使用了卡通小迷妹「O妹」的形象作为品牌象征，当页面加载时会展现O妹开心「吃土」的样子并显示「正在吃土加载中」。如果加载失败，则会出现小迷妹怒摔手机的形象并提示「网络问题，再来一次」。通常页面正在加载的情况会出现在粉丝购买周边与演出票务时，有趣应景的加载情况反馈设计，体现了设计团队对于产品使用场景的清晰认知，也展现了对用户情绪转变的同理心
经常点外卖的同学难免会遇到一两个送餐态度恶劣的骑手。由于骑手负责的送餐范围较固定，下次点餐时说不定就会遇到同一骑手接单。为了提升用户使用点餐服务的满意度，「美团外卖」上线了拉黑骑手的功能。点进已提供送餐服务的骑手主页，除了可以查看外卖小哥的信息、对他进行评价或投诉，还可以执行「拉黑」的操作。被拉黑后的骑手不会再收到你的订单，骑手本人也不会知道哪些用户对他进行了拉黑设置。对于不想投诉骑手以免其受惩罚又不想让他再次为自己服务的用户而言，「拉黑」功能的设计很人性化。让用户掌控选择权，避免无效沟通的冲突，
当在在线文件转换网站ALL TO ALL上传文件后，等待文件转换的过程中不仅会看到转换进度百分比，还能在进度显示下方看到关于文件处理的「冷知识」介绍。这些不停变换的「冷知识」既起到了转移用户注意力的作用，缓解等待焦虑，又能利用碎片时间增强我们的知识，一举两得。
最近发现了一款能互动聊天的治愈系记账App —「叨叨记账」。这款结合了养成元素的记账本，使用了特别的「记账陪伴」概念。让用户仿佛在养一只男/女朋友，或者让爸妈陪伴一起记账、生活与成长。用户自定义记账陪伴人的资料设定后，以发送信息的形式向陪伴对象汇报每一笔收支，而「陪伴者」也会对用户发出的每条报账信息做出回复。可能是关心的话语、提醒节约的忠告，也可能是宠溺的情话。根据对陪伴者角色的设定，会得到不同的信息反馈。拟人化双向互动的记账形式，增强了互动性与陪伴感，让枯燥的记账过程变得有趣又值得期待。设置喜欢的人陪
知乎
「支付宝」与「微信支付」让我们逐渐习惯了无现金的消费模式，电子乘车码的出现则让我们的出行更加方便。在「支付宝」申领电子公交卡后，乘坐公交地铁都可直接刷手机支付。再也不必担心排队难买票，或者忘记提前给公交卡充值了。此外，新版的「支付宝」还支持将乘车码添加到桌面的操作，简化了实际刷卡情景中需先打开App找乘车码的繁琐步骤。使手机扫码乘车与传统的公交卡刷卡一样，变得简单易用。
「滴滴出行」只要在 App里截图，屏幕上方就会立刻弹出截图成功的弹框，并给出反馈问题、联系客服与分享页面三个按钮。点击「反馈问题」，系统自动加载当前的截图；点击「联系客服」，系统默认调出最近的一次订单，缩短交互流程，符合用户的心智模型。当女性同胞在夜间或地区偏僻的地方，就能一键分享自己的乘车信息和所在的位置给到联系人，以防出现意外。为用心的设计点赞。
刷爆朋友圈的2018年草莓音乐节视觉设计 - 优设-UISDC
同采自
uisdc.com
该采集也在以下画板
加载更多
推荐给你的采集
采集
image.flaticon.com
Dearcolour采集到扁平/插画

1343009.png (512×512)

20

Dearcolour 采集到
扁平/插画
采集
不文不问-wen采集到ui

818多嘴节 八一八那些美食的八卦

59

不文不问-wen 采集到
ui
采集
夜色如水采集到活动专题

双十二

54

夜色如水 采集到
活动专题
该采集待公开
采集
uocook.com
木鱼泡泡采集到Icon - APP大图标

写实UI图标

14

木鱼泡泡 采集到
Icon - APP大图标
采集
乔莉拿起笔采集到运营-banner

五重礼banner @这样重这样轻 作品

72

乔莉拿起笔 采集到
运营-banner
采集
小牧童采集到banner设计

banner 金融

53

小牧童 采集到
banner设计
采集
iguoguo.net
爱果果采集到酷站欣赏

It Will Glow - 爱果果

64

爱果果 采集到
酷站欣赏
采集
dribbble.com
暴走布布采集到UI-web

演示

2411

暴走布布 采集到
UI-web
采集
25xt.com
莫楠德采集到ui app icon

抖音直播礼物UI设计欣赏

91

莫楠德 采集到
ui app icon
采集
淑怡部屋采集到APP

天气界面

113

淑怡部屋 采集到
APP
采集
龙小夜采集到【插图】APP加载页/启动页/引导页

#插画##闪屏##原创##节气##立夏##夏天# 大海 蓝天 闪屏 专题 http://w...

1051

龙小夜 采集到
【插图】APP加载页/启动页/引导页
采集
16sucai.com
bird-yan采集到icon区

简约线性图标设计矢量素材 - 素材中国16素材网

186

bird-yan 采集到
icon区
采集
zcool.com.cn
Penry_Chen采集到灵感 - 表情/插画

郑州地铁票卡设计

1232

Penry_Chen 采集到
灵感 - 表情/插画
采集
Y、Lisa酱采集到App.闪屏设计

1011

Y、Lisa酱 采集到
App.闪屏设计
采集
img.hb.aicdn.com
Χ_i__a采集到✿_WEB

dd48e1594d4931599495c493c6a2c65163ca1f227ba98...

44

Χ_i__a 采集到
✿_WEB
采集
dribbble.com
TannerWe采集到App

1211

76

TannerWe 采集到
App
采集
长刺的年糕采集到引导页

明日之子 《大首发日》活动

101

长刺的年糕 采集到
引导页
采集
zcool.com.cn
让我飞升采集到UI-特效

二次元界面UI风格|UI|游戏UI|波波大 - 原创作品 - ()

1

让我飞升 采集到
UI-特效
采集
weibo.com
今天的春雪采集到ui

#dribbble每日精选# Ivan Bobrov的多彩小动物LOGO 兔子

24

今天的春雪 采集到
ui