saas|网页设计布局中成功的三个基本元素

saas|网页设计布局中成功的三个基本元素

文章图片

saas|网页设计布局中成功的三个基本元素

文章图片

saas|网页设计布局中成功的三个基本元素

文章图片

saas|网页设计布局中成功的三个基本元素


出色的网页设计既方便用户又灵活 , 即使面对不断变化的趋势和技术也是如此 。
幸运的是 , 在现代网页设计世界中 , 网站布局不仅在艺术领域取得进步 , 而且在方法和逻辑上都加深了他们的利益 。
这使得一个伟大的网页设计布局的艺术和科学很容易复制 , 我们在这里解释这一切 。
易于识别的品牌快说三遍 。
好吧 , 我们知道那是一口 , 但它非常重要 。
在营销中听到“摩擦”这个词几乎就像在随机对话中听到“伏地魔”这个名字一样 。 它会让您脊背发凉 , 并立即让您怀疑您的网站是否正走向灾难 。
但是 , 有一种超级简单的方法可以避免网站设计中的摩擦 , 使您的品牌易于识别:显而易见 。
不 , 这不是技巧问题的技巧答案 。
尽管您的听众很聪明是显而易见的 , 但当我们让他们比必要的更努力思考时就会产生摩擦 。
因此 , 当您最初开始布置您的网站时 , 请确保您不要忽视基础知识——您的品牌标志、颜色和字体 。
一个可以使用徽标更新的品牌示例?伯克希尔·哈撒韦公司 。
尽管沃伦巴菲特的身价高达 1080 亿美元……加上“B”……但他的网站并未向用户介绍公司的任何信息 。 除了简单的徽标外 , 该网站甚至没有关于我们的页面来帮助用户了解他们正在查看的内容 。

现在 , 与该网站直接对立的是全球金融机构富国银行 。
他们不仅在折叠上方有 “关于富国银行”的链接 , 网站上的视觉效果和副本让网络访问者更容易理解这是一家旨在履行简化客户生活使命的金融机构.

清晰的导航第二点紧接第一点 , 你会明白为什么 。
就像上面提到的 , 网页布局和摩擦就像油和水——它们不会混合 。 因此 , 当出现测试用户耐心的选项时……好吧 , 不是……我们的专业意见会为后者投票 。
实现这一目标的最佳方法是确保您的网站布局为用户消除尽可能多的问号 。
或者 , 换句话说 , 是直观的 。
以谷歌的母公司 Alphabet 为例 。

像什么?
虽然网页设计在视觉上很吸引人 , 并且对空白的使用非常好 , 但我有很多问题 。
我不想更多地了解他们的投资者 , 我想知道他们到底在做什么以及他们为什么这样做 。
而这正是摩擦力 。
这些问题几乎肯定会让人感到沮丧 , 从而导致用户跳入竞争的怀抱 。
网络访问者期待即时满足 。 正如我对Alphabet 的回应所证明的那样 , 我和我们大多数人一样 。
现在 , 看看像Primitive这样的公司 。

尽管一家以服务为导向的公司(与产品相比)在向潜在客户表达他们的价值时可能会有些困难 , 但网络访问者需要知道你在做什么以及你如何几乎立即为他们提供价值当然不是不可能的 , 否则他们将永远不会留在您的网站上 。
因此 , 消除摩擦的最简单和最简单的方法之一是确保用户有效浏览您的网站所需的一切都位于折叠上方 , 如上图 。 这意味着您的导航应该在您的用户进行任何滚动之前存在 。
如果用户有兴趣了解有关您在导航中显示的预告片的更多信息 , 则他们可以决定开始探索过程 。