Topics
Dates
200902 · 05 · 06
2008
01 · 02 · 03 · 04 · 07 · 08 · 09 · 11
2007
06 · 07 · 08 · 09 · 10 · 11 · 12
Also check out FishoftheBay.com for more thoughts about design and life.
Is Prototyping Necessary?
Interaction Design January 15, 2008
Many web designers stress the need for heavy site prototyping and planning before the actual coding happens. That is, they sit down and after outlining the information architecture, plan the design with all the images and colors, etc.
Personally, I find that process rather tedious and time-consuming. My method is to simply start with a really simple layout, build the basic code and get some links working. Then once the basic site is setup, it's time to go in and add tweaks. I'm the kind of person who is continually improving things. I'm usually never satisfied with something and can probably always find little things to change here and there.
Hence, when I'm making a new website, one of the reason why I make it so fast is because I don't think much about the design other than what is needed. Yes, this tends to lead to very clean and sleek designs because it's simple and fast. But later, I can go and add more details if I feel like it.
The point is that I don't want to overthink the design. That's the worst thing that can happen to a web designer. If you put too much thought into the design and not enough into the functionality, you become an artist: form over function. But we're designers - that means we put function first. So I like to set up a decent and simple interface and then work on all the functionality (AJAX, Javascript, PHP, MySQL database design, etc.).
Once I feel comfortable in the site's functionality, I'll sleep on it and use it for a few days and undoubtedly will come up with improvements for the layout.
Function over form can entice users and make them keep coming back. The interface should always be intuitive yet unobtrusive. A flashy-designed site with poor functionality can have the reverse effect, driving users away. Making it simple both in form and function is the real trick.
Other Interaction Design Posts
Interaction Design: A Visual Command Line
Code is essentially comprised of a bunch of functions that achieve some task. In the old days of computers, users would utilize these functions by typing something in some kind of command line. Even these days when writi...
Multi-Touch Interfaces
The multi-touch interface is emerging of late as the new interface for digital devices, what with the iPhone, Macbook Air, Microsoft Surface and others. With this comes a whole new way of human-computer interaction which...
Apple Breaks The Consistency Rule
My friend Elliott informed me that there's a discrepancy between the MacBook Air multi-touch interface vs. the iPhone interface and it's quite fascinating. A major part of Apple's Human Interface Guidelines (Found Her...
Choices: Less is More
How many ways can you eat a Reeses? How many ways can you turn off your computer? People like choices, but they don't like too many. I was reading a bit from Barry Schwartz's "Paradox of Choice" and was intrigued on the ...
Design is an Experience
What is design? Is it the graphics we use? The colors? The fonts? Yes, those all have some effect on the end experience, but I'm talking about something bigger. Something more encompassing. Design is the whole experi...
Spaces
Define spaces in your application. Too many websites and desktop applications jumble everything else. Again, like a house floorplan, divide everything into spaces and figure out the 'transition functions' between them...
Designing in Steps
If you're creating an application that DOES something (as opposed to say, a website where users just search for something) it's essential to design in steps. What does that mean? You need to figure out how to user int...