用户体验

以下是最美UI整理出来用户体验 的合集内容,如果觉得还不错,请帮忙转发推荐。
这些小小的改变,能够让UI动效更上一层楼
UI动效现如今在 APP 和网页中几乎已经成为了基本的组成部分,经过仔细打磨的 UI动效对于整个界面的提升是显著的。
看似花哨的UI概念动效,并不只是为了耍酷而存在
在 UI 界面当中使用动效已经成为这几年一直被讨论的热门话题了。动效要怎么用,什么样的动效更优秀等等,这样的探讨层出不穷。在 UI 所涉及到的各种动画和动效当中,概念动效是被讨论的最多的话题。充满实验性的概念
这个「以用户为中心」的图标设计法,恰好很多设计师不会
@Daidai丶呆 :今天这篇文章的内容虽然较短,但是意义却非常深刻,值得各位 UI 设计师细品。
想让交互更走心?这4种可见状态微交互技巧一定要学会
在经典的尼尔森十大启发式当中,「系统状态可见性」可以说是如今交互设计领域当中,最为重要的原则之一。通过向用户展现当前的状态,让用户拥有对系统的控制权,建立用户对于产品的信任感,这也是这种设计启发式的最
首度揭秘!春节期间滴滴地图小车图标的换装设计过程
如何为创意插上理性的翅膀,滴滴设计师和你一起回顾春节地图小车 icon 换装的设计全过程。
我们用这个设计方法,从零开始做出了「轻芒杂志」
@Fornever :豌豆荚在 2011 年引入了 Design Workshop 的方法论做产品设计,并使用这种方法设计出了如豌豆荚 2.0 的 Windows 端和 Android 端、豌豆荚视频搜索等产品。后来拆分出来做轻芒的团队也是通过 Design Wor
那些特别好用的App是如何设计的?首期揭秘:网易蜗牛读书
由于工作需要,手机里安装了N个应用,但是常用的都是那几个。常常是工作中遇到具体问题了,才会翻看好多App参考,觉得自己脑子里的「存货」太少了。希望自己在体验App的时候不仅仅是在「看」的层面,而是可以更深入地
同样是光标设计,苹果是如何把体验做到极致的?
假如你想给 iPad 设计一个鼠标的光标,你会怎么做? 没问题,你也许会说,不就是给 iPad 加个鼠标的光标吗,这没什么难的。于是乎你提出了下图中的设计,和桌面版的鼠标一模一样,既精确大家又熟悉,放在 iPad 上甚
如何做好一个搜索体验流程?看这篇超全面的总结!
随着我们产品承载的内容越来越多,搜索功能在大多产品中都成了一个必不可少的功能。最初我们在看搜索框的时候,都会把它当作是一个常规的UI控件来对待,但随着我们对产品的用户体验越来越重视的情况下,搜索框在设计
如何设计更高效的筛选器?来看网易设计师的总结!
网易UEDC – 谢晓聪 :如何设计更高效的筛选器,提高用户的决策效率? 一、生活中的筛选
对话腾讯设计师:微信车票背后的设计故事
微信车票的设计师试图通过「微信车票」来收集用户情感,还原用户出行场景,从而打造出一个温暖的产品,重新建立起人与人、人与出行之间的深层联系。
如何设计支付购买流程?来看这份超全面的UX优化方案
一、功能逻辑梳理 在做框架设计与加减乘除合并同类项之前,梳理业务与产品逻辑对于复杂的流程界面来说是至关重要的。
从“免费试用”模块设计反思UI的设计思路
@Jenny黄静雯 :​​​在App大版本的迭代中,免费试用作为小模块,交互逻辑不变,仅做视觉层面的优化。然而在视觉优化过程中,免费试用的体验问题浮出水面,此时对免费试用的设计从表层进入相对深的层面。设计的过程
经典好书!从零开始翻译《Design Systems》:设计系统
因为工作内容,最近2年一直在探索如何打造一个高度灵活性的设计规范体系,在能够维持自身设计积累的基础之上,也能够配合项目需要快速的产出高质量的定制化交付件。偶然之间看到了这本书,看过之后感觉很有启发,就利
超多案例!超全面的提示框设计总结
文章分享了弹出框都有哪些,以及弹出框应该怎样使用。 前言 任何一款应用程序都少不了提示。当我们需要告知用户某些特殊消息时就会用到弹框,但是用户在执行一系列连续动作时突然被一个提示打断,这样就会影响到用户
看似最简单的空白页,腾讯微云的高手是如何设计的?
为空页,简单理解就是当前页面内容为空白,分别会在初次使用、完成或清空内容、出错的情况下出现。本文将简要阐述关于「腾讯微云」6.1版本所更新的为空页(内容为空)设计背后的故事,以及探索创新思维的过程与价值。
信息杂乱无章?教你构建合理的视觉层次!
每天打开手机,各式各样的信息纷至沓来,每个 App 每个页面都有好多话要说。当信息汇集在一起的时候,如何能让用户一打开页面就能轻松理解各个信息元素之间的关系与差异呢?这就要靠我们设计师在设计之初构建合理的视
写给UI新手的APP结构指南:注册和登录
注册登录一直是应用中必不可少的一环,用户打开应用可能第一步就是登录页面,这相当于一款应用的脸面,也是用户使用产品的源头。当然也是因为不常被用到所以更容易被忽视,它作为一项基础功能,使用场景一般是用户初
网易实战案例:教你五步打造APP节日主题设计
我们需要做有依据、有逻辑、有理念的设计,需要发散思维、整合创意、严谨输出,让设计经得起推敲。
APP授权设计:如何让用户不反感并同意授权
授权机制,是手机操作系统安全机制中的一部分,在开发应用时需要用到各种各样的手机系统权限。那在我们的 APP 中,它的授权该如何设计,才能让用户同意授权,或者不反感授权呢?
如何给节日主题做设计,来看这篇超全面的分析!
一年一度中国最大的节日即将到来。在节日到来之前,是不是已经在各大商场、节目都感受到了中国浓浓的年味呢?如果你们打开应用商店,肯定会被眼前这一景象所「震撼」到。春节主题的AppStore可以说是一片「红火」,十
超全面!底部动作栏设计总结
王M争:前段时间 B站对视频缓存功能做了一次调整,之前用户想要缓存当前视频只需点击「缓存」图标就行了,新版本中用户必须点击右上角的「更多」图标调出底部动作栏,然后再进行缓存操作。
如何提高界面设计中的层次感?来看这篇超全面的总结!
@孔雅轩LineVision :引领初中级设计师摆脱「纠结设计」的弯路,通过对层次感的了解可以将有限的技法用在最该用的地方。
为什么如今的APP UI设计如此的趋同?这也许是件好事
现在,当你打开 Instagram、Airbnb、Apple Music、Twitter、Dropbox 这些应用的时候,乍一看很难区分清楚彼此的区别:带有圆润边缘、现代感极强的非衬线字体大标题,极简的黑白色调为主的界面,大量的留白,少量的提
第三波!快速提升 UI 设计效果的 6 个小技巧
编者按:在进行 UI 设计的时候,很多小技巧能够恰到好处地提升界面的设计视觉效果、用户体验。这篇来自Mark Andrew 的文章梳理了 6 个实用性很强的 UI 效果提升小技巧,是系列文章的第三篇,原文最早发布于 marcandr
如何把产品的痒点变成爽点?来看这个实战案例!
新康众用户体验设计部 – 伊格:在细节(体验)决定「成败」的今天,设计该如何寻找支点撬动产品体验,甚至于是行业体验?
登录页需要注意的设计细节和逻辑,我都帮你总结好了!
几乎所有的登录页看起来都大同小异,通过输入账号和密码就能够进入,但仔细思考会发现,每个登录页都有自己差异化的点,而这些点正是产品无一无二的地方。
大厂都在用的目标导向设计,快来学会!
前言 设计驱动已经成为 vivo 重要的产品和服务理念。作为设计师,这意味着我们在承接日常设计需求外,还要主动发现并解决产品中存在的问题。设计提案,就是针对某个问题或机会点,系统分析产品现状并给出解决方案,以
为什么用户注册这么简单,想注销却如此麻烦?
最近国外的设计平台频繁出现一类内容,大概类似于「产品设计中的伦理道德与用户体验」,里面的内容有引起我的一些思考。
如何有效提升点击率?这里我总结了4个方向
UI 设计师在做需求的时候,经常会接到以提升点击率为目标的需求。 提升点击率,设计师朋友第一反应就是提升操作功能的视觉抢点,从而强化功能操作,提升点击率。
5大策略,帮你设计一个体验优秀的Web端表单
最为常见的信息收集表单,却最容易忽视它的体验。 表单(不是表格),作为最为常见的页面模块,是不是都快忽略它的存在了?回想一下你登录网站填写信息、购物填写地址、填写调查问卷、修改个人中心信息时……都是在和
上万字干货!超全面的B端按钮设计指南
按钮是最常使用的组件之一,但是在与人交流时,还是会觉得大家存在很多误区,所以本文将围绕如何使用按钮展开分析,希望能给大家带来一些新的思考。
用4个经典的重量级产品案例,告诉你什么是标杆式体验设计
今天和大家聊一个很多朋友常年卡在 P5/P6 需要关心的命题——如何从业务出发打造具有商业价值还能兼顾用户体验的设计,此篇不谈理论,就通过 4 个经典的重量级产品案例就给大家安排明白啥是「一拳超人」式体验设计—
设计师如何建立心智模型?来看谷歌设计师的总结!
不知道大家有没有看过一个影片,影片内容是让 2000 年后出生的孩子接触 1980 年代的计算机,主持人请他们开机并使用计算机,孩子反射性地将手放到屏幕上试图操控计算机,将屏幕当 iPad 使用;他们不理解屏幕与主机的
从 6 个方面分析,苹果和谷歌谁的设计更好?
大家好,今天我们来聊一聊苹果和谷歌的设计语言。自从移动互联网开始兴起,我们的日常生活开始充斥着大量的移动设备,手机,Pad,智能穿戴设备。而这些产品,其操作系统要么是苹果的 iOS 系统,要么是谷歌的安卓系统
如何做好门票详情页改版?我深度分析了美团的设计
对于门票详情页,商品预订模块一直都是最为重要的部分。用户通过与这个模块的交互,完成对商品的浏览、比较与选择等一系列行为。本文将基于美团 APP 门票详情页商品预订模块的改版,分析其具体改动点,并对其中的设
想提高设计转化率,按钮应该放在左边还是右边?
任何一名设计师应该都会接触到运营活动页,产品落地页此类需求。而这些落地页设计需求的业务目标衡量标准都相当明确——即转化率。再进一步,与我们的设计输出直接相关的就是首页转化率/点击率。这些数据通过埋点能很
界面该不该加弹窗?来看高级设计师的总结
这几天在工作中处理了一个历史遗留问题:弹窗适配,几经折腾终于落定发包。于是我也趁着这个机会把弹窗体系梳理研究了一遍。
如何设计落地页,才能获得更高的转化率?
如果你想要转化更多的潜在客户或是增加销售额,那么你需要的是一个高转化率的落地页 (Landing Page)。根据 Hubspot 的数据[1],拥有超过 30 个落地页的公司所获取的客户转化率,是少于 10 个落地页的公司的 7 倍。
交互案例分析!为什么微信群红包得点开才能看到领取状态?
读者提问: 呆总,为什么微信群红包不即时显示当前领取状态,而需要用户点击后才可查看呢?
用超多案例,为你详细解析简化设计经典四策略
简化产品是优化用户体验的第一生产力,且是设计师值得关注的一个永恒的命题。本文将带你领略简化产品的策略技巧,准备好了吗?
设计师如何善用「心理账户」,提升用户付费率?
为什么给自己买个上万的包包会心疼,但如果是老公送的生日礼物就会很开心?
如何设计交互缺省页?来看腾讯设计师的总结!
缺省页指页面的信息内容为空或信息响应异常的状态;设计缺省状态的作用不仅是引导用户在异常边界状态的操作提示,同时也是安抚用户体验情绪的重要场景;更重要的是为边界场景营造出良好用户体验。通过分析缺省状态产
用超多案例,总结了 10 个让登录体验更好的小技巧!
编者按:看似简单的登录框,暗藏了多少值得推敲的用户体验?这10个细节,就是你和设计高手的区别。
如何提高体验设计的容错性?来看高手的总结!
容错的定义最初来源于计算机领域,当计算机发生故障后不会崩溃,可以正常工作,并可以从错误中恢复。这个容错性是指对错误的承载力,错误率越低,错误的挽回效率越高,就说明容错性越好。
想提高转化率?来看这份超全的优惠券设计方法总结
优惠券作为一种营销手段在现代生活中无处不在,除了在线下常见的街头小哥派发的传单优惠券,更多的是线上各个电商系统中存在的优惠券。在电商购物、外卖快递、旅行交通等领域的交易过程中,优惠券作为营销手段,扮演
想让用户下单?给你一份专家的商品详情页设计指南!
本文主要介绍了在设计电商商品详情页面时需要注意的交互设计准则,并给出相关示例说明商品页面在哪些方面做改进,能有效帮助用户选购商品并最终促成交易。
Invision 官方出品!超全面的「设计系统」 构建指南(一)
这篇文章来自于 Invision 出品的书籍,围绕规划、设计、构建和实现设计系统的实践经历来指导读者,其中包含了经验丰富专家的真知灼见和一手经验。我很喜欢,也分享给大家,推荐阅读。这是一个系列,一共有 7 章,感兴