设计规范了Web端设计组件的反馈

发布时间:2022-03-17 点击:192
设计规范了web端设计组件的反馈
效率简单:熟悉组件的使用后,只需合理使用界面设计即可快速构建web端界面,无任何错误。 由于一套完整的组件规格,在互动设计和视觉设计过程中不需要每次重复工作。 统一用户体验:由于采用统一的组件规范,保证了视觉和互动设计的统一性,保证了整体用户体验。 提高设计的综合能力:减少组件的重复工作。 互动设计师/pm可以专注于讨论业务设计方法、设计思维、定义产品等综合能力。 从而促进商业创新。
根据组件的使用,可分为六类。 feedback反馈from表单basic基础data数据nigation导航
本文描述了feedback反馈类别;反馈是用户在系统对用户的响应后做出的操作。 这种响应因场景而异。
定义:用户有操作提示,通常2≤3s消失;通过通过通过通信提示告诉用户需要知道的信息。 让用户在使用过程中获得反馈和帮助。
例如,在没有上传主题封面的情况下,单击“创建主题”按钮以提示用户上传主题封面以创建主题。
当某个页面需要向用户显示警告信息时。 非浮动层的静态显示形式总是显示一些组件用户不会自动消失,可以单击“关闭”。
例如,在删除淘宝购物车后,alert警告说淘宝的例子属于alert。 用户可以单击取消此删除以恢复先前的破坏性操作。
有三种类型的信息分类:成功阶级失败阶级。 当然,如果图标操作不包括在图标操作中,则可以更具警觉性。
定义:用于提示用户当前操作或完成任务所需的其他附加信息。 对话框可以使用确定/取消的简单回答模式或定制的复杂模式,如表单填写。
用户在进行重要操作时需要进行二次确认.. 用于重要的反馈提示,让用户了解信息提示。 携带少量的表单填写,以减少页面的跳转。
windows系统的确定按钮通常位于左侧,而mac操作系统通常位于右侧。 由于这个原因,我们通常看到的确定有时在左边,有时在右边。
微博和微信官方账户后台的对话框架在左边,淘宝网的对话框架在右边。 微信官方账户的对话框是一个小的浮动窗口,以避免面具的出现,而对话框则出现在操作按钮附近,用户的干扰也是最弱的。
显示对话框有三种常见的使用场景。 其中,表单对话框提示类轻量级表的样式是基于二次确认类对话框样式的变化而不同的。
浏览器本身的浏览器与此之间的不同之处在于,浏览器本身的鼠标移动到通常的2s。 它常用于折叠和键入文本提示。 例如,一本简单的书和这篇文章的触摸鼠标出现了与浏览器完全不同的切割模式。