124
我们经常谈论整理壁橱或存储等实物的感觉。 但是,我们也可以 讲有关清理设计 了。 清理可以帮助提高网站的可用性和用户体验。
这里有四个小贴士整理你的设计。
追溯到1997年, 尼尔森诺曼集团进行了一项研究,了解用户在网上阅读 。 我相信你知道他们不读。 相反,大多数人扫描页面。 然而,有大量的网站充斥着不必要的单词。 不幸的是,复制混乱或间接是常见的。 你可以清理的内容的网站通过删除的单词在屏幕上。
删除不必要的单词。 缩短run-on-sentences和删除多余的句子。 每段总有一个想法。 这是一个很好的形式的写作和最好的读者扫描。 最后,尤其如此长篇的内容, 使用倒金字塔结构 。 从结论开始变长,添加更多的细节内容。
这是我最喜欢的一个应用程序, 天 。 这是一个应用倒计时的日子,直到一个事件。 应用程序的登录页面已经很少复制每一节。 上面的截图从单一的着陆页。 注意超级短的副本。 它看起来不错,读起来更好。
Aiia 是一个防水扬声器和着陆页是奇妙的。 尽管滚动古怪,我爱上了页面的清洁。 有限的副本是一个奇妙的方法的主要思想在用户没有迷失在大量的单词。
在线HTML电子邮件模板编辑器
与 明信片 你可以在线创建和编辑电子邮件模板没有任何编程技能! 包括100多个组件来帮助您创建自定义邮件模板的比以往任何时候都要快。 现在试一试 免费!
了解更多其他产品
成都公司网站设计当涉及到视觉效果,有时我们想加入一个额外的元素只是为了让事情相当。 我们都希望设计看起来不错。 虽然那些意图是好的,执行会变得太多了。 这就是为什么我非常支持删除任何不需要的装饰品。 装饰的伟大之处是,他们不要伤害用户体验,如果你删除它们。
成都公司网站设计想比较两个网站。 VConcept(上图) 出生 (下图)。 VConcept页面上的内容较少但更难以消化。 所有的装饰VConcept页面得到的方式。 有一个三角模式背景和一个移动的背景。 副本有三个不同的风格——纯文本复制、下划线和黄金强调文本。 更不用说的标志是段落。 只是太多了。
另一方面是出生的职业页面。 是的,它有更多的文本,但因为没有装饰分散工作。 想象一下,如果这些工作岗位是盒装的单像素边界。 扫描的信息将更加困难。
巩固和重用重复性元素。 例如,当有很多颜色、字体和风格变化就会混乱。 重用设计元素保持一致; 一致性是一个干净的设计。 有法则,如“不使用两个或三个以上字体”这个特定的原因。 颜色和元素,也是一样。 如果你有一个通迅捕捉在页面的底部,确保它在所有页面看起来是一样的。 不一致可能会导致一些严重的混乱。
让我们讨论的颜色选择 商业仓库 。 他们是一个云产品为企业客户解释了无耻的网页设计。 主页,产品页面和之间的联系页面,他们使用太多的各种颜色的彩虹。 在主页上,颜色是主要。 他们甚至为每个页面看起来意味着什么。 但是,一旦你点击你意识到他们实际上并不意味着什么,因为颜色变化取决于你在哪个页面。 例如,当你去到页面的颜色是柔和的。 然而,当你去联系页面,他们是活跃的和强大的。 保持颜色一致的提高设计的质量。
Prismic 使用过多的颜色,特别在博客上。 它们颜色代码的博客文章。 这可能是一个危险的游戏,但整体配色方案是凝聚力。 更好的是,在《华盛顿邮报》的截图,颜色变成单色。 文章使用其他色调的蓝色让事情变得熟悉。 如果在这个页面上,一切都是不同的颜色,这将是一个视觉的噩梦。 我想指出,蓝色的英雄是相同的标志和CTA按钮。 一致性使事情看起来更干净。
我一直喜欢 孤独星球 。 当前的设计风格是很棒的因为他们重用相同的设计元素。 每个城市的页面使用相同的模板,使熟悉的东西。 孤独星球有很多内容,所以使用一个模板对读者很容易。
我有整理的最后一点建议是理解给定页面的目的或目标。 最好是如果你帧目标从用户的角度。 一个例子,一个用户目标是注册一个免费试用,了解特定的配方或注册一个简报。 如果你设计一个新页面或网站,仔细检查我们的目标是什么,并确保没有什么妨碍。
总是有一个明确的目标去追求。 这将帮助你消除分心的事情。 例如,如果您希望用户下载示例一本书的一章,不推动另一本书的一章。 展示这个下载按钮。 重复几次CTA如果是长页面。 ,消除一切不能帮助用户下载样例。
让我们看一看手机旅游应用程序的登录页面 注册 。 明显的用户可以下载应用。有一些不同的方法。 用户可以输入一个电话号码文字链接或单击应用程序商店按钮。 当然,用户也可以点击其他链接。 页面的主要焦点不妨碍别的东西。
Speedlip 是一种不含酒精的精神。 我爱上了网站的视觉风格。 我喜欢太多的主页不把用户的方向。 整个页面只有四个商品交易顾问基金。 其中两个是去买一瓶,剩下的更多信息进一步说服用户购买Speedlip。 可以有多个CTA只要他们不互相竞争。
成都公司网站设计在这篇文章中,我描述了四种整理你的网站设计方法。 通过这样做,我希望这将提高你的网站的用户体验和可用性。 设计并不难清理,可以极大提高用户如何与您的网站互动。 毕竟,可用性和用户体验,携手并进,一个网站是如何影响
最新文章
2020.02.06
成都高端网站开发:完美的动物迷彩摄影
2020.02.06
成都高端网站制作:作为自由作家在家工作的现实
2020.02.06
成都高端网站设计:40多个徽标设计灵感
2020.02.05
成都网站设计:60多个新颖的创意设计
2020.02.05
成都公司网站开发:用户的十大Joomla 3.0模板
2020.02.05
成都企业网站开发:成为专家校对
2020.02.05
成都手机网站开发:节省时间的免费的Photoshop操作
2020.02.05
成都高端网站制作:徽标的重要性
2020.02.05
成都高端网站建设:20个WordPress插件介绍
2020.02.05
成都高端网站建设:如何采访设计师并与之合作
随机推荐
2020.02.05
成都手机网站建设:使用电子商务达到顶峰
2020.02.05
成都高端网站建设:20个WordPress插件介绍
2020.02.05
成都企业网站设计:Web设计如何成为移动网站的替代方案
2019.10.12
成都公司网站开发:选择正确的内容,你的博客
2020.02.05
成都企业网站设计:从MightyDeals赢得您选择的一笔交易!
2020.02.05
成都高端网站建设:如何采访设计师并与之合作
2020.02.06
成都高端网站开发:完美的动物迷彩摄影
2019.08.23
成都企业网站开发:什么是会话界面,为什么很重要
2020.02.05
成都手机网站开发:节省时间的免费的Photoshop操作
2020.02.05
成都企业网站开发:成为专家校对