1. 画一下页面流程

大家都会用网络服务,就算你不懂技术,都应该可以“设计网页”与”网页流程”,意思是拿起数张白纸,想想看使用者会在网页上看到什么,把他”安排”出来。再来就是,看到了第一页,想想看按了屏幕上按钮之后,第二页又会长什么样子?

用框框与文字,左右上下东调西调,在白纸上画画,或用word画画,要产生一个所谓的”网页示意图”是很容易的。这个阶段千万不要考虑什么Logo是多大多美,该考虑的只有像是真正重要的功能与栏位,以及网页前后的因果关係。

例 如首先想到使用想要“寄信给朋友”这样的功能,首先要看到朋友列表,每个朋友前面有个checkbox,勾选check box后,按寄出,这样子选到的朋友就会收到信。除了checkbox跟”寄出”按钮外,还须考虑列表上要看到朋友的什么资料哩?ID, 姓名,还有最近的状态吗?还是说要多加一个交友状态显示出来哩?

想清楚了,就用一些可能的代表性资料用框框,圈圈,直线,虚线,文字,按钮…等表示出来那页长什么样子。然后,想想按下了“全部通知”按钮之后,使用者看到的新网页会长什么样子,再画出该页面的代表性状况,这样就有了”寄信给朋友“这个功能的页面流程。

2. 想一下每个页面上的资料怎么来?如果想储存一些用户资料,存什么?

这太重要了。

页面上如果要出现“Sting先生,您好“,你必须知道使用者姓名与性别,这资料在註册的时候就该出现,让使用者填写。

页面上如果要出现“今天天气28度,很舒适,适合上inside看文章“,天气资料就必须透过程式到气象局网站抓一下,配合自己做的几句罐头句子,存在你的系统里,透过某个逻辑选出来显示。

想看某用户发表了哪些文章,若他有五百篇文章,你肯定要分页显示,每页要显示哪些资讯?如果那个人没有发过文章,系统也得处理处理,免得发生错误。

如果要表示某甲与某乙是同学,你得想想这样的关系是用什么样的标准判断?是学校那个栏位填写的校名资料自动判断,还是甲跟乙必须互送邀请,然后按钮确认彼此的关係?

在储存上,我们总会想多存点资料,基本资料,发表的文章,上传的图片,各种与其他网友或系统互动纪录,反正能记得就记下来,可能也没什么不好?在这点上,温家宝先生说过的「多么小的问题,只要乘以十三亿,就是很大的问题」就很中肯。

如果一个用户每天纪录了1MB的资料,一百万用户每天就会产生1TB资料,一个月就会有30TB,一年累计下来就快500TB。如果使用者倍增,很快你就会需要找更多的好手跟财务来支持你的business model,如果存的资料是不必要的,那么这样的成长只会带来负担,并不会带来价值。

请思考哪些是必要该存的资料,怎么存,存多久,存了之后怎么显示,在哪里会用到,会看到。透过这些思考,学的是资料的规划与设计。并不需要懂资料库系统,这样的想像就可以开始。想了之后记得要写在纸上面,或者是word上面。