首页 > 策划 > 关键词 > 交互设计最新资讯 > 正文

5分钟交互设计指南系列:对话框

2017-11-01 10:56 · 稿源:非科班设计

框 (dialogs) 是叠加在应用主视图上的弹出 (pop-up) 视图,一般会要求用户作出反应。对话框可以分为模态对话框 (modal dialogs) 和非模态对话框 (modeless dialogs)。

模态 (modality) 会阻止用户完成当前视图上的任务,使用户专注于模态视图 (modal views) 里的新任务;只有当模态视图被终止后,用户才能继续完成之前的任务。

在下面的例子中,提示框阻止用户继续查看地图,使用户专注于提示;只有当用户轻点 OK 后,用户才能继续查看地图。提示框是 iOS 中常见的模态视图之一。

对话框一般由什么组成?

大部分对话框都由标题、按钮和说明文本组成。如果对话框允许用户输入或选择,则还需相关控件。

  • 标题:对话框的标题应该简洁易懂、一目了然。

  • 按钮:模态对话框上一般有两个按钮,一个是默认按钮(比如,“确认”、“打印”、“清空回收站”),另一个是取消按钮。它们应当给用户清晰的选项。当用户点击任何一个按钮后,模态对话框就会关闭。为了提高熟练用户的效率,我们应该允许用户按 Esc 键终止对话框(效果和取消按钮相同)。

  • 说明文本:说明文本可以向用户解释对话框里的任务,它应该清晰、避免重复信息。

什么是模态对话框?

当模态对话框打开后,用户不能继续之前的任务,除非模态对话框被终止。

在设计交互界面时,我们应该重视模态对话框的设计。设计良好的模态对话框可以帮助用户更好的完成任务,而糟糕的模态对话框则会让用户感到沮丧。Alan Cooper 将模态对话框比作界面设计中的”配角“。因为模态对话框会打断用户的心流 (flow),所以主要的内容和相关控件应该放在主视图中,而不是散布在不同的模态对话框中。此外,当一个对话框层叠在另外一个对话框之上时,它们往往让人摸不着头脑。

△ 级联对话框 (Cascading Dialogs) 往往令人困惑

为什么使用模态对话框?

如果使用得当,模态对话框可以帮助用户完成任务,创造良好的用户体验。当你有以下需求时,可以考虑使用模态对话框:

1. 获取用户的注意力

当你希望用户专注在一项重要的任务上时,你可能需要使用到模态对话框。尽管一定会打断用户,但很少有其他组件能像模态对话框一样获取用户的全部注意力。模态对话框一般处于界面的最顶层的中间位置。用户必须先处理模态对话框里的任务,然后才能去处理其他任务。因此,用户不太可能错过它们。

在下图的例子中,当用户删除项目时,应用启动了一个模态对话框向用户确认删除操作。

  • 相关推荐
  • 大家在看
  • 震旦家具参与编写第二版《医用家具设计及配置指南》

    日前,震旦家具作为副主编单位参与编写的《医用家具设计及配置指南》第二版图书正式出版。该书由医院建设领域的知识共享平台“筑医台”主持策划, 2019 年启动图书修编工作,震旦作为参编单位之一。 《医用家具设计与配置指南》是医用家具领域的开山之作,见证了医用家具专业的不断发展与创新。随着我国医用家具行业发展,现代化的医院家具已不再简单停留在配置及布局的合理上,人性化成为主流之一,更加注重空间色彩及新材料的应

  • 斩获设计界“奥斯卡”缪斯设计奖铂金奖 小叶子值此殊荣

    近日,一年一度设计界的“奥斯卡”缪斯设计奖(Muse Design Awards)公布了 2020 年获奖名单,小叶子音乐教育旗下最新产品TheONE智能灯条二代斩获产品设计类目音乐组铂金奖、产品设计类目电子设备组金奖。据介绍,缪斯设计奖是国际奖项协会旗下的全球性奖项赛事之一,分为铂金奖、金奖、银奖、玫瑰金奖,今年收到来自全球 50 多个国家和地区的 13000 多件参赛作品, 130 名国际知名评委评审,竞争激烈。小叶子音乐教育能从此次大赛

  • 大鹏教育设计,打造通往专业设计师的高速发展通道

    自成立以来,大鹏教育以市场需求为导向,以技能增长、兴趣驱动为出发点,定位于互联网+教育,致力于打造更高效、更优质、更具性价比、更有体验感的线上教育平台。截止目前大鹏教育已开设六大学院,包括设计学院、美术学院、国画学院、书法学院、短视频学院和公益学院。其中,大鹏教育设计学院,以“把设计做好做精”为宗旨,助力学员储备专业技能,提高社会竞争力。大鹏教育设计助力学员储备专业技能根据市场需求和不同年龄段学员?

  • 设计师分享采用无按键“iPhone 13”设计图:酷炫环绕屏加持

    对于苹果来说,他们一直在准备更为激进的iPhone,比如取消充电接口,取消刘海等,不过暂时都不会量产,因为生产起来难度太大,而他们每年的更新要求的稳,而不是比有多激进。现在,国外设计师

  • 设计界的奥斯卡:华为智慧屏鸿蒙系统斩获德国红点设计奖

    近日,2020年度德国红点设计大奖(RedDot Award)正式揭晓,其中华为智慧屏鸿蒙UI系统凭借沉浸的视觉体验、创新的智慧交互设计而获奖。红点奖素有“设计界的奥斯卡”之称,被公认为国

  • 这个设计师的作品备受欢迎,但他其实只是个AI

    俄罗斯最大的设计公司之一Art. Lebedev工作室就尝试了将AI生成的作品冒充为人类创作,并成功的骗过了很多合作客户。

  • ACK气缸:以艺术诠释生活,以设计定义潮流

    5G时代下,生活的一切从简,从精。“精简”这个词几乎可以用来诠释当下的我们,在浮躁的环境下,我们更享受简单干净的事物。生活的每一个细节都在凸显我们的状态。不仅体现在我们的外在妆容、家居风格、颜色喜好,也体现在我们看不到的细节上。ACK是乐清宝顶气动元件有限公司旗下品牌,公司是国家定点专业生产缸等产品的大型企业,公司引进和吸收国内外先进技术,采用CNC数控机床等设备,选用日本PARKER密封件。产品现已广泛应用于

  • SEO网站排名,现在如何重新规划与设计?

    对于百度搜索而言,并不是一个“平凡”的一年,可谓是“波澜不惊”,百度搜索引擎算法,几乎每天都在不断的调整与修正。

  • 福特利用超前的设计理念提升福特销量

    目前,在大环境不好的情况下,对于汽车厂家来说,需要足够的时间积极转型。在面对变革的时候,能够主动跳出“舒适圈”,大刀阔斧地改革以应对新变化,这才是一个优秀的车企所必备的。积极调整发展战略的福特汽车,相信有能力应对销量挑战。让福特销量重回巅峰时期,想必非常值得期待。在转型过程中,福特推出了多款新车型,而近日福特要推出的这款福特野马Mach F是基于福特在设计Mach E时放弃了保持50多年的双门历史,确定将会有4?

  • 易盖房员工故事:常年陪跑的杭州设计“站长”

    关注我们的朋友应该在之前每月的设计案例投票中都看到过范亚朋的名字,然而每次的冠军都是杨洋……喜欢读书、观展、听音乐的他,在工作中一直有一个习惯,就是全天站着画图(大家不要以为他是学习海明威,只是单纯因为长年沉迷设计导致的肩膀和脖子痛)。至于他和杨洋之间的关系,大家一起在本期的访谈中寻找答案吧! Q1:从入职到现在,你自己最满意的是哪个项目的设计? 我的建筑设计,尤其是来到易盖房以后,更多是注重于用户的实际

  • 软银计划继续持有芯片设计公司 ARM 的股份

    据日经新闻 8 月 1 日消息,软银计划继续持有芯片设计公司 ARM 的股份。

  • HONORTALENTS让设计师创意定义荣耀新品

    7 月 6 日,连卡佛正式吹响“创意集结号2020”的号角。面向年轻人的科技潮牌荣耀携手连卡佛征集创意人士。“创意集结号”旨在征集时装、珠宝、鞋包配饰、生活方式、美容和健康生活的新兴品牌及相关领域的创意人才,迄今已来到第 9 届。荣耀HONORTALNTS鼓励新锐原创设计,连卡佛创意集结号扶持创意人才,两个项目的结合将发掘未来的创意新星,让科技与时尚结合。6 月 5 日至 7 月 5 日,荣耀联手著名连卡佛打造的HONORlifexLaneCraw

  • 如何让设计不再单调,字体超市上百款字体随心挑选

    目前可以免费使用的字体虽然有挺多种,但对于专业的视频制作者、淘宝店主、专业设计师来说,市面上的免费字体永远无法满足他们的创意设计要求。因此大家都在寻找各种可商用,造型又十分有特点的创新字体,让自己的内容创作增加更多特点,这里字体超市(font.cn)就帮助各位设计师提供了多样的选择。

  • 先临三维EinScan-SE,设计师的跨界创作神器

    在“2019年第二届增材制造全球创新应用大赛”上,来自北京的两位设计师叶天威和翁佳,凭着一组文昌君德化白瓷的创意衍生品,一举获得“消费品升级—文博文创”竞赛单元一等奖。叶天威和翁佳是北京中关村科技园“3D打印数字维创中心设计师俱乐部”的成员,他们主业是建筑艺术、环境艺术,偶尔也喜欢“捣鼓”一些有意思的文创产品。参加2019年增材制造全球创新应用大赛,是机缘巧合下的一次致敬文化的跨界创作。当时,福建博物院有计

  • 消息称华为准备4款Mate 40:包含保时捷设计版

    有微博网友给出消息称,华为正在准备的Mate 40中,也包含了保时捷设计版,如果是这样的话,那么新机大概率是要4个机型型号的。消息中提到,华为Mate 40系列中将包含至少4款机型,分别是Mate 4

  • 独特设计之选——评价ISSEY MIYAKE三宅一生新品手表

    随着审美追求的变化,在衣物之外的饰品开始越来越多元化,直到腕表的出现,一块小小的腕表既是功能性器械,又起到装饰作用,它可以是珠宝,也可以是彰显个性的挂件,就那样戴在人的手腕上,不显突兀的同时又极具存在感。手表所能表达的意义已经极大的发展,越来越呈现多元化的趋势,有点表现品味与个性思维的道具的意思了,如果现在的人出门手上没有一块手表,看起来都好像缺了点什么,它好像已经成为了我们互相了解的重要一环。 ?

  • Redmi新机更多信息曝光 直面屏设计主打游戏体验?

    日前,我们报道了Redmi新机的部分信息,该机搭载天玑处理器,屏占比超高,配备升降式镜头,边框控制效果出色。 7 月 5 日,微博博主@数码闲聊站 爆料称,Redmi这款新机的屏幕为直面屏,刷新率为120Hz,散热效果比较不错,大家可以期待它的游戏体验。

  • Redmi K40系列或4季度亮相:将延续升降真全面屏设计?

    随着火热的8月到来,手机圈一年中竞争最激烈的旗舰新机大厮杀也即将拉开帷幕,在各家的代表性旗舰中,红米即将推出的全新Redmi K40系列自然也是焦点之一。现在有最新消息,近日有数码博主晒出了该机屏幕的一些信息。根据微博知名数码博主@数码闲聊站 最新发布的消息透露,由于Redmi K系列的历代旗舰均采用了升降式真全面屏设计,由此他推测,全新的Redmi K40 Pro可能也会继续采用升降式真全面屏设计,这对于红米来说无?

  • 外媒:软银集团计划继续持有芯片设计公司ARM股份

    8月2日消息,据国外媒体报道,即使将ARM部分股份出售给半导体厂商英伟达或让ARM进行首次公开募股(IPO),软银集团仍将继续持有旗下芯片设计公司ARM的股份。软银是在2016年以320亿美元的价格收购ARM的,这笔交易是软银当时有史以来最大的一笔收购交易。今年7月中旬,外媒报道称,在苹果向ARM芯片转型的早期阶段,软银正在考虑出售ARM的部分或全部股份,或者让ARM进行首次公开募股。7月下旬的时候,知情人士称,英伟达?

  • 引领家电设计美学 初见烤箱掀起轻复古风潮

    近几年,时尚圈刮起了复古风,而这阵风,最终也刮向了小家电。当人们厌倦了千篇一律的批量制造,厌倦了各种产品更新换代的快节奏,复古式的产品就与当前的流行快时尚是一种有效的区隔,在家居使用中能够凸显独特个性和品味。随着90后逐渐成为消费主体,他们更强调家电产品的造型设计、文化内涵,更喜欢将复古风的家电作为装饰。现在,一些家电厂商纷纷推出复古式的科技产品。比如,美的推出了一款轻复古的烤箱,在小家电领域掀起了轻复古风潮?

  • 参与评论
文明上网理性发言,请遵守新闻评论服务协议
  • 热门标签

热文

  • 3 天
  • 7天