代码之家  ›  专栏  ›  技术社区  ›  David Koelle

开发人员易于理解的UI提示[已关闭]

  •  20
  • David Koelle  · 技术社区  · 16 年前

    虽然开发人员有很多UI资源(例如,Joel Spolsky的 User Interface Design for Programmers ),我感兴趣的是更多的一个项目清单,可以在1到2页内交流。

    我对战术感兴趣, 日常用户界面提示

    19 回复  |  直到 15 年前
        1
  •  32
  •   Bryan Oakley    7 年前
    • 使用标准菜单栏(出于某种原因,业余GUI设计师似乎喜欢在这里绘制自己的路线图)。确保第一项是文件、编辑和查看,最后一项是帮助
    • 不要担心颜色主题或皮肤;坚持与您的平台一致的标准外观
    • 使用默认的系统字体
    • 坚持使用久经考验的布局,顶部是菜单栏,底部是状态栏,如果需要,左侧是导航窗格
    • 永远不要进行系统范围的抓取
    • 使用多组单选按钮“选择一个”。始终确保默认情况下选择了其中一个。如果您希望用户不能选择任何选项,请为“无选择”添加另一个单选按钮
    • 使用“选择零或更多”的复选按钮组
    • 必要时限制输入(即:简单地忽略数字输入字段中的非数字),而不是等待用户输入数据、提交,然后弹出一个对话框说“嘿,字母是不允许的!”。如果他们不被允许,首先不要接受他们。
    • 对你所接受的信息要开明。看在上帝的份上,如果SSN字段省略了连字符,或者在您不需要的时候添加了连字符,请不要对其进行匹配。计算机是智能的,让它计算出XXXXXXXX和xxx xx xxxx和xxx xx xxxx都是有效的社会保险号码。
    • 在诸如序列号之类的长字段中始终允许空格。如果允许用户以三个或四个为一组对数字进行分组,则数据质量将大大提高。如果数据模型无法处理这些空间,则可以在保存数据之前删除它们。
    • 避免像瘟疫一样弹出对话框。除非绝对必要,否则不要展示。如果您决定必须这样做,请停止并重新思考您的设计,然后再继续。有时它们是必要的,但这些时间比你想象的要少得多。
    • 注意键盘遍历。大多数工具包都会尝试将其正确,但总是要进行双重检查。用户应该能够使用tab键以逻辑方式遍历小部件。

    当然,所有这些规则都可能被打破。但只有当你有正当理由打破它时才打破它。

    他们 想要,而不是让他们做什么 信息技术

        2
  •  11
  •   Alister Bulman    16 年前

    当您准备执行一个将更改或删除信息的操作时,不要问“您确定吗”-用户将学会单击按钮作为操作的一部分。尝试在系统设计中允许“撤消”。

        3
  •  8
  •   PotatoEngineer    16 年前

    做出大多数用户都会满意的默认选择。

        4
  •  7
  •   Jeffrey Harrington    16 年前

    无论用户身在何处,始终为他们提供一条“出路” 使用后退按钮。

    最好的例子是:

        5
  •  6
  •   Dillie-O    16 年前

    尽量使用工具提示。令人惊讶的是,这些小家伙能够为最终用户添加大量的帮助,而且他们对应用程序本身并不引人注目。

        6
  •  5
  •   BoltBait    16 年前

    在设计UI时,尽可能使其简单,但不要简单。

        7
  •  4
  •   Steven A. Lowe    16 年前
    1. 询问用户,不要只是虚构
    2. usability
        8
  •  4
  •   Corey Trager    16 年前
        9
  •  4
  •   utku_karatas    16 年前

    必须使用正确的制表位。

        10
  •  3
  •   Larsenal    16 年前

    不要以牺牲基本的清晰度和可用性为代价来增加“可发现性”。

        11
  •  3
  •   Kent Fredric    16 年前

    找出用户最常做的事情,然后使之成为最容易做的事情。

    例如:我对微波炉设计有一个长期的个人抱怨。

    许多人要求你在使用微波炉之前设置一个你从未使用过的时钟,而每次它断电时,它都会忘记 需要在那些难以使用的按钮垫上按10次键才能完成。

    一个简单的可用性测试会发现微波炉上最常见的烹饪时间是标准的“分钟”及其倍数。因此,理想的微波炉应该能够在3次或更少的动作中,在高功率下烹调产品1分钟。


    伟大微波设计的两个例子

    温度刻度盘是模拟的,与以前的设置保持一致,滑动范围不同。

    时间刻度盘是数字的,但模拟的,顺时针转动刻度盘会增加时钟时间(通过刻度盘下的照明顺序显示)。逆时针转动刻度盘可减少时钟时间。烹饪减少了时钟时间。

    标准操作: 打开门、装载、转动时间刻度盘、关闭门(或者,可以选择先关闭门,并在时钟上显示>1s后立即开始烹饪)

    2.6个部件,门、表盘、电源按钮、启动按钮、清除按钮、数字时间显示器

    没有选择时间的开始按钮在高功率下开始烹饪1分钟。

    烹饪时的开始按钮可增加1分钟的时间。

    时间拨号在会话之间持续存在。转动刻度盘会将刻度盘位置上存储的时间复制到数字计时器。

    在开始烹饪前按“电源”将

    烹饪时按下电源会降低功率水平。

    标准操作: 1分钟高=按下启动按钮。

    1分钟中高=按下启动,按下电源。

    2分钟高=按两次开始。

    <随时>高=转动拨号盘直到满意为止,按开始。

    <随时>on<anypower>转动拨号键直到满意,按电源直到满意,按开始。

    <以前选择的时间>高=按下电源,按下启动

    <以前选择的时间+1分钟>在高=按下电源时,按两次启动。

    正如您在这里看到的,添加少量额外的按钮,可以增加很大程度的表现力和功能设计。

    任何以数字键盘作为时间规格的设计,都会不符合我对良好设计的标准。

    它指出,对于一些人来说,这些设计可能具有更高的学习曲线,但一旦学会,肌肉记忆就会使其成为本能。与更(明显?)但过于复杂的设计相反,即使是有学问的用户也会反复花费大量的时间来执行繁琐的任意操作,只是为了达到共同的目标。

        12
  •  2
  •   Wilka    16 年前

    做一些 hallway usability testing

    即使是一个非常快速的“嘿!试试这个”可用性测试(如果你可以这么说的话),和你旁边的人一起测试也会有很大的不同。最重要的是让别人而不是你自己尝试一下你刚刚构建的UI。

    令人惊讶的是,有多少次其他人在使用你的新UI时陷入困境,而且只需几分钟(通常)就能找到最大的问题。

        13
  •  0
  •   Uri    16 年前

    如果使用编辑器中的弹出窗口,请确保将插入点或状态返回到弹出窗口之前的状态。太多的程序只会让你“悬而未决”,不得不找到回去的路。

        14
  •  0
  •   Kent Fredric    16 年前

    与任意的“确定”和“取消”按钮不同,这些按钮在给定的上下文中可能会模棱两可,用户会盲目点击其中一个按钮,而这些按钮应该包含对它们所做操作的简要说明。

    [Ok, Please Cancel my subscription ], [ Please do not cancel my subscription ] 
    

    Cancel my subscription?
    [ OK  ] [ Cancel ] 
    

    (此类故障通常出现在日常WTF上)

        15
  •  0
  •   user26506    16 年前
    1. 尽量减少点击次数
    2. 在国家/地区列表的下拉列表中。。。首先列出居住国…(你们中有多少人因为美国被列在底部而感到沮丧,而不得不向下滚动?)
    3. 一般下拉列表可根据用户选择进行排序
    4. 注意标记文字:电子邮件地址(标题为电子邮件…相信我…我已将其视为电子邮件地址:)
    5. $12.15==>$12.15 $10.9==>$10.90 9.进度/状态栏
    6. 好友标签,用于指示用户单击“确定/保存”按钮之前的错误字段(例如:对于电子邮件地址,如果没有“@”,则无需等待用户单击“确定”,然后告诉他们无效的电子邮件地址)
    7. 避免重复输入。。。(例如:登录屏幕中的记住我选项)
    8. 全局应用程序选项,允许用户从上一个实例中停止的位置继续)
    9. 输入的默认值。

    各位…请随便用有效的理由来解释上面的任何一点!!!

        16
  •  0
  •   Paul Nathan    16 年前

    这是我对概念性问题的术语,“你的奶奶除了使用电子邮件和查看www.cutecats.com外,从未使用过电脑,她能使用它吗?(假设她拥有使用该特定应用程序的真实知识)”。

    一切共同点都应该是显而易见的;任何东西都不应该是有副作用的黑匣子魔法。不常见的东西应该以用户以前使用过的通用格式进行访问。

    清除标签,清除指向帮助文件的路径,清除具有清晰效果的操作。

    如果奶奶不能使用你的绘画程序,你需要真正考虑你的用户界面。

        17
  •  0
  •   NigelTufnel    16 年前

    这种类型的设计称为感应式用户界面。这是一个 document 微软在2001年发布的关于这个主题的文章。文本可能有点过时,但原则一般都很好。唯一需要注意的是,这样的设计有一个平衡点。如果你过于简单化,用户将不得不到处浏览以完成简单的任务,而在可理解性方面的收益将因生产率低下而丧失。

        18
  •  0
  •   Alex    15 年前

    日常生活中的一些简单提示 user interface web design

    • -不要让用户有太多的选择。相反,使用迎合设计让用户走上他们将从中受益的道路。 -定义关键用户组及其行程 -将迭代设计作为UI的一部分进行实践,以确保ROI
        19
  •  0
  •   Zamboni    14 年前

    1. 标准-遵循已知的标准/模式,重用您所尊重的所有产品的想法
    2. 简单-使您的解决方案简单且易于更改(如果需要)
    3. 优雅-少用多用
    推荐文章