All posts by Erik

RWD2014 || Year of the Mobile

Responsive web design is extremely critical in today’s world; it is necessary for survival among the fittest. No doubt mobile browsing has blown up and continues to grow exponentially. There are times where no matter how good a company’s web site looks on the monitor, if it is not “mobile friendly” and the user gets a poor experience, well, the site might as well be deemed no good at all. On a personal level, I can relate to the importance of mobile browsing. For example, after giving someone my business card usually one of the first things they do is pull out there iPhone, and look at my portfolio. If my personal site was not built with a responsiveness to adapt to different media devices and viewports such as the iPhone; and the viewer looking at my work does not have a good experience, this could jeopardize the integrity of my work and in turn, possibly be loosing future customers and contacts. I would like to quote Andy Clarke, web designer, author and founder of Stuff and Nonesense. Andy says, “Anything that’s fixed and unresponsive isn’t web design anymore, it’s something else. if you don’t embrace the inherent fluidity of the web, you are not a web designer, you’re something else. Web design is responsive design. Responsive Web Design is web design, done right”…

Q&A with a UI/UX Designer

For this weeks blog I decided to interview a friend of mine and professional graphic/web designer. 

 Ryan Canfield is UI/UX designer & front end developer at Synapse Studios specializing in web-based javascript applications.


What do you think is one the most important thing as a web designer?   Thinking past static design & layout to consider the web at all screen sizes.

What about the creative process?   We use a repeatable, successful pattern. It starts with sketching, wire framing, mock ups, rapid prototyping and then development .

 How important is the creative process to you?   Very! Synapse didn’t have designers a few years back, it was developers doing front end. Having designers makes a huge difference in the usability of web applications.  Being classically trained as a graphic designer helps me daily in web design. I use the principles of design, like color theory, rhythm, balance etc. these fundamentals are paramount!

What is your outlook on simplicity?   Simplicity depends on necessity. That is one thing designers forget with the web design and graphic design in general. They feel like they need to fill all the space like it is some “hole to fill” esp. junior designers. Question the necessity of everything you include in the design and then question whether is it presented in the best way possible.

What about the the placement of things like “call to actions?”   You want to make sure your main call to action is available and accessible almost anywhere.  If you’re delivering information you want it at the end of that information. It should be the most prominent path for a user to take.

What do you think about traditional web placement i.e. headers etc. and switching the placement of them up, in non traditional ways?   It really depends on the users of the site or app. Sites that have the same user base are better candidates than sites that have mostly unique visitors. Additionally, younger, more techie users are going to figure out the placement of things and are less likely to get frustrated. With users that struggle you probably want a more conservative layout. You have to determine purpose of the site and the target audience. A marketing site is going to be selling products/services, reference website will be delivering information etc.

Any input for junior web designer?   Mobile first approach, responsive design and write clean code!   

 

world wide web banner

A web sites web banner is by far one of the most important area of a site. It is what people see first,  this is where the viewer makes initial visual contact and gets an overall feel and vibe of the site, and ultimately decides if they want to continue on or not. I can not tell you how many web sites I have left due to the  fact they had a weak header. Even though it is the content that matters in todays world people judge books by there covers, and the web banner is the cover. I like this piece of information I found online, it is from a graphic designer and multiple business owner named Dawn Papandrea-Khan. She states, “usually when we visit a website or blog, we can get a feel for what the site represents in only a few seconds. This is the reason why it is even more important to focus on making the right first impression through a custom header graphic.”

As a designer, there are a few key aspects and bits of information I think the header should contain. The company, the product etc. Which brings me to my next point I found in an online blog talking about this exact topic. This is from boostability.com the importance of a header. 

1. Who are you? (You would be amazed how many websites make their visitors dig around to find out the name of the company!)

2. What do you do? (Again, the number of visitors who are forced to assume your site sells a product rather than just talks about it is ridiculous. Be clear!)

3. Why should I buy from you, not the other guy?

The web is littered with garbage, visual noise and a bunch of sites that house web banners that all look the same. It is up to me as the designer to produce clean, visually interesting web banners that represents the sites overall demeanor and entice people to stay on the site and explore further. It is also up to me to find new and exciting ways to display the content  so we can separate ourselves from the crowd.   Also, I feel like in design I have to take risks. I have to try new and “edgy” things and think outside the normal design box that I often get tunnel visioned in. I would also like to explore maybe trying a banner with out the traditional rectangle box, maybe another shape  or placement? That is something definitely for the sketchbook and some thought.

Sketchy Situations


To me, one of the most important parts of the creative process is sketching. Usually coming right after the initial brainstorming, it is essential for to me to start getting ideas out of my head and onto the paper. This part of the creative process is critical, and is often overlooked or not even used at all. For me, to really explore layout possibilities and new areas it begins with sketching.

Sketching can vary from project to project. For a logo design I might start 45 minutes of straight sketching, with out erasing not making it look pretty just getting ideas out of my head asketching web banner layoutnd onto paper. From there I would pick maybe 3-5 of those and focus on those, then narrow those down making visual decisions, repeating this process.

 It helps me to understand and study the space before I go into the computer. It helps to find new positions, things that are static and centered are predictable and often visually uninteresting, (there are times when static positioning is effective, situation dictates.) Basically when I sketch, I am not going into the design “blindfolded” or rolling with the punches that technology throws at me. I need a foundation, and that is sketching, you can’t build a house with out a foundation!