超赞干货!一个完整的UI设计流程是怎样的?

  一开网页就自动出现广告、还是开启网页后等个3秒才出现广告?

  广告出现10秒自动消失,还是要按(X)按钮?

  网页停止30秒没有操作要不要出现广告?

  工程师只会照你写的去做、不会照你想的去做。工程师不是神也不是蛔虫,他们是一般人,没有他心通这种神力,沟通上肯定会有认知落差,所以话要讲清楚,设计师的常识不等于工程师的知识。

  Flow Chart、UI Flow、Wireframe 这三份文件写到一半发现什么东西漏掉回头补上是正常现象,不可能一次到位。

  6. Mockup

  视觉稿…照 Grid 和 Guideline 做吧,之后还有切图和标示文件要弄。

  好处是切图和标示文件都有外挂工具可以代劳,甚至设计师只要顾好原始档、切图和标示文件都用 Avocode 或 Zeplin 解决。

  坏处是,如果不太知道技术限制,做出来的东西工程师不能用就算了,他们还白挨设计师的骂。

  「为什么你做出来的东西和我画的差了几px?」

  「拜托!RWD 不可能完全和你画的一模一样好不好?」

  「是你能力不够还是偷懒?我的图画得出来为什么你做不出来?」

  「干…」

  7. Prototype

  那位读者问另外问了关于 Prototype 的问题:

  高保真Prototyple是在切图给RD之后制作,那做出来的用意是在RD程序还没完成前再次确定操作上有无任何问题吗?那高保真Prototyple就是跟成品长的一样还可以操作啰??

  做 Prototype 的目的通常是测试和验证,不管是给使用者操作看看、观察使用者操作状况做使用者测试;还是工程师套完程序上线前先测看看有没有虫或哪边爆炸了。所以它一定要可以被操作,不能被实际操作是要怎么测试?脑内补完?

  Prototype 要可以被操作!

  Prototype 要可以被操作!

  Prototype 要可以被操作!

  不能被操作的都不是 Prototype。

  Wireframe 可以做 Prototype,低保真原型。

  Mockup 可以做 Prototype,高保真原型。

  切图叫工程师写程序套版做一个,高保真原型。

  我自己大多做完 Mockup 后才会出 Prototype 测试。因为,Wireframe 做的低保真原型一般使用者看不懂也没感觉,没办法做使用者测试 =_=

  Wireframe 做的 Prototype 顶多内部测试吧,但内部测试常常不太准,工程师和设计师的思维和一般人不一样,测一测重点常常歪掉…

  补充说明

  另一位读者看了本文后若有所感,传讯跟我讨论了下。

  今天也和老板谈了是否要有 Functional Map 和 UI Flow 等等这些流程,让我们在前面讨论的时候就可以厘清,而不是在视觉稿才修改增减,他也直言我们没有那么多时间无法照这样流程,真的很无力…

  没有那么多时间无法照这样流程?当然啊,因为要把时间留在后面改来改去嘛~~~~~

  时间总是要花的,看是花在前期规划还是后期补洞而已。说没时间无法照流程的是根本没流程可以照吧。

 

  想逼走员工、降低团队士气,尽量乱改没关系,反正大家都知道乱改的那个人连自己要什么都不知道只好胡乱张嘴下指令。