破洛洛首页

破洛洛论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索
查看: 321|回复: 0

[转载] 产品设计师必备的模态体验知识

[复制链接]

591

主题

596

帖子

1666

积分

高级会员

Rank: 4

发表于 2018-12-24 09:32:55 | 显示全部楼层 |阅读模式
很多设计师根据直觉进行产品设计。虽然大部分情况下是没问题的,但是已经证明了的通用标准可以更好的帮助你从逻辑上构建有理有据的UI解决方案,而不是仅仅依赖于你的直觉。

本文我们将探讨UI设计中的模态通用标准,讨论为什么仅有两种类型的原因,并且分析App和网站在将信息体系结构和用户信息流转换为直观的用户界面是如何失败的,本文将使用“Purrrfect”这个产品来讲解。

两种基本屏幕类型:模态屏幕、非模态屏幕

基本每个可视化窗口几乎都属于这两类中的一个。为了理解模态与非模态的区别,我们首先要定义模态屏幕。

什么是“模态屏幕”?
模态屏幕示例
模态屏幕有不同的形状和大小:
全屏模态视图(左1)
弹出窗口(左2)
气泡弹窗(左3)
灯箱弹窗(左4)
快讯/通知
...

模态屏幕和非模态屏幕这两种类型看起来似乎很好理解,它们都从属于App的主窗口。但是有一个重要的区别:

模态窗口
创建一个禁用主窗口的模式,模态窗口作为前面的子窗口使其保持可见。用户必须先与模态窗口进行交互才能返回父级应用程序。
—— 维基百科

大多数模态屏幕,特别是在桌面应用上可以轻松识别,因为它们覆盖主窗口并且可见:主窗口背景遮罩的弹出窗,弹出菜单和弹出框对话框,灯箱弹框,警告等...

但是移动设备上的屏幕空间有限,这也是移动设备上的许多模态屏幕占据整个屏幕的原因。它们不再保持底层主窗口可见,所以很难将它与非模态屏幕区分开来:


阅读全文





回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

Archiver|手机版|小黑屋|破洛洛 ( 黔ICP备14000367号  |版权声明

GMT+8, 2019-3-27 03:04 , Processed in 0.199238 second(s), 25 queries , Gzip On.

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表