虽然Web前端开发只能依仗于一行行的敲代码,并无捷径可走。但是总结他人开发过程中出现问题的解决方法,可以让你少走弯路。今天在这里分享一些实用的网页开发技巧,希望能够帮你优化用户体验。
工具/原料
准确定位你的读者;保持页面简洁,不要炫技;把握用户访问的黄金时间;注重网页平衡;清晰的导航;
方法/步骤
1、 笪瞵岔语 准确定位你的读者 你不是在真空里制作你的网页,也不是作给你自己看的。如果是这样,你还不如挹掷秦把把它放在自己的电脑里。你发布你的网站是希望某些人停下来参观它。而这些人就是你的读者。 你越了解你的读者,你的网站影响力就会越大。你的读者是否有个慢猫?那你最好应当特别的注意网页的大小;他们希望听到音乐片断吗?你就要想想网页上的音乐格式。你的读者是纺织工人?那么血红色和黑色最好不要选择;或者他们是骨灰级游戏玩家?你就要避免用柔和的颜色和图案了。 一个好站点的定义:通过典雅的风格设计提供给潜在读者高质量的信息。
2、 笪瞵岔语 保持页面简洁,不要炫技 一个好的网站最重要的一点就是界面的简单、朴素。你听说过“KISS惯墀眚篪”法则吗?“KeepItSimpleSilly.”适用于所有的站点。 制作者们很容易掉入这样一个陷阱,即把所有可能用到的网页技巧,例如:框架、表格、字体、GIF动画等等都用上,这当然是好的,但如果多了的话就会让你的访问者眼花缭乱,不知所措,也不会给他们留下很深的印象。 记住,只是因为你可以创建一个效果,但并不意味着你必须创建这个效果。先问一问你自己:我在网页上加入这个技术有什么价值?是否能更好的向访问者表达我的主题?
3、 把握用户访问的黄金时间 访问者进入你的站点后,他应该可以不费力的找到所需要的资料。有一条不成文的法则:当访问者在决定下一步该去哪之前,不要让他现在所看的页面下载的时间超过30秒钟。如果超过了这个时间,你就会开始失去你的“上帝”了。 保证你的页面有个适度的大小而不会无限制的下载。如果你的大多数访问者使用Modem的话,试着保持总的页面大小(包括页面图像)在45K一下。 确保你的页面设计规划清晰明了,让访问者只需快速的扫视就能把握你的网站导航,知道自己“下一步”该选择的项目。
4、 注重网页平衡 平衡是一个好网站设计的重要部分。文本和图像之间的平衡。除非内容决定了这是个完全文本或者完全图像的网站,你需要用直觉和审美观来作判断,以便其中的一个不会淹没另外一个。 下载时间和页面内容之间的平衡。当然你希望有个漂亮的页面,但你也必须平衡你的页面内容,因为你的很多访问者正在通过modem阅读它。难道你网站的图片真的值得等待那么久吗? 背景和前景之间的平衡。我们能在白纸上画出美丽的图案,网页上,如果能制作出漂亮的结构和背景是很令人激动的。但也容易使你的内容淹没在你的背景里面。
5、 清晰的导航 对一个好的网站来说,清晰的导航也是最起码的标准。应该让访问者知道自己当时在网站中的位置,并且愉快的通过你的指引而遍览你的网站。例如,你可以做到的一件事情就是:“下一步”的选择数目尽量少,以便人们不会迷失在长长的选择项目列表中。