Mockups by Jon

[Jitbit] Resizing Browsers in Balsamiq Mockups

Sun, 09 Oct 2011 16:36:00 -0700

Here is a demo for iherndon in the Jitbit Forums

I am not sure how to determine resizing of a window, so here is my example.

[Bug] Double clicking a text control...

Wed, 28 Sep 2011 14:24:00 -0700

Taken from the following post on Getsatisfaction

I noticed that text controls have been a little buggy, most notably is the loss of focus when editing a text control, such as the label and Title controls.

Focus_Behavior_Bug.mp4 Watch on Posterous

Here is a better video

[Site Update] Overview of new Balsamiq Mockups features

Thu, 01 Sep 2011 09:50:00 -0700

Hey Balsamiq Team,

I just saw your blog post describing all of the changes that you have made and the fixes, but what caught my eye is the support page. I have to say that I absolutely love the support page.

Reason Getsatisfaction integration

You have integrated Getsatisfaction content into a central location, which will allow users to search without logging in to Getsatisfaction.

Benefits

Easier searching for problems and ideas
There is a bug with CNAME'd communities and you have provided a robust workaround.
Built-in search suggestions will minimize the time to find a particular post
Categorized columns have eliminated the need to navigate through numerous pages
Much much more, there are too many things to name, but they are awesome
Thanks so much. As always, I will provide you with feedback on your new release. Thanks again for allowing me to use this product and learn how to make work fun.

Happy Designing

Jon Edlund

[Program Layout]Antivirus-Threat Detected - Based on Microsoft Security Essentials

Thu, 25 Aug 2011 12:23:16 -0700

I was curious what it would be like to have placeholders instead of specific information in my mockups. I found out that it makes my task of designing much quicker and more effective. The main benefits of doing it this way are as follows:

Eliminating the need for specific information, which makes the mockup more universal
Providing a mini database of controls, that can be exported into Excel, and referenced in Word (Paste mini database along with the mockup bmml excluding the database and find and replace where the placeholders are)
Less data and memory used for template (The initial mockup has shorter names on controls and renders faster)

These are only a few of the benefits, but I am certain that you can find others.

P.S. Sorry it isn't setup for symbols yet, but I hope you like it nonetheless.

P.P.S. That goes for you too Balsamiq Team

As always, if you have questions or comments, just comment my posts.

Thanks

Jon Edlund

Antivirus Threat Detected.bmml Download this file

[Symbols] Low Fi Phone Mockup

Mon, 22 Aug 2011 10:04:38 -0700

Update: I am starting to make more simple mockups, due to some advice from the higher ups of mockups. Here is a little taste of the Rumor 2 mockup as low fi.

LG Rumor 2 (Low Fi) Apart.bmml Download this file

[Symbols]Envelope symbols made easy

Wed, 10 Aug 2011 23:04:34 -0700

I tried to make this as simplified as possible.Ask me if you have any questions or comments.

Envelopes.bmml Download this file

[Angry Birds] Angry Birds Mockups, not much to say

Thu, 14 Jul 2011 21:53:17 -0700

Didn't the subject already state that there wasn't much to say. Well, it is true, Angry Birds needs no introduction.

I will mention, however, that the (MS) before the actual name stands for Milestone. I like to put that when I have made drastic changes, or it is stable enough to post.

Attached are the versions of the mockup as images, the final mockup source and a little treat.

(MS)Angry Birds Red v9.bmml Download this file

Angry Birds v2.wmv Watch on Posterous

[Games] Nintendo Category added

Thu, 14 Jul 2011 12:20:00 -0700

I have added a Nintendo category for all mockups Nintendo. I was actually inspired to do this when I was creating the Green pig head for the Angry Birds Fan Art mockup I was working on.

I have the file hierarchy set up for what will go here and it will be updated regularly. Here is a little taste of what is to come

I tried to put an Excel Spreadsheet in this post, but it won't work, so here is the link https://skydrive.live.com/view.aspx/Mockups%20in%20Excel/Mockup%20Folder%20Hi...

[Mockup] Ipod Touch 4th Generation overlay (New)

Fri, 08 Jul 2011 23:02:34 -0700

Ok, so this really isn't new, because I created it a long time ago. I did, however, create a landscape version of it today and I am unveiling it to you in all of its glory. As always, I hope you like it and feedback is appreciated.

Happy Designing

Jon E

Ipod Touch 4G StatusBar v3.bmml Download this file

[Holiday]Happy Holidays (4th of July)

Mon, 04 Jul 2011 18:02:31 -0700

As you know, the date is July 4th 2011 and a lot of people are celebrating with fireworks and barbecues. Well, I thought that I would do what I enjoy more than both of those things, designing. That is why I have created a festive holiday mockup for others to use how they want. It contains an eagle and stars. Thanks for the inspiration Bing

Have a safe and happy holiday fellow designers.

BaldEagle FINAL.bmml Download this file

[Backyard Monsters] Recreating Towers and More...

Tue, 21 Jun 2011 23:01:00 -0700

This is a whole post dedicated to the recreation of towers and other objects in the BYM game.

So far I have managed to recreate the Catapult using Balsamiq Mockups, but I will add more as the days go by.Catapult

Here are some of the Resource Towers in different phases of the mockup

See the full gallery on Posterous

Notice how the Phase 2 picture is made entirely with Balsamiq Mockups

This one is my pride and joy, I introduce the level 6 Town Hall

Made in Balsamiq Mockups also

[Backyard Monsters] Attack Screen Kozu Tribe

Tue, 21 Jun 2011 21:47:00 -0700

This is just a few screen shots of my problem in BYM

The problem is posted in the forums under Bug Reports

Basic mockup that will eventually be used for these bug reports

Three screenshots showing time elapsed and still no monster movement

[Backyard Monsters] Yard Layout Idea

Mon, 20 Jun 2011 21:34:00 -0700

Here is the Yard Layout idea that I had for a popular game on Facebook BYM

Color Picker Version 2

Sat, 28 May 2011 10:29:28 -0700

This is an exact replica of the Color Picker in Balsamiq Mockups that I made. I posted it on MyBalsamiq Mockups to Go, but it was removed. Let me know what you think please.

Color Pickers (1).bmml Download this file

Something that has been bothering me about #Itunes is the free update window comes after buy dialog http://post.ly/24w2G and

Sat, 21 May 2011 20:21:45 -0700

Something that has been bothering me about #Itunes is the buy dialog has an extra window even if the update is free

Sat, 21 May 2011 20:21:00 -0700

Jitbit Menu Suggestion

Wed, 18 May 2011 12:51:00 -0700

Chrome Web Store Icons Collage

Tue, 17 May 2011 23:10:00 -0700

Okay, so this isn't really a mockup, but this mockups posterous is my default. What can I say?

Busy with migration

Sun, 03 Apr 2011 16:09:00 -0700

I have been very busy helping out the Balsamiq team, namely Mike, in migrating mockups to the new Mockupstogo site. That has taken up most of my time, in that I have been trying to find an easy way to keep track of the mockups already migrated.

I will update this post accordingly.

Update: I am probably the most busy I have ever been. I plan to update this when I can, but I cannot make any promises.