Archive for June, 2010

Styling the TinyMCE interface

Sunday, June 13th, 2010

One of the big problems with most web based WYSIWYG text editors is that standard  editor interfaces don’t provide any feedback about the horrors going on underneath the surface. WYSIWYG editors are often blamed for producing crappy HTML. However I think they generally do a decent job, it’s the users that screw things up by copying and pasting from Word or other web pages and generally doing the sort of unexpected things people do. But that’s not really the user’s fault; we can’t expect most users to know HTML or care if an H3 element is illegally nested in a P element. What we can do is create a nicer user interface that gives them more feedback on what they are creating.

The limits of wireframes

Sunday, June 13th, 2010

I love making wireframes. I love the speed and flexibility of using tools like Balsamiq Mockups or Visio to knock up low-fidelity wireframes. You can print them out for paper prototypes, iterate or bin them and start again. It’s fun (for a web designer). But occasionally I find myself struggling to present an idea in a wireframe. This is because I’ve got to the point where the metaphor of the wireframe breaks down.

Wireframes work because we understand how they represent the finished product. They use an simplified, abstracted, visual language that we understand represents the final interface. When we see a wireframe our knowledge and assumptions about web interfaces allow use to fill in the details of how the final design will look and work.