Web Design Elements You Shouldn’t Overlook

One of our HOW colleagues recently sat down for a digital Q&A with James Pannafino, professor at Millersville University whose research interests include information design, motion design and visual storytelling. In advance of Pannafino’s Online Design Tutorial 7 Basic Web Design Components that are Often Overlooked (live today at 3 p.m. ET) they discussed some common misconceptions that print designers have when transitioning to web design. Here’s an excerpt of the interview.

Q: You say web design is in the details. Can you tell us about what details you think are most important to the design process?

A: Understanding user experience and the many factors that are involved is one of the most important parts of the web design process. It’s difficult for some to put value into something that doesn’t have a visual or tactile end product. During my presentation and in my new book, Interdisciplinary Interaction Design, I discuss the use of signals and cues. The designer can’t just assume the user knows a button is a button or a link is a link, you have to develop a system of color choices that will become intuitive for the user over time. The funny thing is user experience isn’t all that new, industrial designers have been thinking about user experience for ages. Do you think a company who makes a toaster is going to build and mass produce something without testing it? Why should a website be any different? Good web design is part strategy (research, planning and design) and part tactic (testing and development) Both need to be considered and seen through.

Q: What are the aspects of the process that often distract designers from the components of web design that can really make a site successful?

A: A fundamental component that tends to distract some designers is that you can’t design for a fixed size. A designer can’t just hand off a design to a developer without instructions on how the design might change across screen sizes or mobile devices. Sometimes this endless canvas thought process is difficult for people to get over. Communication theorist Marshall McLuhan talked about the difference in hot and cool media and how our senses and perceptions affect how we experience digital media. There is a difference between reading a printed book and watching a video on a screen, designers need to be aware of how humans interact with media presented to them.

Q: For someone transitioning from print design to web design, what are some of the common mistakes beginners make, and how can those be overcome?

A: In general a common mistake is to have the overwhelming feeling that you have to know everything to be a web designer. The field of interactive design is very broad and specialized, a creative individual can go into content strategy, user experience, visual/concept design, the list goes on. You don’t have to know everything, find a niche and then develop a fundamental understanding of the other sub-disciplines so you can talk and collaborate on projects.

At this point web design has a history to it, it’s important to learn that history and all the aspects that come with it. While I do think understanding basic markup language (HTML/CSS) is good, I think too many print designers think that’s all they need to learn because they’re already a good designer. If you really want to learn web design, start with the timeless fundamentals that deal with experience, choice and functionality. Become a sponge and try to see where these principles overlap with the function of web page design.

Learn more about Pannafino’s Online Design Tutorial 7 Basic Web Design Components that are Often Overlooked—today at 3 p.m. ET.