`

UI设计的五大原则

阅读更多

关于UI设计规范,互联网上有各种各样的说法,归根结底,离不开以下五大原则,它们能让你的软件操作更加舒适简单,体现产品定位和特点。

一、一致性原则

坚持以用户体验为中心设计原则,界面直观、简洁,操作方便快捷,用户接触软件后对界面上对应的功能一目了然、不需要太多培训就可以方便使用本应用系统。

字体

-保持字体及颜色一致,避免一套主题出现多个字体;

-不可修改的字段,统一用灰色文字显示。

对齐

-保持页面内元素对齐方式的一致,如无特殊情况应避免同一页面出现多种数据对齐方式。

表单录入

-在包含必须与选填的页面中,必须在必填项旁边给出醒目标识(*);

-各类型数据输入需限制文本类型,并做格式校验如电话号码输入只允许输入数字、邮箱地址需要包含“@”等,在用户输入有误时给出明确提示。

鼠标手势

-可点击的按钮、链接需要切换鼠标手势至手型;

保持功能及内容描述一致

-避免同一功能描述使用多个词汇,如编辑和修改,新增和增加,删除和清除混用等。建议在项目开发阶段建立一个产品词典,包括产品中常用术语及描述,设计或开发人员严格按照产品词典中的术语词汇来展示文字信息。

二、准确性原则

使用一致的标记、标准缩写和颜色,显示信息的含义应该非常明确,用户不必再参考其它信息源。

显示有意义的出错信息,而不是单纯的程序错误代码。

避免使用文本输入框来放置不可编辑的文字内容,不要将文本输入框当成标签使用。

使用缩进和文本来辅助理解。

使用用户语言词汇,而不是单纯的专业计算机术语。

高效地使用显示器的显示空间,但要避免空间过于拥挤。

保持语言的一致性,如“确定”对应“取消”,“是”对应“否”。

三、布局合理化原则

在进行UI设计时需要充分考虑布局的合理化问题,遵循用户从上而下,自左向右浏览、操作习惯,避免常用业务功能按键排列过于分散,以造成用户鼠标移动距离过长的弊端。多做“减法”运算,将不常用的功能区块隐藏,以保持界面的简洁,使用户专注于主要业务操作流程,有利于提高软件的易用性及可用性。

菜单

-保持菜单简洁性及分类的准确性,避免菜单深度超过3层。

-菜单中功能是需要打开一个新页面来完成的,需要在菜单名字后面加上“…”。【只适用于C/S架构,B/S请无视】。

按钮

确认操作按钮放置左边,取消或关闭按钮放置于右边。

功能

-未完成功能必须隐藏处理,不要置于页面内容中,以免引起误会。

排版

-所有文字内容排版避免贴边显示(页面边缘),尽量保持10-20像素的间距并在垂直方向上居中对齐;各控件元素间也保持至少10像素以上的间距,并确保控件元素不紧贴于页面边沿。

表格数据列表

-字符型数据保持左对齐,数值型右对齐(方便阅读对比),并根据字段要求,统一显示小数位位数。

滚动条

-页面布局设计时应避免出现横向滚动条。

页面导航(面包屑导航)

-在页面显眼位置应该出现面包屑导航栏,让用户知道当前所在页面的位置,并明确导航结构,如:首页>新闻中心>欧科智能招商服务平台正式发布,其中带下划线部分为可点击链接。

信息提示窗口

-信息提示窗口应位于当前页面的居中位置,并适当弱化背景层以减少信息干扰,让用户把注意力集中在当前的信息提示窗口。一般做法是在信息提示窗口的背面加一个半透明颜色填充的遮罩层。

四、系统操作合理性原则

尽量确保用户在不使用鼠标(只使用键盘)的情况下也可以流畅地完成一些常用的业务操作,各控件间可以通过Tab键进行切换,并将可编辑的文本全选处理。

查询检索类页面,在查询条件输入框内按回车应该自动触发查询操作。

在进行一些不可逆或者删除操作时应该有信息提示用户,并让用户确认是否继续操作,必要时应该把操作造成的后果也告诉用户。

信息提示窗口的“确认”及“取消”按钮需要分别映射键盘按键“Enter”和“ESC”。

避免使用鼠标双击动作,不仅会增加用户操作难度,还可能会引过用户误会,认为功能点击无效。

表单录入页面,需要把输入焦点定位到第一个输入项。用户通过Tab键可以在输入框或操作按钮间切换,并注意Tab的操作应该遵循从左向右、从上而下的顺序。

五、系统响应时间原则

系统响应时间应该适中,响应时间过长,用户就会感到不安和沮丧,而响应时间过快也会影响到用户的操作节奏,并可能导致错误。因此在系统响应时间上坚持如下原则:

2-5秒窗口显示处理信息提示,避免用户误认为没响应而重复操作;

5秒以上显示处理窗口,或显示进度条;

一个长时间的处理完成时应给予完成警告信息。

转载地址:http://www.devstore.cn/essay/essayInfo/520.html

0
0
分享到:
评论

相关推荐

    安卓UI设计范例

    #### 五、五大UI设计模式 文档中提到了五种主要的安卓UI设计模式,分别是: 1. **仪表盘(Dashboard)** 2. **操作栏(ActionBar)** 3. **搜索栏(SearchBar)** 4. **快速操作(QuickActions)** 5. **辅助小部件...

    Office 2007 UI 设计指南

    《Office 2007 UI设计指南》是微软公司于2006年发布的一份重要文档,旨在为开发者和设计师提供关于如何有效利用Office 2007用户界面(UI)元素进行软件设计和开发的指导原则。这份文档不仅包含了对Office 2007 UI...

    自学UI设计的有效步骤

    ### 自学UI设计的有效步骤 随着信息技术的飞速发展,用户界面(User Interface,简称UI)设计成为了一个越来越重要的领域。对于那些希望进入这一领域的学习者来说,掌握正确的自学方法至关重要。本文将从理解UI设计...

    苹果UI设计规范

    这份文档不仅涵盖了macOS系统的UI设计原则,还包括了iOS界面的设计准则,旨在帮助开发者和设计师创建出与苹果品牌形象一致且用户体验优秀的应用程序。 #### 二、设计理念 苹果的设计理念强调简洁、直观和一致性。...

    Android UI设计工具

    本文将深入探讨Android平台上的UI设计工具及其使用方法,帮助开发者和设计师们创造出美观、易用的界面。 一、Android Studio内置设计工具 1. Layout Editor:Android Studio自带的布局编辑器是设计Android UI的...

    《谷歌Android UI设计技巧》共五部分

    这一部分主要讲解了Android UI设计的基本原则和避免的常见错误。开发者应该遵循平台一致性,确保应用在视觉和交互上符合Android用户的期望。例如,遵循Material Design规范,使用标准的控件和布局,以及提供清晰的...

    UI设计师作品展示模板

    在UI设计领域,作品展示是设计师向外界呈现其专业技能和创新思维的重要方式。"UI设计师作品展示模板"就是这样一个工具,它专为设计师量身定制,帮助他们以优雅、直观的方式展示自己的设计作品集。这个模板包含了五个...

    精妙绝伦的ui设计

    在这个精妙绝伦的ui设计主题中,我们将深入探讨UI设计的重要原则、设计流程、工具使用以及如何创造出令人愉悦且高效的用户体验。 一、UI设计基础概念 UI设计主要关注的是应用程序或网站的视觉呈现和交互方式,其...

    iOS_UI设计指南

    ### iOS UI设计指南知识点概述 #### 一、引言与理念 - **平台与交互设计原则**:优秀的iOS应用程序应当遵循iOS的人机交互指南,确保应用程序不仅美观而且实用。 - **简洁定义**:一个伟大的应用从清晰的目标和定义...

    Android开发的UI设计最佳实践

    本主题将深入探讨Android开发的UI设计最佳实践,旨在帮助开发者创建出美观、易用且高效的用户界面。 一、理解Material Design Material Design是Google推出的一种设计语言,它是Android应用设计的基础。其核心原则...

    iPad应用程序UI设计的五大要素[参照].pdf

    总结来说,iPad应用程序UI设计的五大要素包括:创新但不失易用性的自定义界面、尽量减少的指示说明、适应屏幕方向变化的布局、处理动态内容的策略以及深入了解用户需求。通过这些原则,开发者和设计师能够创造出既...

    AndroidUI4.1设计原则

    ### Android UI 4.1 设计原则解析 #### 一、引言 Android UI 4.1设计原则是针对Android 4.1 Jelly Bean版本的操作系统制定的一套全面的设计指导方针。这一版本的设计原则旨在帮助开发者创建既美观又实用的应用程序...

    android ui设计指导

    在Android UI设计中,用户体验的五个层次是: 1. 价值主张:这是用户体验的基础,定义了产品的目标和用户的需求。 2. 结构:涉及应用程序的组织和布局,它是用户体验设计的骨架。 3. 行为:指用户与应用交互的方式...

    让人印象深刻的7种移动端UI设计风格

    移动端UI设计风格是用户体验设计中的重要环节,随着智能手机和平板设备的普及,设计风格不断演进,以迎合用户的审美和操作习惯。本文中提到的七种设计风格,不仅为APP设计领域带来了新的灵感,也为移动产品设计师...

    UI设计入门及简单介绍到精通

    #### 五、UI设计的原则 优秀的UI设计需要遵循一系列基本原则,以确保用户获得良好的使用体验: 1. **简易性**:界面应该简洁明了,易于理解和使用。 2. **用户语言**:使用用户熟悉的语言,避免使用过于专业或...

    Android代码-安卓ui设计

    在Android开发中,UI设计是至关重要的,因为它直接影响到应用程序的用户体验。Android Studio作为Google官方推荐的集成开发环境(IDE),提供了丰富的工具和技术来帮助开发者创建美观且功能强大的用户界面。"MyUi...

    Windows Mobile UI 设计

    Windows Mobile UI设计是移动设备应用开发中的一个重要环节,它涉及到用户界面(User Interface)的设计原则、交互体验(Interaction Design)以及视觉设计(Visual Design),旨在为用户提供高效、直观且易于使用的操作...

    androidUI设计

    - 介绍了五种关键的UI设计模式: - **Dashboard**:作为应用的快速入门,展示功能、类别或账户的全屏视图,突出显示新内容。 - **ActionBar**:位于屏幕顶部,用于支持导航和常用操作,取代了传统的标题栏。 - *...

    Android_UI设计指导

    ### Android UI设计指导 #### 一、引言 随着移动互联网的发展,用户界面(UI)设计已成为应用程序成功的关键因素之一。良好的UI设计不仅能够提升用户体验,还能直接影响应用的市场表现。Google在其官方开发者博客中...

Global site tag (gtag.js) - Google Analytics