界面设计的基本技巧

原创 2005年03月16日 17:20:00

最好的程序界面就是用户无需去阅读*作手册就知道该如何使用的界面。 

原则 

1.一致性 
   如果你可以在一个列表的项目上双击后能够弹出对话框,那么应该在任何列表中双击都能弹出对话框。要有统一的字体写号、统一的色调、统一的提示用词、窗口在统一的位置、按钮也在窗口的相同的位置。 

2.设置标准并遵循它 
   可以参数一些工业标准,如IBM的界面设计规范或MS的设计规则,它提供了90%你所需要的规范。 

3.设置向导 
   如果用户使用了一个功能后,不知道如何做下一个,他们就会放弃。如果*作流程和手工工作流程一致,用户就会努力去完成它。最好的方式来引导用户就是在桌面上设置一个流程向导。 

4.提示信息必须恰当且规范 
   提示信息必须容易理解并且口径统一,比如“您输入了错误的数据”、“用户编码不能超过8位”。一致的措词,提示信息还应该出现在一致的位置,如弹出提示窗口、窗口的上方或窗口的下方。对用户的称呼应该统一,比如有时提示“用户输入了错误的数据”,有时提示“您输入了错误的数据”,有时又提示“纳税人输入了错误的数据”,这样会使用户无所适从。 

5.借鉴好的程序 
   多了解同类软件的界面,并加以分析与了解,直到能够区别好的用户界面与差的用户界面。但不能够机械的模仿别人的界面。 

6.功能的统一 
   有一些很常用的功能,如添加、修改、删除、查看,同一个软件中,这些功能应该有相同的*作方法。举个例子,几乎我们所有的程序中都有*作员管理这一块功能,但没有一个功能最完善统一的模块可供调用,结果虽然程序员间相互复制这个模块,但经过修改后,每个程序的*作管理都不相同。 

7.变灰的功能 
   有时有些功能不可用,最好不要删除这些按钮若项目,而是使他们变灰为不可用状态,这样有助于用户理解整个程序的功能。 

8.默认按钮 
   使用不具有破坏功能的默认按钮,在每个窗口中,为了方便用户,一般都定义了一个默认按钮,当用户敲回车键时可以快速执行某功能,但有时用户会不小心按错回车键,这时候执行了默认功能后,不能产生不可还原的*作,比如删除或保存。 

用户界面规范 

    最好的程序界面就是用户无需去阅读*作手册就知道该如何使用的界面。 

原则 

1.一致性 
   如果你可以在一个列表的项目上双击后能够弹出对话框,那么应该在任何列表中双击都能弹出对话框。要有统一的字体写号、统一的色调、统一的提示用词、窗口在统一的位置、按钮也在窗口的相同的位置。 

2.设置标准并遵循它 
    可以参数一些工业标准,如IBM的界面设计规范或MS的设计规则,它提供了90%你所需要的规范。 

3.设置向导 
   如果用户使用了一个功能后,不知道如何做下一个,他们就会放弃。如果*作流程和手工工作流程一致,用户就会努力去完成它。最好的方式来引导用户就是在桌面上设置一个流程向导。 

4.提示信息必须恰当且规范 
   提示信息必须容易理解并且口径统一,比如“您输入了错误的数据”、“用户编码不能超过8位”。一致的措词,提示信息还应该出现在一致的位置,如弹出提示窗口、窗口的上方或窗口的下方。对用户的称呼应该统一,比如有时提示“用户输入了错误的数据”,有时提示“您输入了错误的数据”,有时又提示“纳税人输入了错误的数据”,这样会使用户无所适从。 

5.借鉴好的程序 
   多了解同类软件的界面,并加以分析与了解,直到能够区别好的用户界面与差的用户界面。但不能够机械的模仿别人的界面。 

6.功能的统一 
   有一些很常用的功能,如添加、修改、删除、查看,同一个软件中,这些功能应该有相同的*作方法。举个例子,几乎我们所有的程序中都有*作员管理这一块功能,但没有一个功能最完善统一的模块可供调用,结果虽然程序员间相互复制这个模块,但经过修改后,每个程序的*作管理都不相同。 

7.变灰的功能 
   有时有些功能不可用,最好不要删除这些按钮若项目,而是使他们变灰为不可用状态,这样有助于用户理解整个程序的功能。 

8.默认按钮 
   使用不具有破坏功能的默认按钮,在每个窗口中,为了方便用户,一般都定义了一个默认按钮,当用户敲回车键时可以快速执行某功能,但有时用户会不小心按错回车键,这时候执行了默认功能后,不能产生不可还原的*作,比如删除或保存。

界面设计的基本技巧

最好的程序界面就是用户无需去阅读*作手册就知道该如何使用的界面。  原则 1.一致性    如果你可以在一个列表的项目上双击后能够弹出对话框,那么应该在任何列表中双击都能弹出对话框。要有统一的字体写号...
  • wangchinaking
  • wangchinaking
  • 2005年03月16日 17:20
  • 2356

好的用户界面-界面设计的一些技巧

原文:link 以下是截取的部分内容: 用户是懒惰的,希望你做好所有的事情 尽量不要给用户弹窗,使用不影响主界面的提示是一个很好的选择 移动互联网的时代,下拉框是最不合适的选项呈现方式 让用...
  • u013816144
  • u013816144
  • 2016年07月25日 23:03
  • 293

软件界面设计技巧

软件界面设计技巧最好的程序界面就是用户无需阅读操作手册就知道该如何使用的界面。  原则:  1.  一致性  如果你可以在一个列表的项目上双击后能够弹出对话框,那么应该在任何列表中双击都能弹出对话框。...
  • wuhuiran
  • wuhuiran
  • 2007年05月31日 10:28
  • 816

[好文章要分享]WPF界面设计技巧(1)—不规则窗体图文指南

博主栏目:http://www.cnblogs.com/SkyD/tag/WPF/ 原文地址:http://www.cnblogs.com/SkyD/archive/2008/07/13/124204...
  • CrackLibby
  • CrackLibby
  • 2014年03月14日 16:33
  • 1743

用户界面设计的技巧与技术

  • 2009年12月19日 17:22
  • 40KB
  • 下载

好的用户界面-界面设计的一些技巧

如此有用的文章我已记不得是什么时候发现的了,但在看完的那一刻便想将之翻译,分享给大家自己也受用。 时间过了很久,来到了2014年,终于静下心来花了大把时间连同图片一起译成了中文。像我这样业余的翻...
  • u010665691
  • u010665691
  • 2014年11月01日 08:18
  • 769

Qt界面设计常用技巧总结

1. 子窗体或控件,重写paintEvent事件,画边框、背景、文字、图片效果比较好,因为窗口在创建的时候会自动调用paintEvent事件,所以可以在paintEvent事件中初始化一些自定义效果。...
  • andylauren
  • andylauren
  • 2016年08月14日 13:31
  • 4352

OCUI界面设计:基础控件(二)

开关控件 UISwitchUISlider一般使用在功能的开启或关闭、是与否的选择等方面。其展示效果如下:初始化- (instancetype)initWithFrame:(CGRect)frame;...
  • Hierarch_Lee
  • Hierarch_Lee
  • 2015年08月07日 17:21
  • 3099

界面设计技巧

作者:ChinaUI 来源:ChinaUI 发布时间:2006-07-20 15:13 ...
  • luckisok
  • luckisok
  • 2007年03月01日 23:01
  • 586

H5页面的设计有哪些小技巧?

随着HTML5技术的成熟,H5页面越来越受大家欢迎,各种H5页面层出不穷,那如何才能让自己的H5页面在众多页面中脱颖而出呢?几个H5页面的设计技巧分享给大家,希望对大家有所帮助。   1.故事化 H5...
  • lidiya007
  • lidiya007
  • 2016年09月27日 17:44
  • 1198
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:界面设计的基本技巧
举报原因:
原因补充:

(最多只允许输入30个字)