Tag Archives: graphic design

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!   

 

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!