Balsamiq Wireframe

Learning Balsamiq: The Brief

Alright, so I mentioned in a previous article that I decided to blog as I learned Balsamiq Wireframing. I’m not going to go into why I am just now learning wireframing, you can read the article when you get the chance.

The first step in any project is that we have a goal and a means to meet that goal. This project was given to me by a friend who wants a web site that will allow him to monitor his art project. Pretty simple, right? Well, not really. When I questioned him further it turns out that it could end up being beyond my web capabilities, but I wanted to give it a try. So here is the brief.

What I was told

The idea behind his art project is to create many (unknown the exact number, but probably about 100) small sculptures that would be cheap to make and would last a while. They would probably be made out of some tough resin so each one will last. I don’t know the exact size, my assumption is that they are about 12″ tall. Each sculpture would be placed around the US by people that he knows. An example would be that person A would place it at the corner of a street in Chicago, person B could leave it at a metro station Dallas, Texas. You get the idea, a hundred of these scattered around the US.

What he wants for his site:

He wants a site that would record what happens to each of the sculptures. A way to log the location and any other information that a person would be willing to add. Each piece would have a distinguishing mark or number to identify it and the web site url. The sculptures would not have any aids like a sensor to record where they are. The info must be added by a person.

After that there isn’t too much info about the details. He’s not sure if gps should be used or if just someone using a form to add information is enough. He did mention that there needs to be as little information about the project as possible. In other words he wants to see what happens with the pieces without interference from anyone. If the sculpture get thrown away, that’s fine.

That’s generally what I know about the project. I am leaving some info out because it’s his project and I don’t want to broadcast it without his permission.

What is needed for the site:

These are my initial thoughts and until I change them, the wireframing will be based on them. He may come back and want something different, but for now I’m going to proceed this way.

  1. There must be a way for people to enter information about a sculpture. It must be dynamic and allowed to be modified.
  2. A basic info page about the project, but not too much info.
  3. Browse ability to see where individual sculptures are located and to allow someone to see where the piece has been.
  4. Less info is better, so no explanations or hints.
  5. Allow comments

Resources needed.:

  1. mySQL database
  2. Geolocation ability based on IP (can be over-ridden by person)
  3. Map of the sculpture’s location based on the IP address.
  4. The ability to upload images/selfies with sculpture. He didn’t request this, but I think it would be warranted.

How I’m going to proceed with Balsamiq:

I think four pages are needed, remember that less information is wanted.I think that’s it. It sounds really simple on the surface but the development of the backend may be difficult.

  1. Home page
  2. Browse
  3. Add
  4. Search

Okay now that the basics are complete I hope that you follow along as I create his site in Balsamiq. Remember, this is about learning wireframing and all the other stuff is not important. What I mean by that is that it is entirely possible that WordPress (or some other program) would be able to do what he wants with less hassle.

 

 

 

Share

Resources for Artists

You’ll find useful resources on this page that will help you create whatever you would like to create. It doesn’t matter if you’re a web designer or a sculptor we will add great sites and links that we think will help you create whatever you want. Leave a comment if you have a suggestion for a site?

 

 Photo & Video Stock:


Pixabay.com

I’ve only used this site a few times, but when I needed great, quality, high resolution images, it is probably one of the best.From their site, “Find your perfect free image or video to download and use for anything. ✓ Free for commercial use ✓ No attribution required ✓ High quality images.”

 

4freephotos

I haven’t used this site very much except to get ideas for images to add to my projects. Their description is, “Download free images from 4 Free Photos stock photo library.

 

Pexels

I use this site for my video work. They have some great video stock. Pexels provides high quality and completely free stock photos licensed under the Pexels license. All photos are nicely tagged, searchable and also easy to discover through our discover pages.

Library of Congress: Catalog

Although much of the stock has copyright restrictions, a large portion is free to use. This is a great site!Find material in the Library’s collections of books, periodicals, manuscripts, maps, music, recordings, images, and electronic resources. Search by keyword or browse for authors/creators, subjects, names/titles, uniform titles, and call numbers.

 

 Web Design:


Codrops

This is my goto site for inspiration and ideas about adding interactivity to the sites I design. In other words, I can’t say enough good things about CoDrops. From their description:Codrops is a web design and development blog that publishes articles and tutorials about the latest web trends, techniques and new possibilities.

 

 Video/After Effects:


ECAbrams

From his YouTube page, “Here you’ll find “quality” Adobe After Effects tutorials. And by quality I mean “things I would have found useful when I was starting out in motion graphics”. I’ve been using After Effects since 1995, which is longer than the average YouTube viewer has been alive

Film Riot

This is one of my favorites, I’ve been a fan for over 10 years and I enjoy their videos just to watch Ryan and his group. From their YouTube page, “Film Riot is a how-to trip through filmmaking from the hyper-active mind of Ryan Connolly. From how to make great effects to following Triune Films through production, Film Riot explores the art of filmmaking in a way you’ve never seen.

 

Share

Codrops: Every web designer should know

So I just wanted to draw attention to a site that I have been using for about ten years. The site that every web designer should know, and my guess every true designer already knows about and that is codrops. This site is about the best that I’ve found for css and jQuery effects that will make every site just a little bit better.

I first found the site through a regular search for hover effects back around 10 years ago. Since then it’s been the my one go-to site when I want to add something interactive to my sites. In fact I used to send my students there for them to get ideas for their sites.

To be completely honest I don’t know very much about the site, besides what I’ve already mentioned, but they are exceptional. This is from their about page,

Codrops is a web design and development blog that publishes articles and tutorials about the latest web trends, techniques and new possibilities. The team of Codrops is dedicated to provide useful, inspiring and innovative content that is free of charge.

What started as an experimental blog became an exciting playground for sharing the passion for web design and web development.

The web is innovating each and every day, pushing the boundaries of how websites are built from the fundamental structure to the most delicate interaction effects. And on Codrops we want to share some of that.

We are always looking for creative minds to join us, write for us, explore, collect, engage… So, if you would like to become part of Codrops, please contact us!

-Taken from the site on May 18, 2019 without permission

Again, there are some things that I want to stress here. The first is that the site is special that it has great content and I think every designer should be going there. The second is, is that I am very grateful that there are still sites like codrops on the web. In my opinion it exemplifies what the web is about. The last thing is that I want to bring attention to them, they deserve it.

There are several aspects to this site that I’m trying to integrate into my idea of what Kennethcurtis.com is about, and I’m hoping that given some time to normalize this site that I’ll be able to have guest interviews. The people at codrops are on the top of the list on people that I’d love to interview. I know I’m talking about a site and saying that I’d like to interview them… the truth is I am really curious about one of the contributors named, Mary Lou. I’m not actually sure if that is a real person or not, but I’d like to invite her for an interview.

Share