缺省页是页面无内容或者异常的状态时展示的页面。 设计缺省页作用是设计更好的用户体验,即在异常状态下的给予用户友好提示及安抚用户情绪。 根据异常的场景给予相关元素的缺省页,在产品页面相对应的场景特点来设计页面内容。 2、缺省页的运用的场景 例如在页面无数据空白的页面时,用户进入后不知道是没加载出来,还是没...
这其实就是APP缺省页设计要解决的问题。简单来说,缺省页也叫空状态页,就是为了避免用户在页面上看到一片空白,而产生“到底有没有数据”的困惑。🤔 缺省页的设计场景有很多种,比如网络异常、加载失败、无权限、搜索无结果等等。它不仅仅是整个页面为空,某个模块没有数据时也需要设计缺省状态。🤓 那么,APP缺省...
2 缺省页的表现形式 没有用心设计的缺省页无法给用户带来良好用户体验,并可能给用户带来困扰,如下图:某小众直播平台的拉新邀请页面,无邀请记录状态下没有任何有效反馈信息,用户不能明确得知到底是网络问题还是账号同步出错亦或者是没有一次邀请。正确的缺省页设计内容理应明确表达出符合用户心理预期的视觉场景表达(图形)...
🔍 B端产品缺省页设计解析 🎨 这组B端产品缺省页设计,通过简洁的视觉设计和明确的文字说明,有效传达了当前没有相关任务或流程的状态。以下是详细分析:1️⃣ 色彩搭配 🌈 整体采用浅蓝色基调,带来冷静、专业和可靠的感觉,非常适合B端产品的界面设计。深蓝色和白色的搭配,突出重要图标,与浅蓝色背景形成对比,增...
type: 'noNetwork', // 缺省页type,目前只提供3种内置类型noNetwork、noUpdate、noPage customSet: { button: '刷新' // 按钮文案 // btnSubTitle: '重新定位', // 文字按钮文案 // content: '暂无消息', // 提示语文案 // desc: '暂无消息', // 补充提示语文案 ...
我没有像 UI 设计师那样做设计,所以找到适合自己网站风格的缺省图片是件让我头疼的事情,不过所幸 iconfont 网站上有非常多的设计师提供了种类繁多的图片。 在查找的过程中,我是真没想到 UI 设计师行业中的插画类的“缺省页”设计是非常卷的,矢量插画库中132 页平均每一页必有1-2 个缺省页的设计。给我眼睛都...
APP缺省页空状态设计合集。喜欢的宝宝可以来dd #缺省页 #空状态 #ui设计 #app缺省页 #app界面设计 - 不吃UI设计的喵酱于20240307发布在抖音,已经收获了4个喜欢,来抖音,记录美好生活!
缺省状态的组成 不同场景、不同产品，缺省页组成都可能不同。为了便于讨论，拿电商产品的搜索无结果为例进行分析。从组成上来看，淘宝和小红书进行了状态说明：根据当前关键词，无搜索结果，提示用户可以尝试更换关键词。而京东将状态提示压缩在很小的区域范围内，一句文案简单表意，使用了绝大多数屏幕空间来推荐其他商品...
我们将通过以下步骤来实现缺省页功能: 步骤详解 第一步:创建布局文件 在res/layout目录下创建一个布局文件,命名为activity_main.xml。 <RelativeLayoutxmlns:android="android:layout_width="match_parent"android:layout_height="match_parent"><androidx.recyclerview.widget.RecyclerViewandroid:id="@+id/recyclerView"...
首先,用户很可能是第一次接触你的产品,他们对于使用还不是很了解,而这正是你可以利用缺省页面向他们提供说明的好机会。设计时可以使用简单明了的文案告诉用户这里将会放置什么样的内容。花点心思在这里,不要让空白的缺省页成为用户最后看到的状态。 下面是一些优秀的范例: ...