网站建设设为首页收藏本站

二亩地专业建站/网站制作建设公司

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索
热搜: 活动 交友 discuz
查看: 2847|回复: 0
打印 上一主题 下一主题

线框在网站设计中的应用 [复制链接]

跳转到指定楼层
楼主
孟思 发表于 2017-2-5 10:00:43 |只看该作者 |倒序浏览
  网站设计中我得到大量的线框 - 不只是我设计自己的网站,其他的设计者在设计网站,以及产品经理和业务分析员都会遇见。
  首先这是伟大的,因为它是一项令人心动的工作。工作是一件好事,但我要在这篇文章中讨论的元素,往往错过了很多线框,他们成为有用的,因为他们可以从给你一些设计的帮助。
  1。显示带阴影的视觉优先
  用户在此页面上呢?他们的重点应该在哪里呢?什么是我们希望他们下一步采取的关键行动?线框上面的例子,不显示任何。
  如果你一直跟随一个用户中心的设计过程,那么你将有什么业务需要用户做此页面上,以及用户自己想做的事是什么收集信息。与此线框风格的问题是,它不是通过设计团队沟通这一切伟大的洞察力。石家庄网站建设
  2。使用真实数据
  这是非常重要的,真实的数据来填充线框。通过真实的数据,我的意思是一切从网页标题导航标签,表单标签,图标,甚至例如副本。凡是可以由用户以某种方式解释。
  这emables您设计最坏的情况下。你要确保精美奠定了线框你仍然要工作,一旦网站被复制和图像填充。
  更重要的是,使用真实的数据是用户测试过程中的参与者创造一个可信的用户旅程势在必行。没有它,在测试的参与者有使用他们的想象力,自己来填充它。问某人到帧的心态预订度假或买车,如果他们提出的是,而不是实际的产品描述IPSUM LOREM很难。
  真实的数据,也可让您更洞察力,当用户测试。铭记心中的线框例如在文章的开始,如果你是考虑到用户的测试,没有副本或图标或标签,你可以问的问题,用户将被限制。
  要求领先的问题,如“你能看到这家酒店的主要特点是什么?” 是有问题的。问你有突出的参与者,主要功能是显示在页面上某处,然后他们知道寻找他们。它也限制了参与者的反应可以给你的深度。“是的,我看到他们那里是不会帮助你获得很大的启示。
  相反,这个线框测试与实际副本和图标,使你要问更广泛和开放的问题,例如,如何你觉得这家酒店?这开辟了为参与者提供更深入的答案,如“酒店看起来不错的机会,但他们已经有了一个家庭游泳池,我讨厌孩子所有的地方运行的酒店” 。
  3。确保一切都增加了
  当你把所有在你的线框那个可爱的真实数据,你需要确保你创建一个一致通过网页的旅程。如果你一篮子页面线框有两个产品,在每只50英镑,总被误作为107.99英镑显示,用户会发现,它会抛出他们的任务。
  像这样的错误很容易错过当你已上线工作一段时间,所以它总是值得让别人通过他们去为你。
  4。考虑和描述图像
  图片是用户的体验非常重要的元素。他们是在人们的搜索产品和服务时,他们决定是否值得进一步调查的决定的基本因素。他们对人们如何看待你的网站和您的企业的质量也有很大的影响。然而,当我们线框我们唯一用来表示这些信息非常重要的作品是一个灰色框,通过它的十字架。
  我不是说我们应该每次要在网站上使用的图像。我们应该做的是试图将用于图像类型通信的见解。如果执行基准测试之前,线框,保证您了解你网站上的测试中使用的图像的东西。
  例如,我曾在一个重新设计的衬衫零售商,之前发生的任何线框现有的网站用户测试。一旦脱颖而出的关键事情是该产品拍摄迷惑用户。为了使衬衫好看,他们身着领带和袖扣。这导致一些混乱,作为是否领带和袖扣衬衫。当它来到我包括到线框草图的衬衫不打领带或袖扣为了通过客户端的洞察力,并确保避免在未来的任何产品拍摄的问题。
  描述图像没有显示草图是指令性的。简单解释的影像类型的用户将看到在页面上是不够的。例如设计酒店网站时,图像的用户希望看到酒店详情页上吗?房间吗?厕所吗?窗外的看法?这是所有的洞察力,你会在研究学习过程中,所以它的价值,包括这个在您的电线。
  5。使用颜色时要小心
  线框的颜色通常是保留给注解。然而,它可以用来标记你想客户专注于,或显示不同的页面状态,如错误消息的具体领域。然而,所有的颜色,应免去您线之前,他们将测试去吸引用户的关注和倾斜的结果,以避免颜色的元素。
  6。确保互动元素有相应的启示
  互动元素,需要看它们是如何工作的;按钮例如,寻找点击。这使您能够了解行动电话是否足够明确在测试过程中,以及哪些元素需要启示的设计师和开发。石家庄网站建设
  7。工作中的实际像素
  这不是个大问题,如果你在HTML线框。但如果你正在创建扁线,以像素为单位工作的带走了很多猜测,为您和设计师。这是显而易见的,但我看到它发生了很多。我没有用工作当我们选择线框工具的PowerPoint是在像素,但到设计时,这引起的问题。线框实际像素的最终设计,使您能够准确的大小和页面上的元素。
  8。包括更改日志
  由于您的线框通过多次迭代,正变得越来越小的变化。从完整的页面,重组未成年人副本的变化。当你对这些小的调整,很难审查文件,通知所有已经作出的改变的人。在甲板上开始简单的更改日志,有助于让每个人都需要检讨与变化,以日期。在更改日志中的每个条目应包括文件的版本号,谁做的变化和页面引用的所有更改。
  9。避免黑线
  它很容易为线框看看他们所有的线,框和子弹的混乱。这总是更糟的过度沉重的黑色分歧。尽量避免线共组项目,而不是使用阴影框,如果你需要使用线薄灰色虚线的 - 你的线框将看起来不凌乱。
  10。不要只是和他们挥手再见
  这一点很重要,不只是抛出你的线框以上的客户和他们告别波墙。预留一些时间来支持实现你的想法,因为他们的设计和开发团队。与世界上最好的意愿,承诺以线框的事情,你可能不总是被理解,或付诸实践时,可能无法正常工作。是很重要的一方面是,以澄清任何问题,并帮助用户研究为基础的解决方案。

分享到: QQ空间QQ空间 腾讯微博腾讯微博 腾讯朋友腾讯朋友
收藏收藏0

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册


扫描添加微信

Archiver|手机版|二亩地专业建站/网站制作建设公司 ( 冀ICP备13016078号-2 )  网站地图 冀公网安备 13010402001120号

GMT+8, 2024-5-5 04:49 , Processed in 0.015971 second(s), 19 queries .

回顶部