Userflows are the foundation from which the interface takes its form. All later parts of the project hang upon them. So what are they?

The userflow is a map of how the user interacts with the system, and how the system responds. The userflow will define what actions can or cannot be taken within the system, what happens when there’s an error, and how different types of users (for instance, this project uses Guests who aren’t logged in, Users who are logged in as registered users of the forum, and Admins, who belong to the admin group) navigate differently through the system. Note that a userflow will delineate what controls are needed but does NOT specify the form they take 99% of the time. Choosing the format of the control comes later, as part of the interface design, once you look at all the controls that are needed and how you can present them without them getting in the way.

There are a number of super programs out there that you can use to create stunning userflows. I used to use InDesign for them because I was comfortable with it from my print background but Illustrator, Visio, OmniGraffle and probably twenty or thirty other programs all have great features that can streamline your work and give you a polished presentation.

But you know what? I like drawing them in Google Docs. Besides the fact that I can access them from wherever, on my laptop, my pc or my Mac with equal ease, and share them with whoever without having to make a zillion copies, I just find it really easy to work with. Plain single-color boxes and arrows that snap to the anchor points of the boxes so I can move the box without having to reflow if I need to? Yep, that’s all I need. There’s something to be said for having a snazzy presentation for a client, and I get the arguments in favor of “sketchy” styles. I’m not knocking either approach. Personally though, I prefer to keep my flows as bare and simple as I can because when I start focusing on how to make them trendy, I’m diverting attention from making them function.

Flows available after the jump. Read the rest of this entry »

I’ve got two main forms of amusement: coding and gaming. So it’s probably no surprise that most of my best online work gets poured into my WoW/SWTOR guild, Seelund Trading Co. I’m pretty happy with how the site looks and functions, but I’m always looking for new ways to make the site more useful and draw people to it.

My next big project is a combination module that has two parts: an event module, and user-generated character profile/information pages. Because I want to let people post events as their characters, which I can’t do without actually having characters already set up as entities, I decided to start with just the character pages half. This series will walk through my design and development steps as I build the module.

All of my major projects start as pages in a letter-sized legal pad. I’ve got these babies littering my dining room, my library, and scattered across the table I work at. I keep a rainbow collection of gel pens handy to match my mood and when I get an idea I’ll snatch one up and go sit in a corner or at a table trying to get the idea down on paper before it’s gone. Read the rest of this entry »