Day 8 纸上原型 dirty prototype

最近实在是有点折磨，刚把民航局的案子吿一个段落，最近接到一个大案子，每天要腾个一小时来处理；晚上 IELTS 口说不小心人数约到爆满，现在铁人赛只能用午休半小时赶赶工...

所以大家就放轻松看，当作在读 UIUX 日记吧～～

进行 prototyping 软件作业之前，我喜欢使用 A4 白纸来制作脏原型 (dirty prototype)。

当然，个人做法因人而异，但我其实有试过没有制作 dirty prototype 直接进行软件作业，事实上这样会耗掉非常多时间在更改。

纸本原型的限制

纸本原型有些限制，也有一些状况会不太适合：比如说客户无法面对面进行使用者测试，像是我这次忙的民航局案子地点在桃园，当然不可能当面做测试，这时就会传 wireframe 连结＋文字说明给客户。

这是我在纸上绘制的印度气象局官网 dirty prototype，这两张图是绘制了多次的结果，很多必要资讯并不会写在上面（其实只是没时间），大致看一下哪些资讯的安排位置，和确认大致格局。

画这个好像也没什麽技巧（？）

1. 拿出一只铅笔和白纸
2. 设计小框框绘制 layout
3. 确定 layout 後，将上一篇写好的资讯阶层塞进去
4. 大致确定资讯，重划一张满版的 a4

我一开始并不会将A4画满，而是会在一张纸面画很多个小格子，先去安排 layout ，像是：sidebar要在左边还是右边，navbar 应该要收起来吗...诸如此类的问题。

因为原来的草稿已经被我丢掉了，所以我这边放了一些我在工作上画的草稿，就是这样子一条一条的XD

等到大致确定整体格局，这时就可以试着将他们放大一点，写入前一篇所写的资讯结构，完成程度就看个人而定。

在这个时候你会改非常多次，所以这些小格子你可能会画上20个，但一定会有一个最适当的安排。

下一篇来制作 wireframe，我使用 Adobe XD，满容易上手的 (今年二月才学会使用哈哈)～