在我做过的N多项目中,基本都有个跑不开的怪圈——首页很难设计。根据进度安排,首页必须按时出来,不然没法review,也没法测试。于是,首页只能在后续工作中不断的redesign。而且我发现,往往都是必须整个产品结束之后,首页调整才算完成。仔细思考,为什么网站

在我做过的N多项目中,基本都有个跑不开的怪圈——首页很难设计。根据进度安排,首页必须按时出来,不然没法review,也没法测试。于是,首页只能在后续工作中不断的redesign。而且我发现,往往都是必须整个产品结束之后,首页调整才算完成。

仔细思考,为什么网站需要首页?因为内容需要索引,任务需要入口。在任何角度,首页都是贯穿整个体系的中心点,牵一发而动全身。或许,此话题得放大到改版来看。

六年前为赚零花钱,经常接到类似“重新设计XX网站首页”的私活。能做的事情,无非就是根据已有内容调调布局、板块,优化字体、行距等现在看来纯属“信息设计”范畴的小问题。虽然没受过专业训练,自己专业知识结合个人审美,但也比很多“设计师”做的出色。

四年前做业内某互动娱乐门户网站,三个月之内进行了三次大改版。结果是一次不如一次,究其原因,我认为关键在于不应该先改首页。改首页的确容易出“政绩”,但改动频繁对用户来说却是场灾难,搞不好还以为走错、或者网站出啥事儿了。

任何改版都会产生数据震荡,这是因为受用户习惯的影响,短暂周期内用户有点不适合。但如果是好的改版,数据应该在两周内恢复,并且能看到逐步提升的趋势。首页所放内容应该保证宁缺勿滥,慢慢补充总比来回折腾好,切忌先入为主制定“规范”。具体原因,可参考对比暗示中的观点“大改时,用户会重点看哪些改的不错;小改时,用户会更关注哪些还需要再改。”

因此,改版是动作越轻、动静越小对用户影响越少。全站改版应该遵从“自下而上”原则,先从结构最基础的功能开始,首页最后;单页改版应该遵从“由内而外”原则,先从结构最里边的小模块开始,页面布局最后。如下观点大家都不陌生,但陈旧思路也不是完全错误:

“首页风格定下来,全站就好做了。”

是这样么?完全不是。但这个出发点犯了“以风格为中心”的错误。因为用户首先要的并不是风格,而是信息和内容。首页需要放的内容一定提取自各下级组织单元,在整个信息结构基础不牢靠前提下诞生的首页,生命周期可想而知。

“首页是用户看到的第一个页面,马虎不得。”

是这样么?不一定是。得根据不同类型产品来具体分析,比如走媒体路线的资讯网站,走商务路线的百货卖场网站,首页都很重要,但大多访问量肯定来自最底层的内容和商品信息页面。提供服务的产品不同,比如有隐私性质的邮箱,最重要肯定就只有首页的登录。

“首页设计最能反映web设计师的水准。”

是这样么?的确是。因为做好首页的前提是做好全站,同时,设计师必须精准把握传达点,引导不同任务行为流。首页只是默认进入页面的代称,与叫index,default的传统一样,但不同类型产品需要突出不同侧重点。比如,登录框直接放首页,还是只链接引导?具体情况需要具体分析。再比如,我固执的认为直接介绍就是个人网站最好的首页,没必要再“关于”自己。

最新资讯
Parler撤回对亚马逊的反垄断诉讼:已无关紧要

Parler撤回对亚马逊的

社交媒体平台Parler已经撤回了对亚马逊的反垄断诉讼,从
网易云音乐回应人事变动:李茵已离职 业务调整后仍为集体决策

网易云音乐回应人事变

据媒体报道,原网易云音乐市场副总裁李茵于 2 月离职;另
腾讯大意失《赘婿》:《赘婿》是怎样诞生的?

腾讯大意失《赘婿》:《

“顾家有方法,爱妻无杂念。无是非之乱耳,无不良之德行。
软银发力无现金支付:PayPay用户数量3~4年内翻番

软银发力无现金支付:Pa

软银互联网子公司Z Holdings联席CEO川部健太郎今日表
特斯拉VS Lucid Motors:LIDAR是天使还是魔鬼?

特斯拉VS Lucid Motor

特斯拉第一个真正的竞争对手可能是一家初创公司,即特斯
中兴通讯也“造车”?公司回应:确将成立汽车电子产品线

中兴通讯也“造车”?公

3月3日下午,记者从中兴通讯相关人士获得确认,中兴通讯将
最新文章
告别硬编码让你的前端表格自动计算的实例代码

告别硬编码让你的前端

这篇文章主要介绍了告别硬编码让你的前端表格自动计算
网页简单布局之结构与表现原则分享

网页简单布局之结构与

一般来说html结构 css表现 javascrip行为,网页布局要考
隐藏 Web 中的元素方法及优缺点教程详解

隐藏 Web 中的元素方

这篇文章主要介绍了隐藏 Web 中的元素方法及优缺点教
白话分析自适应跟响应式的区别详解

白话分析自适应跟响应

这篇文章主要介绍了白话分析自适应跟响应式的区别详解
div与div之间有空隙的解决方法

div与div之间有空隙的

今天在制作页面的时候发现两个div之间有空隙导致两个
推荐一款酷炫闪烁的告警按钮

推荐一款酷炫闪烁的告

今天小编给大家推荐一款酷炫闪烁的告警按钮,非常不错,具