做网站:,除了美化页面外,网页设计师越来越关注“用户体验”,即“不让用户思考”页面,这样网站就真的“可用。“我们结合6年或7年的工作经验,谈谈这方面的一些问题并与您分享!
,除了美化页面外,网页设计师越来越关注“用户体验”,即“不让用户思考”页面,这样网站就真的“可用。“我们结合6年或7年的工作经验,谈谈这方面的一些问题并与您分享!
首先,人们如何在网上冲浪
人们如何在网上冲浪?现实与想象之间可能存在很大差距,因为我们觉得“用户会盯着每一页,仔细阅读我们精心制作的文字,并了解我们的网页是如何组织的。”实际上,大多数时候用户都会查看页面。就像“路看到广告牌”一样,没有时间仔细阅读,当然,你不会仔细思考。因此,我们必须设计为“扫描”。
为了尽可能留住用户并吸引用户访问网络,我们必须考虑以下因素:
1,尽量遵守用户通常的设计,让人们接受他们需要的奇怪费用,除非我们认为这个价格是必要的。
2.页面上越重要的事情越重要,视觉水平就越清晰。
3,你可以点击的地方必须突出,让人们清楚地知道你可以点击。
4.将页面划分为明确定义的区域。
5,跳过冗余文本
二,关于导航设计。
导航显然是网站重要的部分。 “如果您无法在网站上找到路线,人们就不会使用您的网站。”如今,网页浏览成语基本形成,虽然它们将继续发展,但基本元素是生成的:网站LOGO,网站栏目,返回主页,搜索,实用程序或帮助。
网站的LOGO(通常位于页面的左上角)显示在页面的可视层次结构的顶部。有两种方法可以做到这一点:将其设置为此页面上明显的内容,或者让它覆盖页面的所有其他元素。当然,网站LOGO的设计也不错。毋庸置疑,对人的心理影响不好。
站点部分(也称为导航栏)位于站点层次结构的顶部。导航栏通常可以容纳辅助导航(如下拉菜单)。很多时候标签设计是一种很好的导航方式。
设计标签导航时要记住一些事项:
1.进入网站后,选择了一个标签;
2,正确绘制,活动标签必须位于其他标签之前;
3,颜色区分,可以使用每一列使用不同的标签颜色,并在页面的其他导航元素中使用此颜色,让它们无缝集成;
搜索功能,如果有一个提供搜索功能的网站,请记住一个简单的公式:输入框,按钮和单词“搜索”,不要太复杂。例如,将“搜索”更改为“搜索”,“快速搜索”,“快速搜索”,“关键字搜索”将允许用户进行思考。如果您必须为搜索框提供选项(限制搜索),请三思而后行,小心提供选项,提供合理的方式并确保这些选项有用,否则会损害用户的心理。值得注意的是,许多网站都位于辅助页面之下,导航将是碎片化的,可以免费播放。这个问题很常见,很难找到三级导航的好例子。实际上,用户在底层页面上花费的时间通常与在首页上花费的时间相同。除非我们从上到下开始导航设计,否则以后很难添加导航设计,并且难以保持一致性。这意味着在讨论主页的配色方案之前,重要的是要有一个DEMO设计,显示网站上所有潜在的导航级别。要做到这一点,设计师和相关规划人员必须紧密结合,设计师必须事先知道整个车站的一般描述和细节。
设计师经常忽略的一件事是记住为每个页面添加一个名称。每个角落似乎都有一个路牌,所以司机可以不假思索地知道他在哪里。页面名称必须出现在覆盖页面内容的位置,才能令人信服,并且在大多数情况下,它必须是页面上的文本。
总之,具有良好导航系统的网站可以一目了然地告诉用户:
这个网站是什么? (网站LOGO)
我的页面是什么? (页面名称)
这个站的主要栏目是什么? (导航列表)
我在这个级别有哪些选择? (页面导航)
我的导航系统在哪里? (页面上的“你在这里”指示)
我该如何搜索?
第三,在主页的设计中
我们必须承认的件事是主页不受我们控制。因为每个人都有一个观点,如果你想让每个人都开心,那么你甚至无法实现的主页设计。因此,在设计主页时,一些承诺是不可避免的。但有一件事不应该被遗忘的是,——传达了整体形象,也就是说,你可以一眼就能感受到电台的作用。越快越好越清越好。然后,当观众进入主页时,我们可以轻松地告诉您四个问题(几秒钟才能理解):
这个网站是什么?
网站上有什么?
你能在这做什么
你为什么在这里,而不是在别处?
那么如何传递这些信息呢?
1,口号,即靠近LOGO网站。精致,个性和生动的口号使人们能够立即关联网站的内容。但也有例外:如果公司的品牌已达到姓氏,您可以跳过口号。
2,欢迎来到公告,即网站的简要说明,它显示在主页的主要位置,可以看到无需滚动浏览屏幕。
3.我应该从哪里开始?进入新电台后,观众必须快速了解以下内容:
如果你想搜索,你可以从这里开始。
如果您想扫描,可以从这里开始。如果您想浏览本网站上精彩的内容,可以从这里开始。
在设计主页时,要注意一些问题:
主页的导航可能与下面的导航略有不同,但它必须是内容和视觉上一致的。
您不必使用下拉框,因为它是隐藏信息。
四,如何解决设计争论——可用性测试——,大多数公司都没做
讨论设计是性和痛苦的。要解决这个问题,很多时候,老板或老板都说不出话来:“老板说是这样的。”
事实上,您可以在网站上执行“可用性测试”,但没有更好的方法。讨论只会浪费团队的时间和精力,通过测试将讨论错误和无效的有效性,更容易促进辩论并打破僵局。测试将使我们能够看到用户的动机,理解和反思的差异,因此我们不会坚持用户的想法与我们的想法相同。
如果你想创建一个好的网站,一定要尝试,测试用户两次而不是测试,并在50个用户的一次测试之前测试用户。我们现在做的并不多,国内似乎没有注意到这一点。网络公司通常比接口体验测试更频繁地测试程序流程。
如何测试网站的可用性?
1.它可以在所有项目过程中进行测试,没有必要等待项目结束。在项目开始时,某人(项目的或设计者,或几个人的讨论,设计师的介绍)使用集体技能,经验,创造力和集体判断来创建一些版本(甚至是非常近似的版本)。 ),然后仔细观察人们的想法和用途。
2.每轮测试的理想用户数为三,多四个。前三个用户可以找到几乎所有明显的问题,重要的是,可以进行更多轮次的测试并按时纠正问题。这里解释的是,测试用户几乎是任何知道如何在线连接而不必满足网站目标群体的人。
3,测试设备,你只需要一个办公室会议室,两把椅子,一台电脑,一台摄像头(它可以用屏幕录制软件代替)。我们可以将摄像头信号传递到附近的办公室(甚至是一个小地方),这样开发团队的每个人都可以观察而不会干扰测试用户。
任何人都可以开始测试。任何人都可以观察测试。
如何处理测试问题?
1.对问题进行分类。检查您看到的问题并决定应该解决哪些问题。
测试期间可能出现的几个问题:
用户不知道该概念。他们查看网站和页面,或者他们不知道网站说的是什么,或者他们不正确地理解它。
他们找不到自己要的字眼。这就意味我们组织的内容和分类不符合用户的习惯,或者没有他们期望的名字出现。
内容太多有时,您要查找的内容位于顶部,但您无法找到它。这需要减少页面的干扰,使其需要的内容引人注目,并从可见的层次结构中突出显示它们。
2,解决问题。通过测试,从用户的角度看待您的工作,这种体验通常可以为问题提供新的解决方案,或者您可以让我们重新审视原始问题。团队无需就完美解决方案达成一致,只需确认下一步该做什么。
值得一提的是,一个成功的网站需要微妙的平衡,一个小的变化不会产生轻微的影响。有时,真正的挑战不是我们如何审查我们遇到的问题,而是不会破坏已经运行的部分的变化。特别是,当给定部分设置为时,降低其他内容的重要性并不重要。
简而言之,我们必须制作一个“好”的页面:
——允许用户在我们的网站上做我们的工作,限度地简化
——告诉用户他想知道什么
——小化步骤
——传递了一些想法
——知道用户有什么问题并回答他们
——帮助用户
——易于从错误中恢复