Week 2: Wired Out Da Frame

Things are starting to get real now. We met as a team, discussed activity splits, and receded to our respective corners of the world to get to work. The first job to do on my list was to create the wireframes for my select pages.

I remember doing this exercise on a Chipotle napkin for the first Software Design class. With this being Capstone, I wanted to step my game up and use a more official means for creating them. So, I scoured the web for wireframe tools that fit my price range: Free-ish.

After some investigation, I quickly realized that my price range wasn’t very popular in the land of quick and easy tools; However, among the several dozen explored, some really good and really expensive, I discovered a few ones that fit the bill.

Out of this bunch, I’ll give you a few to explore that won’t break your budget and are fairly easy to learn. Following are my top 3 with an overview and price breakdown of each:

1. Mockplus

Mockplus is a tool for designers to rapidly create interactive wireframes for websites and mobile apps, which enables you to share and test design ideas across PCs and mobile devices from an early stage in the design process. It’s easy to learn and good for team collaboration; However, not good for low to med fidelity wireframing.

The Mockplus wireframe tool and its interface


Price

  • Basic: Free
  • Pro: 15-day free trial, $16 per mo (annually)

 

2. Figma

Figma is a cloud-based solution that is excellent for sharing and collaborating among team members. Its open and expansive layout gives you the ability to create many designs within one project. It also gives you the ability to produce many iterations side-by-side, making brainstorming exercises and redesigns super simple.


Price

  • Starter: Free (up to two editors and three projects)
  • Premium: Free for students or $12 per editor/month (unlimited projects).



3. NinjaMock

NinjaMock is a collaborative mockup and wireframing application for designing and testing mobile apps and web pages. It’s simple, easy to learn, and includes many interactive elements.


Price

  • Starter: Free (up to two editors and three projects)
  • Premium: Free for students or $12 per editor/month (unlimited projects).


There you have it. This is just a few of the many options out there, especially if you’re willing to and can fork over the cash. I encourage you to do as many free trials as possible to see what you like. Different developers have have different needs and palettes. So, go crazy… Just don’t forget to cancel the trial memberships.

See you next week!

Leave a comment

Your email address will not be published. Required fields are marked *