建站资讯

线框在网站制作中的应用

作者:admin 发布时间:2020-07-31
网站制作中我得到大量的线框 - 不只是我设计自己的网站,其他的设计师在网站设计,以及产品运营和业务分析员都会遇见。

首先这是伟大的,因为它是一项令人心动的工作。工作是一件好事,但我要在本文中讨论的元素,往往错过很多线框,他们成为有用的,因为他们可以从给你一些设计的帮助。

1。显示带阴影的视觉优先

用户在此页面上呢?他们的重点应该在哪儿呢?什么叫我们希望他们下一步采取的关键行动?线框上面的例子,无法显示任何。

假如你一直跟随一个个人中心的设计过程,那么你将有哪些业务需要用户做此页面上,以及用户自己想做的事是啥收集信息。与此线框风格的问题是,它不是通过设计部门沟通这一切伟大的洞察力。

2。使用真实数据

这是非常重要的,真实的数据来填充线框。通过真实的数据,我的意思是一切从网页标题导航标签,表单标签,图标,甚至例如副本。凡是可以由用户以某种方式解释。

这emables您设计最坏的情况下。你要确保精美奠定了线框你仍然要工作,一旦网站被复制和图像填充。石家庄市企业网站建设

更重要的是,使用真实的数据是用户测试过程当中的参加者创造一个可信的用户旅程刻不容缓。没有它,在测试的参加者有使用他们的想像力,自己来填充它。问某人到帧的心态预订度假或买车,如果他们提出的是,而不是实际的商品描述IPSUM LOREM很难。

真实的数据,也可让您更洞察力,当用户测试。铭记心中的线框例如在文章的开始,假如你是充分考虑用户的测试,没有副本或图标或标签,你能问的问题,用户将被限制。

要求领先的问题,如 你能看到这家酒店的主要特点是啥? 是不太好的。问你有突出的参加者,主要功能是显示在页面上某处,然后他们知道寻找他们。它也限制了参加者的反应可以给你的深度。 是的,我看到他们那里是不会帮助你获得很大的启示。

相反,这个线框测试与实际副本和图标,使你要问更广泛和开放的问题,例如,如何你觉得这家酒店?这开辟了为参加者提供更深入的答案,如 酒店看上去不错的机会,但他们已经有了一个家庭游泳馆,我讨厌孩子所有的地方运行的酒店 。

3。确保一切都增加了

当你把所有在你的线框那个可爱的真实数据,你需要确保你创建一个一致通过网页的旅程。假如你一篮子页面线框有两个产品,在每只50英镑,总被误作为107.99英镑显示,用户会发现,它会抛出他们的任务。

像这样的错误非常容易错过当你已上线工作一一段时间,所以它总是值得让别人通过他们去为你。

4。考虑和描述图像

图片是用户的体验非常重要的元素。他们是在人们的搜索产品和服务时,他们决定是否值得进一步调查的决定的基本因素。他们对人们怎样看待你的网站和您的企业的质量也有很大的影响。然而,在我们线框我们唯一用来表示这些信息非常重要的作品是一个灰色框,通过它的十字架。

不是我说我们应该每次要在网站上使用的图像。我们应该做的是试图将用于图像类型通信的见解。如果执行基准测试之前,线框,保证您了解你网站上的测试中使用的图像的东西。

例如,我曾在一个重新设计的衬衫零售商,之前发生的任何线框现有的网站用户测试。一旦出类拔萃的关键事情是该产品摄影迷惑用户。为了使衬衫好看,他们身着领带和袖扣。这导致一些混乱,作为是否领带和袖扣衬衫。当它来到我包括到线框草图的衬衫不打领带或袖扣为了通过手机客户端的洞察力,并确保避免在未来的任何产品摄影的问题。

描述图像没有显示草图是指令性的。简单解释的影像类型的用户将看到在页面上是不够的。例如设计酒店网站时,图像的用户希望看到酒店宝贝详情上吗?房间吗?厕所吗?窗外的看法?这是所有的洞察力,你会在研究学习过程当中,所以它的价值,包括这个在您的电线。

5。使用颜色时要小心

线框的颜色通常是保留给注解。然而,它可以用来标记你想客户致力于,或显示不同的页面状态,如错误消息的具体领域。然而,所有的颜色,应免去您线之前,他们将测试去吸引用户的关注和倾斜的结果,以免颜色的元素。

6。确保互动元素有相应的启示

互动元素,需要看它们是如何工作的;按钮例如,寻找点击。这使您能够了解行动电话是否足够明确在测试过程当中,以及哪些元素需要启示的室内设计师和开发。

7。工作上的实际像素

这不是个问题,假如你在HTML线框。但假如你正在创建扁线,以像素为单位工作的带走了很多猜测,为您和室内设计师。这是不言而喻的,但我看到它发生了很多。也没有用工作在我们选择线框工具的PowerPoint是在像素,但到设计时,这引起的问题。线框实际像素的最终设计,使您能够准确的大小和页面上的元素。

8。包括更改日志

由于您的线框通过多次迭代,正变得愈来愈小的变化。从完整的页面,重组未满十八岁人副本的变化。当你对这些小的调整,很难审查文件,通知所有已经作出的改变的人。在甲板上开始简单的更改日志,有利于让每一个人都需要检讨与变化,以日期。在更改日志中的每个条目应包括文件的版本信息,谁做的变化和页面引用的所有更改。石家庄市企业网站建设

9。避免黑线

它非常容易为线框看看他们所有的线,框和子弹的混乱。这总是更糟的过度沉重的黑色分歧。尽量减少线共组项目,而不是使用阴影框,假如你需要使用线薄灰色虚线的 - 你的线框将看上去不凌乱。

10。不要只是和他们挥手再见

这一点很重要,不只是抛出你的线框以上的客户和他们告别波墙。预留一些时间来支持实现你的想法,因为他们的设计和开发团队。与全世界最好的意愿,承诺以线框的事情,你可能不总是被理解,或付诸行动时,可能无法正常工作。是很重要的一方面是,以澄清任何问题,并帮助用户行为分析为基础的解决方法。


收缩