Mockup Applications

AFPoster

macrumors 68000
Original poster
Jul 14, 2008
1,522
101
Charlotte, NC
I am curious what applications people use on the Mac or Web that people use to mock-up sites. I found this site below: Caccoo I'm just curious if their is anything better for a Mac and what most dev's use when designing a mockup layout.

Thanks ahead of time!
 

Attachments

grizfan

macrumors member
Feb 10, 2012
86
4
Boise, ID
This process is also known as creating wire frames. It's been the dominant part of my job for the last few weeks, so I know way more than I really want to on the subject. Mockflow is a great option, and there are other online tools, too. Adobe has an iPad app that looks really nice. Fireworks and Photoshop are excellent options, and with a little time on Google, you can find some great UI element files for these two programs (Yahoo has some great resources in this department). Finally, if you don't mind spending some money, OmniGraffle is a great option. That is my go-to tool for creating wire frames (I also use Visio when I'm using my PC).

A lot depends on workflow issues. Do you need to collaborate with others, or work solo? Do you have to account for comments and annotations, etc... Also, if you are using a framework for your web work (Twitter Bootstrap, 960GS, things like that), they often provide template files for creating wire frames.
 

960design

macrumors 68030
Apr 17, 2012
2,881
853
Destin, FL
I use an iPad with Bamboo Paper. The client and I will sit down over some lunch and draw out what they want their landing page to look like, main pages, ect. I give the link of their build site on the back of a business card and hand it to them.

I then take the drawings and prototype their design, from their we tweak colors, fonts, ect. The client can check out their site build in progress and more quickly identify things like ( yeah, maybe we don't want bright green for the background haha ).

just me