不好的网页设计
打开一个网站,不好等了八秒,页设白屏。不好然后字体像被踩了尾巴一样跳出来,页设图片一块一块往下掉,不好排版乱得跟早高峰地铁似的页设。你只是不好想查个营业时间,结果先被迫看完了三秒的页设开屏广告,再手动关掉两个弹窗,不好最后发现联系电话是页设一张图片,还没法复制。不好这种体验不是页设偶然,是不好设计出来的。
很多网页的页设问题从第一眼就开始了。背景色和文字色对比度低到离谱,不好浅灰配白,淡黄配米色,设计师大概在苹果店最高亮度下做的决定。你眯着眼凑近屏幕,像在辨认一封被水泡过的信。更糟的是字体大小,正文用12px,注释用10px,好像默认所有用户都是2.0的视力。我见过一个餐厅官网,菜单PDF直接贴上来,手机端打开要不停放大缩小,手指划到抽筋才找到一道菜的价格。
导航栏是另一个重灾区。有的网站把菜单藏进汉堡图标里,点开之后二级菜单飞到屏幕另一边,你得像玩打地鼠一样追着点。有的导航用纯图片,没有alt文字,网速一慢就只剩空白方块。最让人恼火的是那种“创意”导航——把栏目名写成诗,比如“寻觅”“邂逅”“归处”,你根本不知道点进去是产品介绍还是创始人日记。我上次想找一家公司的招聘页面,在“加入我们”“共创未来”“人才星球”之间转了四圈,最后发现藏在页脚一行灰色小字里。
表单设计也经常反人类。注册一个账号,密码要求写着“8-20位,必须包含大小写字母、数字和特殊符号”,输完告诉你“不能与用户名相同”,改完又提示“不能使用连续字符”。手机号输入框不自动调起数字键盘,邮箱地址要手动切换输入法。提交按钮小得跟句号一样,旁边却放一个巨大的“重置”按钮。填完所有信息,点提交,页面刷新,所有内容清空,只留下一行红色小字:“验证码错误”。
弹窗和广告是另一种暴力。你刚打开页面,还没看清标题,一个订阅弹窗就盖上来,关闭按钮做成浅灰色的小叉,藏在角落。你点了一下,没关掉,反而跳转到广告页。有的网站更绝,滚动到一半突然弹出“是否离开此页面?”——我还没决定要走,你先赶我。还有自动播放的视频,声音突然炸出来,你在办公室手忙脚乱找暂停键,越急越找不到,因为控制栏要鼠标悬停才显示。
移动端适配常常是糊弄了事。电脑上看着正常的表格,手机上横向溢出,要左右滑动才能看全。按钮间距太近,想点“下一页”结果点到“立即购买”。字体小到必须双指放大,放大之后又得来回拖拽。我试过在一个政府网站上查政策文件,手机端打开是一张长图,加载了半分钟,放大后文字模糊得像马赛克,最后只能截屏去相册里看。
还有一类问题看不见但能感觉到。页面加载时布局突然跳动,你正要点的按钮移位了,点到了广告。滚动条卡顿,鼠标滚轮转三圈页面才动一下。返回上一页,滚动位置丢失,又回到顶部重新翻。这些细节不致命,但累积起来就像鞋里的小石子,走一步硌一下。
好的网页设计其实很朴素:文字能看清,按钮能点准,导航能找到路,表单能顺利填完。不需要炫技,不需要惊喜,只需要别让用户觉得自己在跟网站打架。可惜很多设计师忘了这一点,他们忙着表达自己,忘了对面坐着一个只想快点办完事的人。
(责任编辑:时尚)














