UI设计流程
确认目标用户
在软件设计过程中,需求设计角色会确定软件的目标用户,获取最终用户和直接用户的需求。
用户交互要考虑到目标用户的不同引起的交互设计重点的不同。
例如:对于科学用户和对于电脑入门用户的设计重点就不同。
采集目标用户的习惯交互方式
不同类型的目标用户有不同的交互习惯。这种习惯的交互方式往往来源于其原有的针对现实的交互流程、已有软件工具的交互流程。
当然还要在此基础上通过调研分析找到用户希望达到的交互效果,并且以流程确认下来。
提示和引导用户
软件是用户的工具。因此应该由用户来操作和控制软件。软件响应用户的动作和设定的规则。
对于用户交互的结果和反馈,提示用户结果和反馈信息,引导用户进行用户需要的下一步操作。
一致性原则
设计目标一致
软件中往往存在多个组成部分(组件、元素)。不同组成部分之间的交互设计目标需要一致。
例如:如果以电脑操作初级用户作为目标用户,以简化界面逻辑为设计目标,那么该目标需要贯彻软件(软件包)整体,而不是局部。
元素外观一致
交互元素的外观往往影响用户的交互效果。同一个(类)软件采用一致风格的外观,对于保持用户焦点,改进交互效果有很大帮助。遗憾的是如何确认元素外观一致没有特别统一的衡量方法。因此需要对目标用户进行调查取得反馈。
交互行为一致
在交互模型中,不同类型的元素用户触发其对应的行为事件后,其交互行为需要一致。
例如:所有需要用户确认操作的对话框都至少包含确认和放弃两个按钮。
对于交互行为一致性原则比较极端的理念是相同类型的交互元素所引起的行为事件相同。但是我们可以看到这个理念虽然在大部分情况下正确,但是的确有相反的例子证明不按照这个理念设计,会更加简化用户操作流程。
可用性原则
可理解
软件要为用户使用,用户必须可以理解软件各元素对应的功能。
如果不能为用户理解,那么需要提供一种非破坏性的途径,使得用户可以通过对该元素的操作,理解其对应的功能。
例如:删除操作元素。用户可以点击删除操作按钮,提示用户如何删除操作或者是否确认删除操作,用户可以更加详细的理解该元素对应的功能,同时可以取消该操作。
可达到
用户是交互的中心,交互元素对应用户需要的功能。因此交互元素必须可以被用户控制。
用户可以用诸如键盘、鼠标之类的交互设备通过移动和触发已有的交互元素达到其它在此之前不可见或者不可交互的交互元素。
要注意的是交互的次数会影响可达到的效果。当一个功能被深深隐藏(一般来说超过4层)那么用户达到该元素的几率就大大降低了。
可达到的效果也同界面设计有关。过于复杂的界面会影响可达到的效果。(参考简单导向原则)
可控制
软件的交互流程,用户可以控制。
功能的执行流程,用户可以控制。
如果确实无法提供控制,则用能为目标用户理解的方式提示用户
分享到:
相关推荐
微信UI设计流程包含哪些内容呢? 一起成为高手.docx微信UI设计流程包含哪些内容呢? 一起成为高手.docx微信UI设计流程包含哪些内容呢? 一起成为高手.docx微信UI设计流程包含哪些内容呢? 一起成为高手.docx微信UI...
UE-UI设计流程
微信UI设计流程包含哪些内容呢? 一起成为高手.pdf微信UI设计流程包含哪些内容呢? 一起成为高手.pdf微信UI设计流程包含哪些内容呢? 一起成为高手.pdf微信UI设计流程包含哪些内容呢? 一起成为高手.pdf微信UI设计...
基于这三部分的UI设计流程是从一个产品立项开始,UI设计师就应根据流程规范,参与需求阶段、分析设计阶段、调研验证阶段、方案改进阶段、用户验证反馈阶段等环节,履行相应的岗位职责。UI设计师应全面负责产品以用户...
软件产品UI设计流程说明书.pdf
基于这三部分的UI设计流程是从一个产品立项开始,UI设计师就应根据流程规范,参与需求阶段、分析设计阶段、调研验证阶段、方案改进阶段、用户验证反馈阶段等环节,履行相应的岗位职责。UI设计师应全面负责产品以用户...
超赞干货!让你全面了解一个专业完整的UI设计流程是怎样的
C++程序设计、UI设计、Java程序设计、面向对象程序设计.zipC++程序设计、UI设计、Java程序设计、面向对象程序设计.zipC++程序设计、UI设计、Java程序设计、面向对象程序设计.zipC++程序设计、UI设计、Java程序设计、...
微信小程序推荐demo:商城:UI设计完善,适用1122版本(源代码+截图)微信小程序推荐demo:商城:UI设计完善,适用1122版本(源代码+截图)微信小程序推荐demo:商城:UI设计完善,适用1122版本(源代码+截图)微信小程序...
小程序源码 小商城UI设计完善 (商城demo源码) (代码源)小程序源码 小商城UI设计完善 (商城demo源码) (代码源)小程序源码 小商城UI设计完善 (商城demo源码) (代码源)小程序源码 小商城UI设计完善 (商城demo源码) ...
UI设计工作流程.pdf
《Android应用程序开发教程(第2版)》教学课件02Android UI设计.pdf《Android应用程序开发教程(第2版)》教学课件02Android UI设计.pdf《Android应用程序开发教程(第2版)》教学课件02Android UI设计.pdf《Android应用...
。
UI设计的流程总体之10个阶段。 介绍各个阶段的职责。
微信小程序UI设计素材库(必备).zip
可视化小程序UI设计工具layout,里面有32位的和64位的,有需要的可以下载
java聊天程序UI界面 很好的用户体验性 模拟QQ
规范公司UI设计流程,使UI设计师参与到产品设计整个环节中来,对产品的易用性进行全流程负责,使UI设计的流程规范化,保证UI设计流程的可操作性。规范公司UI设计流程,使UI设计师参与到产品设计整个环节中来,对产品...
很多行业都涉及ui设计,比如游戏、广告、产品宣传等。而展现ui设计作品的就参加各类ui设计赛。它可以为ui设计者展示ui设计风格、ui设计规划等方面的机会。就让为家介绍ui设计赛。 ui设计赛的赛事规则介绍 UI设计比赛...
本设计为小程序UI设计,主题色调为蓝色,适合电动车、电动汽车充电桩