POST TIME:2018-12-03 21:09
维基百科将主页定义为网站的初始页或主要网页。我想,“初始”和“主要”这两个词已经传达了足够的分量。然而现实情况却往往差强人意,设计师想破脑袋也难以理解为何什么用户会毫无留念地离开,却殊不知用户在第一眼就已失去了兴趣。设计师和用户之间的桥梁似乎断开了。本文中,我总结出了 20 个主页设计实用技巧,助您打造超完美主页。
首先,我们需要明确,主页的主要功能是什么?一旦确立了目标,行动就会变得明确。
1)吸引访客;
2)留住访客并让他们探索网站更多的内容;
3)促成商业和合作;
那么,如何设计一个完美主页?
1.明确展示“身份“ - 你是谁?为用户提供什么?
不要企图和用户玩捉迷藏,用户不会花时间去探索你的业务。使用简明的文本(标题和小标题)并结合视觉要素(图片或标识表记标帜)来清楚地显示你的身份。主页应该以最直接的方式使访客第一眼就能明白他们是否找对了地方。制造迷惑意味用户流失。
2. 找准目标用户
你的目标用户才是你应该关注的对象,那些偶然来到你的主面的访客终会离开。不要尝试将所有拜候者吸引到你的网站,这不会持久,反而会让用户转向你的竞争对手。因此,你需要锁定你的目标用户,好比选择相应的界面语言, 贴切你的主要用户群。
3.设置链接和按钮
链接可供用户获取相关信息,而CTAs则有助于引导用户进行下一步操作。你可以考虑诸如“免费试用”,“注册”,“立即购买”,“免费下载”或“了解更多”等按钮。而且,最好将CTAs置于首屏。
4.多终端适应
你是不是经常在手机上上网冲浪呢?我们早已适应了移动端的世界,你的主页不但要在桌面浏览器上完美呈现,在差别的移动端屏幕上也要连结精细有序的状态。响应式设计非常须要。
5. 不停更新
吸引用户的主页绝不是一成不乱的,基于用户反馈,,需求传达以及自身的产品信息更替等等,一个优秀的主页永远是连结着最新鲜的状态。无论是文本,图像,动态,任何最细微的元素都应该是最新的状态。这也是建立信任的好措施。
6.使用高质量和相匹配的图像
图像可以直接反应你是谁,可以为用户提供什么。最好使用本身并世无双的图像,这样就绝不会和竞争对手有所雷同。对于一个online shopping的网站,建议你使用产品的原图,可以适当美化。此外,图像应该与整体配景颜色协调。
7.采用平衡配色方案
色彩运用是视觉效果的最主要元素,也是访客对页面的最直接的感受。颜色的选择也是很有讲究的,好比说,对于一个社交网站,蓝色是不错的选择,如果你的网站用户群体集中在女性,那么建议你使用比较受女性欢迎的颜色,好比如蓝色,紫色和绿色。了解更多关于颜色的信息,请查看《UI设计师-为量身打造的配色技巧》。
8.连结页面清爽,留白是关键
丢掉那些不须要的杂乱或炫目的图片,视频,照片和颜色。坚持高品质,保存空白。这非但不是对页面的浪费,反而可以强调核心信息,并连结平衡的设计, 让你地主页看起来高端大气。
9.放弃侧边栏
如今,许多现代主页的设计都是已经舍弃了使用侧边栏。滑块也一样,渐渐退出了主页设计的舞台。曾经因为可以投放大量信息,侧边栏和滑块的使用备受青睐,而如今,用户渐渐感到迷惑不解,不但没完没了的信息让人疲累,页面混乱,视觉体验欠安,还容易分散主要信息。建议使用链接和按钮跳转到相关内容和页面。
10.加入精选视频
视频可以是您的主页的一个很好的增补。比起平乏的文本,人们往往比较倾向于动态的东西,特别是标致精致且简洁的动画视频。仅仅分钟内,你就可以向用户介绍本身,一目了然,又富有吸引力。但视频和动画的设置要取决于你的网站类型。前提还要连结页面干净。
11.展示社交认同和用户反馈
这可以是建立信任的一个很好的方法,让你的访客知道你是可靠和负责的。使用logo来展示你的合作伙伴或者相关媒体,也可以添加须要的客户案例,客户保举或反馈,以及专业认证来增强信任。这些不建议放在首屏,可以考虑排版后放在页末。
12.限制文本数量
连结页面干净,文本具有可读性,最好的是能够一目了然。句子或段落最多应限于两行或三行。文本赘述过多会使页面看起来变得混乱,可读性也将大大减弱。
13.添加一个搜索框
搜索框不是一个不成或缺的元素,但最好添加。搜索框可以帮手拜候者快速找到网站上他想要的相关内容。
14. 标注博客