今天想聊聊交互设计好的网站，咋样整得顺手点。这回事儿挺偶然的，上个月我在刷手机，发现好多网站用起来贼别扭，按钮点半天没反应，页面乱晃得头疼。我就琢磨，这玩意儿咋回事？干脆自己动手试试看，好歹我以前折腾过几个博客，但这回得正经搞出点名堂来。

开头乱试手，真是一团糟

开始就凭冲动，啥都没准备。我拿了个老电脑，打开网页编辑器，直接堆码子。想着随便做个主页放点图，可页面跳来跳去像打游戏卡死，点按钮根本不灵。气得我差点砸键盘。老婆还笑话，说我整这东西跟小孩儿搭积木似的。真失败，干脆先停手，上论坛找点灵感。

慢慢琢磨出点门道

后面几天，我定了个目标：先别贪大，做个简单页面试水。就选了个人日志的小东西当练习。流程一步一步来：

• 起手先画草图：拿张纸，瞎画几个框框，写清楚哪儿是菜单、哪儿是搜索。试了三四遍，才调出顺眼的布局。
• 动手加互动：这回我小心点，用编辑器加按钮。点了要变色，还得弹出个小提示。结果代码写得太糙，页面崩了好几次。我蹲电脑前半天，反复改改，终于搞明白，按钮得绑个事件，轻轻一碰就反应。
• 对付麻烦事：测试时更头疼，在手机上点按钮死活延迟。我猜是设备不匹配，就换几个手机来回试。找出毛病——尺寸太小了点不中。重新调按钮大小，放大点省得手指胖了按不着。

过程中老婆喊吃饭，我都没工夫理她。有回半夜修码子睡着，梦见按钮飞走，醒来又爬起来调。

搞定个小玩意儿，挺得意

折腾快两个星期，总算是弄出来了。做个简单版日志页，点菜单滑溜滴，响应快得像打游戏开挂。自己试用几圈，感觉挺爽，没那么磕绊了。叫邻居小孩儿来玩，他随手点几下，也夸顺眼。这下子信心涨了点，才明白好交互不是堆功能，是让人不费脑子就能用。不过还得接着练，下回想试试动态点的页面。