Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/user-interface/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
User interface 最佳做法及;图形用户界面设计原则_User Interface_Principles - Fatal编程技术网

User interface 最佳做法及;图形用户界面设计原则

User interface 最佳做法及;图形用户界面设计原则,user-interface,principles,User Interface,Principles,您最实用的用户友好界面设计或原则是什么 请提交那些你发现确实有用的实践——不管怎样——如果它对你的用户有用,请分享它 摘要/整理 原则 接吻 明确和具体说明一个选项将实现什么:例如,使用动词来表示一个选项后面的动作(参见:Impl.1) 使用与用户需要/想要实现的目标相适应的明显默认操作 使UI的外观和行为符合环境/流程/受众:独立应用程序、网页、便携、科学分析、flash游戏、专业人员/儿童 减少新用户的学习曲线 而不是禁用或隐藏选项,考虑给出一个有用的消息,在那里用户可以有替代方案,但只有

您最实用的用户友好界面设计或原则是什么

请提交那些你发现确实有用的实践——不管怎样——如果它对你的用户有用,请分享它


摘要/整理

原则

  • 接吻
  • 明确和具体说明一个选项将实现什么:例如,使用动词来表示一个选项后面的动作(参见:Impl.1)
  • 使用与用户需要/想要实现的目标相适应的明显默认操作
  • 使UI的外观和行为符合环境/流程/受众:独立应用程序、网页、便携、科学分析、flash游戏、专业人员/儿童
  • 减少新用户的学习曲线
  • <>而不是禁用或隐藏选项,考虑给出一个有用的消息,在那里用户可以有替代方案,但只有那些替代品存在的地方。如果没有可用的替代方案,最好禁用该选项(视觉上表示该选项不可用),不要隐藏不可用的选项,而是在鼠标悬停的弹出窗口中解释禁用该选项的原因
  • 与广泛使用的成功应用程序一样,保持一致并遵守实践和控件的放置
  • 引导用户的期望,让您的程序按照这些期望运行
  • 坚持使用用户的词汇和知识,不要使用程序员/实现术语
  • 遵循基本设计原则:对比(明显)、重复(一致)、对齐(外观)和接近(分组)
  • 实施

  • (参见paiNie的回答)“在对话框中尝试使用动词。”
  • 允许/执行撤消和重做
  • 参考资料

  • Windows Vista用户体验指南[
  • 荷兰网站-“Drempelvrij”指南[
  • Web内容可访问性指南(WCAG 1.0)[
  • 一致性[
  • 别让我想[
  • 强大而简单[
  • 格式塔设计定律[
  • (从乔那里偷来的)


    不要禁用/删除选项-而是在用户单击/选择时给出一条有用的消息。

    我尝试适应环境

    在开发Windows应用程序时,我使用,但在开发web应用程序时,我使用适当的指导原则,因为我开发荷兰网站时,我使用的是基于万维网联盟(W3C)的


    我这样做的原因是为了减少新用户的学习曲线。

    我建议通过阅读这本书来对GUI设计有一个很好的了解。虽然主要的可打印内容是:当应用程序的行为与用户预期的不同时,您的图形用户界面有问题行政长官

    最好的例子是,当有人在某些网站上切换“确定”和“取消”按钮时。用户希望“确定”按钮位于左侧,而“取消”按钮位于右侧。因此,简而言之,当应用程序行为与用户预期的不同时,用户界面设计就会出现问题


    尽管如此,无论您采用何种设计或设计模式,最好的建议是在整个应用程序中保持设计和约定的一致性。

    正如我的数据结构教授今天指出的那样:向普通用户说明您的程序是如何工作的。我们程序员通常认为我们的程序非常符合逻辑,但是普通用户可能不知道该做什么。

    尝试在对话框中使用动词

    它意味着使用

    而不是


    如果你在为网络或任何面向前端的软件应用程序做任何事情,你真的应该阅读


    试着思考用户想要实现什么,而不是需求是什么

    用户将进入您的系统并使用它来实现目标。当您打开calc时,您需要在90%的时间内进行简单快速的计算,这就是为什么默认情况下将其设置为简单模式的原因


    因此,不要考虑应用程序必须做什么,而是考虑将要做它的用户,可能会感到无聊,并尝试根据他的意图进行设计,尝试让他的生活更轻松。

    日常事物的设计-唐纳德·诺曼

    这是设计知识的经典,也是世界各地大学许多人机交互课程的基础。你不会在五分钟内通过网络论坛上的几句评论设计出一个优秀的GUI,但一些原则会让你的思维正确

    --


    MC

    网络应用程序中的面包屑:
    告诉->用户->她->在系统中的位置


    这在“动态”系统中很难做到,因为同一数据有多条路径,但它通常有助于导航系统。

    避免让用户在任何可能的时候做出选择(即不要使用配置对话框创建fork!)

    对于每个选项和每个消息框,问问自己:我能不能想出一些合理的默认行为

    • 有道理吗
    • 不会妨碍用户的工作吗
    • 是否很容易了解到,我将此强加给用户对用户的成本很低
    我可以用我的掌上电脑作为一个例子:设置非常简单,我对此很满意。基本的应用程序设计得足够好,我可以简单地使用它们,而不需要进行调整。好吧,有些事情我做不到,事实上我不得不让自己适应这个工具(而不是相反),但最终这真的让我的生活更轻松了

    这个网站是另一个例子:你不能配置任何东西,但我发现它真的很好用

    合理的默认设置可能很难确定,而简单的可用性测试可以提供很多线索来帮助您实现这一点