关于构建Web应用程序的页面:
最近,我发现自己创建的网页比以前更简单.之前,我会尝试将尽可能多的功能集中到一个页面中,以防止有大量页面.
我开始意识到这只会使事情变得更加复杂,复杂和令人困惑.为什么没有更多页面?我认为我这样做的原因是因为我不希望用户必须浏览其他页面; 只是为了在一个页面上拥有所需的所有功能.
好吧,这些良好的意图变成了一个过于混乱的用户界面和非常难以管理的源代码.我是一名新开发人员,我正在努力反思我正在做的事情,以便我能够改进.如果它有所作为,我正在开发ASP.net(尽管这些可能是任何平台的考虑因素).
我的问题是:
我是否在思考这些事情?
还有其他人发现自己这样做了吗?
幸福的媒介在哪里?
Mark Brittin.. 5
没有专家可以随时为您提供适用于所有地方的规则.多年来,我在业界一直以"简单"的界面而闻名,我们已经赢得了大量的业务(以及5个"同类最佳"奖项).我在公司内部也有人,而且在外面它告诉我 - 多年来 - 他们喜欢我的工作,但希望我能用更多的图形等"爵士乐".让我感到惊讶的是两人之间的联系很少.
所以...一些经验法则:
一个页面应该做一个主要的事情.
页面可能有多个与主要内容相关的链接
菜单和链接布局应在页面之间保持一致
更简单比复杂更好
页面应该具有视觉吸引力和吸引力
第4条比第5条更重要.
例如,我的产品提供了一个界面,让人们可以定义要在日历中显示的类和事件.我可以有一个页面,让您查看,添加,更新,删除和编辑类.实际上,在一些较简单的领域,我使用gridview让人们管理网格中的所有内容.但是,类有太多信息要做到这一点,仍然遵循上面的规则.
所以,
的主要思想是:"在这里是类此位置列表"
链接是上面和网格右侧显示的"添加新",更改和删除是每行中的链接.这在应用程序中是一致的.
整个系统的菜单总是在右侧/顶部.除了所有页面共有的标准元素(徽标,页眉,页脚)之外,类/事件页面上不会出现任何其他内容.
网格风格很好,但没有虚假的图形(4,5,6)
关于UI和图形设计的一些最后的事情.
首先,开发自己的愿景,并在页面和应用程序之间保持一致.
其次,不要害怕简单.
接下来,当征求别人的建议时请记住,你不想要他们的建议 - 你想要他们的印象:你想要了解他们对界面的看法.建议有时是好的,但往往是有害的.根据我的经验,每个人都认为他们是UI专家.
当你做你的走廊(或正式)使用性测试,你应该打折几乎所有的意见,大意是"你应该做的是更加突出." 正如你所看到的,它将迅速变成" 那个 "," 那个"," 另一个".如果你遵循这个建议,由于布里廷汉姆的第一个设计规则,你最终会陷入混乱:如果一切都重要而不是什么.(你去了:在解释为什么你不能让某人脱颖而出时,告诉他们"这违反了英国布兰丁汉姆的第一个设计规则!")
希望这可以帮助!
没有专家可以随时为您提供适用于所有地方的规则.多年来,我在业界一直以"简单"的界面而闻名,我们已经赢得了大量的业务(以及5个"同类最佳"奖项).我在公司内部也有人,而且在外面它告诉我 - 多年来 - 他们喜欢我的工作,但希望我能用更多的图形等"爵士乐".让我感到惊讶的是两人之间的联系很少.
所以...一些经验法则:
一个页面应该做一个主要的事情.
页面可能有多个与主要内容相关的链接
菜单和链接布局应在页面之间保持一致
更简单比复杂更好
页面应该具有视觉吸引力和吸引力
第4条比第5条更重要.
例如,我的产品提供了一个界面,让人们可以定义要在日历中显示的类和事件.我可以有一个页面,让您查看,添加,更新,删除和编辑类.实际上,在一些较简单的领域,我使用gridview让人们管理网格中的所有内容.但是,类有太多信息要做到这一点,仍然遵循上面的规则.
所以,
的主要思想是:"在这里是类此位置列表"
链接是上面和网格右侧显示的"添加新",更改和删除是每行中的链接.这在应用程序中是一致的.
整个系统的菜单总是在右侧/顶部.除了所有页面共有的标准元素(徽标,页眉,页脚)之外,类/事件页面上不会出现任何其他内容.
网格风格很好,但没有虚假的图形(4,5,6)
关于UI和图形设计的一些最后的事情.
首先,开发自己的愿景,并在页面和应用程序之间保持一致.
其次,不要害怕简单.
接下来,当征求别人的建议时请记住,你不想要他们的建议 - 你想要他们的印象:你想要了解他们对界面的看法.建议有时是好的,但往往是有害的.根据我的经验,每个人都认为他们是UI专家.
当你做你的走廊(或正式)使用性测试,你应该打折几乎所有的意见,大意是"你应该做的是更加突出." 正如你所看到的,它将迅速变成" 那个 "," 那个"," 另一个".如果你遵循这个建议,由于布里廷汉姆的第一个设计规则,你最终会陷入混乱:如果一切都重要而不是什么.(你去了:在解释为什么你不能让某人脱颖而出时,告诉他们"这违反了英国布兰丁汉姆的第一个设计规则!")
希望这可以帮助!