从尼尔森十大可用性原则角度解析B端设计( 三 )


从尼尔森十大可用性原则角度解析B端设计
文章图片
从尼尔森十大可用性原则角度解析B端设计
文章图片

(2)颜色一致性:产品所使用的主要色调应该是统一的 , 而不是换一个页面颜色就不同
logo颜色与界面的主色都需要统一 , 还有强调色、辅助色的使用 , 整个界面应除了图片的有效信息外 , 都通过灰、白、主色调来呈现 , 界面保持了很好的一致性 , 这就是色彩一致性原则 。
(3)操作一致性:能让产品更新换代时仍然让用户保持对原产品的认知 , 减小用户的学习成本
返回入口位置统一 , 二次确认弹窗取消按钮在左 , 确认按钮在右等 。
(4)反馈一致性:用户在操作按钮或者条目的时候 , 点击的反馈效果应该是一致的
①用户产生操作之后 , 成功、警告或错误的反馈使用message提示明确告知用户需要了解的信息;此类提示顶部居中显示并在2~3S自动消失 。
从尼尔森十大可用性原则角度解析B端设计
文章图片
②当某个页面需要向用户显示警告的信息时 , 反馈使用alert提示 , 此类提示不会主动消失 。
从尼尔森十大可用性原则角度解析B端设计
文章图片
③用户在进行一般重要操作时 , 提示用户操作或是完成某个任务时需要的一些其他额外信息 , 反馈使用Dialog对话框 , 需用户执行取消/确定按钮的简单应答模式 。
从尼尔森十大可用性原则角度解析B端设计
文章图片
④当需要使用复杂的通知内容或需要引导性显示内容时 , 由系统主动推送的全局提醒式通知 , 反馈使用Notification通知提醒框 , 一般悬浮在网页右上角 , 一般需要用户点击关闭按钮 。
从尼尔森十大可用性原则角度解析B端设计
文章图片