`
senton
  • 浏览: 206574 次
  • 性别: Icon_minigender_1
  • 来自: 紫禁城
社区版块
存档分类
最新评论

UI设计流程

    博客分类:
  • Web
UI 
阅读更多

UI设计流程

确认目标用户
在软件设计过程中,需求设计角色会确定软件的目标用户,获取最终用户和直接用户的需求。
用户交互要考虑到目标用户的不同引起的交互设计重点的不同。
例如:对于科学用户和对于电脑入门用户的设计重点就不同。

采集目标用户的习惯交互方式
不同类型的目标用户有不同的交互习惯。这种习惯的交互方式往往来源于其原有的针对现实的交互流程、已有软件工具的交互流程。
当然还要在此基础上通过调研分析找到用户希望达到的交互效果,并且以流程确认下来。

提示和引导用户
软件是用户的工具。因此应该由用户来操作和控制软件。软件响应用户的动作和设定的规则。
对于用户交互的结果和反馈,提示用户结果和反馈信息,引导用户进行用户需要的下一步操作。

一致性原则

设计目标一致
软件中往往存在多个组成部分(组件、元素)。不同组成部分之间的交互设计目标需要一致。
例如:如果以电脑操作初级用户作为目标用户,以简化界面逻辑为设计目标,那么该目标需要贯彻软件(软件包)整体,而不是局部。

元素外观一致
交互元素的外观往往影响用户的交互效果。同一个(类)软件采用一致风格的外观,对于保持用户焦点,改进交互效果有很大帮助。遗憾的是如何确认元素外观一致没有特别统一的衡量方法。因此需要对目标用户进行调查取得反馈。

交互行为一致
在交互模型中,不同类型的元素用户触发其对应的行为事件后,其交互行为需要一致。
例如:所有需要用户确认操作的对话框都至少包含确认和放弃两个按钮。
对于交互行为一致性原则比较极端的理念是相同类型的交互元素所引起的行为事件相同。但是我们可以看到这个理念虽然在大部分情况下正确,但是的确有相反的例子证明不按照这个理念设计,会更加简化用户操作流程。

可用性原则

可理解
软件要为用户使用,用户必须可以理解软件各元素对应的功能。
如果不能为用户理解,那么需要提供一种非破坏性的途径,使得用户可以通过对该元素的操作,理解其对应的功能。
例如:删除操作元素。用户可以点击删除操作按钮,提示用户如何删除操作或者是否确认删除操作,用户可以更加详细的理解该元素对应的功能,同时可以取消该操作。

可达到
用户是交互的中心,交互元素对应用户需要的功能。因此交互元素必须可以被用户控制。
用户可以用诸如键盘、鼠标之类的交互设备通过移动和触发已有的交互元素达到其它在此之前不可见或者不可交互的交互元素。
要注意的是交互的次数会影响可达到的效果。当一个功能被深深隐藏(一般来说超过4层)那么用户达到该元素的几率就大大降低了。
可达到的效果也同界面设计有关。过于复杂的界面会影响可达到的效果。(参考简单导向原则)

可控制
软件的交互流程,用户可以控制。
功能的执行流程,用户可以控制。
如果确实无法提供控制,则用能为目标用户理解的方式提示用户

分享到:
评论

相关推荐

    微信UI设计流程包含哪些内容呢? 一起成为高手.docx

    ### 微信UI设计流程详解 #### 一、微信简介 微信是一款专为智能手机设计的免费即时通讯软件,它能够支持跨通信运营商、跨操作系统进行快速的免费语音通话、视频通话、图片和文字消息发送等功能。此外,微信还提供...

    UI设计流程与规范.pptx

    ### UI设计流程与规范知识点详解 #### 一、UI设计流程概述 UI设计流程是指从概念到实现过程中的一系列步骤,旨在确保最终产品的用户界面既美观又实用。本章节主要介绍了一个典型的设计流程,包括需求分析、原型...

    软件产品UI设计流程说明书.pdf

    软件产品UI设计流程说明书.pdf 本文档旨在详细介绍软件产品UI设计流程的各个阶段,旨在帮助设计师和开发者更好地理解和执行软件产品的UI设计工作。下面是本文档的详细知识点总结: 文档介绍 文档的目的是为了提供...

    微信小程序UI界面设计流程.pdf

    以上四个步骤构成了基础的小程序UI设计流程。设计师需要综合考虑这些因素,确保信息的传递效率和用户的使用体验。通过不断迭代和优化,设计出既美观又实用的微信小程序界面,以满足用户的需求并提升产品的价值。

    微信UI设计流程包含哪些内容呢? 一起成为高手.pdf

    微信UI设计流程是构建高效、美观且用户友好的微信应用界面的关键步骤。在这个过程中,设计师需要深入理解用户需求,确保产品的交互性和视觉效果能够提升用户体验。以下是对微信UI设计流程的详细阐述: 首先,UI设计...

    ui设计作业.zip

    2. 原型设计:原型设计是UI设计流程中的关键步骤,用于快速呈现产品的基本功能和交互流程。在这个燕窝项目中,原型可能包含了多个屏幕,如登录/注册页面、产品展示页、购物车、个人中心等,展示了用户如何浏览、选择...

    软件UI设计之道

    软件UI设计流程包括需求分析、综合设计、验证、测试、验收发布、培训反馈等关键阶段。其中,需求分析是基础,确保设计符合用户需求;综合设计阶段融合了布局、视觉、交互等多方面考虑;验证和测试则确保设计的实用性...

    UI设计(流程/界面)规范

    基于这三部分的UI设计流程是从一个产品立项开始,UI设计师就应根据流程规范,参与需求阶段、分析设计阶段、调研验证阶段、方案改进阶段、用户验证反馈阶段等环节,履行相应的岗位职责。UI设计师应全面负责产品以用户...

    UI设计工作流程.pdf

    在技术开发阶段,UI 设计师需要配合程序开发人员进行切图、标注,把控开发质量。同时,UI 设计师需要随时和技术人员进行沟通,尽可能的让开发人员按照设计稿来完成开发。 bug 测试阶段 在 bug 测试阶段,整个项目...

    ui设计毕业设计论文题目.pdf

    5. 交互设计流程中的视觉因素:视觉设计与交互设计的结合,使得用户在操作过程中感受到美感和流畅性。 6. jQueryMobile技术:用于构建响应式移动网站,UI设计师需要掌握这种技术,以实现跨平台的一致性。 7. 传统...

    UI设计师面试考试题(带答案).docx

    UI 设计师就是做程序开发的人,这是不正确的说法。 15. 以下说法不正确的是? 我们要学习的 GUI 是 Good User Interface 的简称,即良好的用户界面,这是不正确的说法。 16. 下列电子商务产品说法不正确的是? B2B...

    UI设计合同样本.doc

    【UI设计合同样本】是IT行业中涉及到软件开发与设计服务的重要法律文件,主要用于规范UI设计过程中的各项权益和责任。合同中详细列出了服务内容、费用、交付流程、双方权利与义务,以及保密条款等内容。 1. **定义*...

    ps UI设计 电商小程序设计图

    综上所述,这个主题涵盖了电商小程序的UI设计流程,Photoshop的运用技巧,以及个人设计项目的组织和管理。通过分析这些文件,我们可以深入学习和探讨UI设计的方法和原则,同时也能欣赏到个人设计师的独特创意和技艺...

    UI设计界面规范.doc

    因此,制定一个科学的 UI 设计流程和规范对提高产品质量和用户满意度起着至关重要的作用。 一、UI 设计基本概念与流程 UI 设计是一个科学的推导公式,包括交互设计、用户研究和界面设计三个部分。UI 设计师在产品...

    UI设计需求单(模板).docx

    4. **设计交付类型**:根据项目的性质,UI设计可能涵盖多种平台,如Web后台、小程序、安卓APP或门户网站。每个平台都有其特定的设计规范和用户习惯,设计师需要了解这些差异,以便创建适应各平台的设计。 5. **需求...

    C++程序设计、UI设计、Java程序设计、面向对象程序设计.zip

    C++程序设计、UI设计、Java程序设计、面向对象程序设计.zipC++程序设计、UI设计、Java程序设计、面向对象程序设计.zipC++程序设计、UI设计、Java程序设计、面向对象程序设计.zipC++程序设计、UI设计、Java程序设计、...

    UI设计体验课

    UI设计是构建软件、应用程序及网站等交互式产品的关键环节,它关注的是如何通过视觉元素和交互流程来提供直观、易用且美观的用户体验。 在本课程中,你将学习到UI设计的基本概念,包括色彩理论、布局设计、图标设计...

    Axure RP UI设计(TIS_UI_2.0)

    通过这些文件,我们可以深入研究设计决策,学习如何运用Axure RP实现复杂交互,以及如何制定和执行一套有效的UI设计流程。 总之,"Axure RP UI设计(TIS_UI_2.0)"项目展示了在信息技术领域,特别是在企业级应用中...

Global site tag (gtag.js) - Google Analytics