Web designer interview questions

Posted on May 5, 2009. Filed under: Uncategorized |

Few days back, I prepared a web designer interview-questions list. We required a good web interface/templates designer for asp.net projects. Knowledge of some programming especially javascripts was bonus points. Here is the questions that I prepared.

Web Standards
– Why would you choose XHTML over HTML?
– What web standards and guidelines do you follow for designing web sites?
– Why do you want to follow W3C standards? Is it really necessary to follow these standards?

Professionalism
– What are your steps of web page designing process (photoshop template or direct HTML template)?
– How are you flexible with your process and client communication?
– How do you make your website consistent among all the browsers?
– What are the tools that you use for web development? + other third party tools?
– How do you keep up-to-date with various standards and tools?

Technical Knowledge (HTML/CSS/PHOTOSHOP):
– How comfortable are you in writing hand-coded HTML?
– What is the difference between DIV and SPAN tags?
– Explain: padding/margin, display:none and visibility:hidden, stacked layers (positioning, z-indexing), floating objects
– How do you handle transparency in web-page elements
– What is the difference between vector graphics and raster images. How would you choose filetypes for publishing in web??
– What are RGB/CMYK/HSI color models?

Extra technical knowledge:
– Do you have any experience in making skins for DNN or other CMS systems?
– (Javascript) Do you have any experience in javascripts?
– (Javascript) How do you show some dynamic text in a DIV? Showing layers, popup controls?
– (Javascript) Form validations:
– How do you disable form submission when validation error occurs?
– applying MAXLENGH in textarea
– enabling/disabling form fields
– any knowledge of regular expressions
– (Javascript) Is there any javascript library that you have used?
– (XML/XSL) Do you have any experience in XML and in XSL transformations?
– (Flash) Do you have any experience in Flash? What are symbols in Flash? Can you do basic ActionScriptings?
– (ASP.NET) Do you have any experience in ASP.NET websites? Tell about challenges while working with programmers.

Optimizations:
– Do you consider Search Engine Optimizations (SEO) when making web designs?
– What are the things that you use or avoid to ensure the web page you designed is SEOed? (Like frames, headers, alt texts, js texts)
– How do you perform page-load optimizations?

Creativity:
– Which site do you think is best designed? (In your opinion, what is a good designed website and bad designed website?)
– Do you think that creativity is part of human nature or is it something that can be learnt?
– What do you most dislike about web design industry?
– What are other creative-thinking hobbies that you have? (like painting, photography, literature, ..)

Advertisements

Make a Comment

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

9 Responses to “Web designer interview questions”

RSS Feed for vinayak’s web whistles Comments RSS Feed

Hii vinayak. questions are very good.
can you post the answers also. so it will be more helpful thanks in advance

hanu

Hi Vinay,

The exact list of questions I was looking for. Brilliantly short listed. Really useful for me.

Thanking u in anticipation
Aditya S

Here there can not be an error?

Hi

I read this post 2 times. It is very useful.

Pls try to keep posting.

Let me show other source that may be good for community.

Source: Clerical interview questions

Best regards
Jonathan.

Hi vinayak,

I like your quetions list. This will very help full for me also

Hii vinayak. questions are very good.
can you post the answers also. so it will be more helpful for Designer .

Good one..Thank you, this is what i was looking for

Needs some copyediting for flow, logic, typos, etc., but this is a pretty good start. I think it might be more practical to ask about design philosophies, development models (Scrum, Rapid Development, etc.), and experience at integration — for example writing blog/CMS (WordPress, DNN, etc.) plug-ins, translating between LAMP (or MAMP) and .NET for seamless user experience but radically different backends — than to ask bone-head stuff like whether the candidate uses frames or knows what MAXLENGTH is. If you haven’t already eliminated “I have my head up my butt” candidates by the time you get to an interview like this, you’re probably doing something wrong in your hiring process. Some of this is too specific.

The main problem is that some of it just doesn’t parse (“How do you show some dynamic text in a DIV? Showing layers, popup controls?” – that’s just gibberish, really. What do you mean by “dynamic”, in what context? Are you talking about scrolling tickers that are doing stuff updated by something in the background as part of the presentation of the content, upon loading the page? Or AJAX-altered material – maybe entire appearing and disappearing forms and controls – in response to user selections? Or pop-up notes in response to mouse-over events? Or what? Don’t play buzzword bingo with terms like “dynamic”. And following that with seemingly random words like “showing layers” and “popup controls” is confusing. Do you mean to ask whether the candidate knows how to work with layers and hide and show them, and whether they know how to control popup windows or institute some functional menus that pop up on events like focus (two different things)? Or, on the other hand, are we supposed to parse this as “How do you show some dynamic text in a DIV? How do you show layers? How do you show popup controls?” (again with “dynamic” and “popup” both being ambiguous buzzwords). This is kind of what I mean by “needs some copy editing”.

Glaring omissions are usability and accessibility. These are pretty much sciences at this point, with a lot of solid, published material on them. Any developer should “have a clue” with regard to both, and a lead developer should keep them in mind as functional requirements at every stage.

My version of this would look a lot different. It would ask about how well the candidate is able to delegate and manage. An example scenario is how to ensure QA meets deadlines when a Flash artiste in Seattle has been brought on at the last minute to replace someone with the flu, and deliverables are due in a week and must integrate with code the lead developer’s been doing in [X]HTML and CSS and JS, while the backend’s being done in XML by someone in Toronto who keeps weird hours and has been AWOL for two days. I couldn’t care less whether the candidate knows regexps (that’s what regexp cheatsheets are for; no one actually KNOWS regexps except *n*x sysadmins with half-meter beards); I want to know how candidates handle technical and human pressure that requires them to integrate their technical skills with those of others and also be rational human beings at the same time, capable of making judgement calls.

All that said, I think this list does ask some key questions. I’d be very interested in the answers to questions like “How are you flexible with your process and client communication?” and “Why do you want to follow W3C standards? Is it really necessary to follow these standards?” and “What are the tools that you use for web development?” High-level stuff like that will tell you most of what you need to know. I’d then feed them a very simple, mockup homepage in blecherous table-based layout code ca. 1997, with all kinds of hard-coded sizes and font crap, spacer images, abuse of semantic code for display purposes, and 4-level-deep nested tables for menus and content placement, and say “You have 1 hour to turn this into [x]; it doesn’t have to be pixel-perfect, but functionally identical or hopefully a major improvement, and usable cross-platform”, where x is whatever we want to work in (HTML5 + CC3, or XHTML1 / HTML4.01 + CSS2 or whatever). Or some similar kind of “do you really know what you’re doing?” test for whatever kind of position was open (maybe it’s for a Java coder for a mobile game, whatever; I’m just using HTML/CSS as the default example here).

PS: “How do you perform page-load optimizations?” is a good one, and infrequently asked. Nice catch. I’d want to see answers that covered both loading of external resources like images and scripts as well as internal optimization like preemptive declaration of variables, functions, etc, that are certain or at least very likely to be used later in the page, so that most of both kinds of loading happen during page rendering rather than when triggered by user action. While it’s obviously #firstworldproblems, it’s extremely irritating to many users to have to wait longer than a few microseconds for scripts to “do something” after the user has taken some action like clicking on a button.


Where's The Comment Form?

Liked it here?
Why not try sites on the blogroll...

%d bloggers like this: