Mockup Applications

Discussion in 'Web Design and Development' started by AFPoster, Aug 16, 2012.

  1. AFPoster macrumors 65816

    Joined:
    Jul 14, 2008
    Location:
    Charlotte, NC
    #1
    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!
     

    Attached Files:

  2. Dolorian macrumors 65816

    Dolorian

    Joined:
    Apr 25, 2007
    #2
    You could try Mockflow too:

    http://mockflow.com/

    For my part, I create my wirefreames in Sketch (did it in Fireworks before).
     
  3. grizfan macrumors member

    grizfan

    Joined:
    Feb 10, 2012
    Location:
    Boise, ID
    #3
    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.
     
  4. 960design macrumors 68000

    Joined:
    Apr 17, 2012
    Location:
    Destin, FL
    #4
    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
     

Share This Page