Tag Archive

“Usability Testing Castaway”

We’ve been working closely with MSU Usability Center to conduct testing on a  high profile website client. This testing came after the fact we built the site but now I can see the benefit of testing through iterative phases. While not cheap to conduct an organization that truly wishes to make their site focused and effective should definitely consider running their site through this valuable process.

The testing entails a series of questions they ask typical users to run through in finding some information in the web site or to perform a specific task such as purchasing something. The subjects are monitored on video and they’re encouraged to verbally talk about their process as they decide where to go as well as offer up suggestions that would improve their experience. Meanwhile we as developers watch the testing in another room and can’t seem to yell loud enough through the wall “click on the link that says e-commerce!!” all the while they were just looking for a link that says “Buy this item here.” I think we as web developers and designers often forget that we’re not the typical average user. We often fall into traps of using jargon and terminologies in our sites that an avergage user wouldn’t understand. Many times this is the verbage coming from the organization but they too aren’t the typical user. They come from the perspective of how their business runs and already have their own biases in using internal terminologies that can further confuse a user. If you want to make a happy customer they need to achieve the goals of your site, enjoy the experience and come back. A effective useable website will provide them answers quickly and be presented in a logical layout that strengthens your branding but more importantly accomplishes helping your user find what they need. A happy customer means a happy website owner.

Often during the study we noticed a simple thing of how something is labeled would confound and confused users even if it made complete sense to us.  Simply adjusting the verbage to something more simple and clear to the customer and not to expectations of the organization or developer increases click through rate immediately and drives them to the answer they were looking for to begin with. We should always be conscious of how the site is reading right down to how we verbalize the links or the sub headlines. User center design starts and ends with the users and the sooner we can have them involved the better the site will be.

Below is my latest design work. A promotional poster for John Carpenter’s Halloween that I created on the Wacom Cintiq 12WX Digital tablet. It’s a very comfortable and easy to use digitizer that allows me to draw in the most natural way, directly on the actual screen. It’s got a pretty hefty price tag of $999 but in comparison to my Intuos this just blows it out of the water and well worth the investment. I finally feel like I’m back to real sketching and illustrating except now I have a “undo” function built in. The tablet also  has a great feel to it with the pen and active digital eraser as well as the customizable buttons and track pads on either side of the drawing surface to program all your shortcuts. There’s quite a few cables for it for the DVI, power, and USB hookup but it’s pretty easy to setup, install, and configure. The Mac immediately recognizes it as a second monitor and in no time your sketching away.

 This poster has landed me an opportunity to work with Cinema-suicide.com to do movie posters for their midnight film showings at a local theater in New Hampshire. I can’t expressed how excited I am about this opportunity. It brings together my love for b-movies, horror, sci-fi and my love for illustration in an all you can eat buffet of coolness.

here’s a video of the Cintiq in action.
 

Apple always makes great interfaces

I found this neat little feature in Quicktime Pro that allows you to import a mask layer image directly into your movie clip. Basically I needed to crop down a movie but not actually shrink the content to fit into the smaller window. I Only needed to crop off the extraneous data at the bottom of the clip so it would be a much smaller file size when I imported it into Flash as well as being more in tune to the shape I needed for the background of my animated header. (I do not in anyway condone the use or creation of animated headers..please consult your physician before attempting to make your own animated header.)

So heres how. First open your quicktime movie and go to “Window” then “Show movie Properties” and you’ll get this nice little dialog box. Can you sense the power? It does a lot of other nifty things but I just wanted to crop my film.

You’ll notice that you can choose a image to create a mask in the left box. I quickly created a image in photoshop the full size of my movie which is 380 by 216. Then in my image file I create a thinner black box where my movie would play through and saved the file out as a 2 color .GIF. Quicktime then cuts away the white and crops down to the black box automatically. I select the “extract” button in the upper left and blam! I now I have a perfectly sized self contained movie file with the extra stuff cut away. Very handy! Hey I know it’s not rocket science but it’s the little things that impress me.

The Mid-Michigan Creative Alliance (formerly Lansing Ad Club) put on a nice event called the Studio Crawl I attended earlier today. It was a chance to tour professional creative studios specializing in graphic design, video production, and photography. It ran from 3:00pm - 6:00pm which was no where near enough time to explore all these great spaces and talk with some wonderfully creative talent.

Signed-up…got started…made a u-turn
Vision Creative was the closes to our offices so we stopped in there first to pay our entry dues and get our maps. I felt $5 was more than reasonable for this event. Of course I realized I only had a single dollar bill in my pocket at that point…luckily I still had a blank check in there (in case I had the spur of the moment feeling of paying a utility bill.)

Vision has a very nice space. Lots of brick work exposed on the walls. Vision has a sort of modernized industrialized feel to it that suits it well. There’s exposed duct work and smooth curved color walls to contrast against the rugged brick and metallic pillars. I Loved the open floor plan. They also had a neat lower-level space with multicolored walls where they showcased some of their portfolio pieces even the Artemis folder they did a while back. We enjoyed chatting with Cameron and some of his co-workers but it was time to get moving on. Too little time and too many places to see. When we left we made a u-turn on Grand River to avoid construction…illegal? Probably, but a good shortcut suggestion from Cameron.

here’s some photos from Vision Creative

You’ll feel right at home at Tria Design
Next we headed into Old Town Lansing and stopped at Tria Design. It’s a large victorian older home that’s been converted into a nice cozzy office space that sits across the street from Elderly Instruments. Warm colored walls with energetic vintage paintings are everywhere and there’s even a full kitchen up stairs amongst the other office rooms for those late night design jam sessions. The studio is run by an all women business team and they’ve made it into a very inviting warm environment and are putting together some nice print work. There’s also a very sweet lab that greats you at the door.

here’s a blurry photo from Tria Design..I best never become a photographer

Ciesa Design…If I could design my perfect office space you would be it.
Ciesa is pretty much the ideal creative environment. An inviting colorful entry way and stylish front desk with hardwood floors. Some of their best poster work from their various sponsored BWL events adoring the wall under some unique shaped lighting. The conference room had a impressive LCD with a mac-mini hooked up for client presentations running a Keynote of their space rennovation. There was free popcorn as you strolled their stunning wood deck overlooking the river. A great place to relax and gather some creative inspiration. Downstairs a secondary meeting room with a full kitchen and additional offices as well as room to grow for their expanding staff. Attractive warm colors stretching into each room and tall high beam ceiling with exposed duct works adds to the creative atmosphere. Creative eclectic furniture including original pieces from the restoration of the building break up the spaces and shelves of great resource material and design magazines are around in various offices. The photos I took don’t do this place justice. This is how you make an office space.

photos from Ciesa Design

Such Video…such a cool space
Upon entering Such Video your immediately struck by the giant vintage art decco mural on the brick wall facing you. At first I figured they painted themselves but turns out it was actually there when they exposed the wall. They mentioned the upstairs studio has an original Coca-Cola mural on it. Amazing, and what a great unexpected touch to give their space a unique feel for clients and employees. Such Video does some great high-end video production for commercial/business uses.

Their studio setups are maxed out with the latest editing software and equipment spotlighted in some mood lighting and there’s even an area in the back where they do green screen effects (perhaps where I can film my battle with a hell demon beast for my own b-movie?) We were shown a few samples of their latest work and I was very impressed by their vision and creative edge. Hollywood quality in our small town.

Most interesting was their website which was a 3d object fly through that represented a bookshelf of interactive elements. It took nearly a year for them to get the site together and the attention to detail and quality of it’s presentation show through. It goes to show you need to take your time and build your brand. Do your best on your own work to show others what you can do for them. It’s worth the time investment.

photos from Such Video

Pace and Partners Hip High-end Agency.

Pace was our last stop right before the 6:00pm cut off time even though I wish we could have toured many more places. Pace has an expansive professional creative space that overlooks the Grand River. Their strong theme of red and metallic textures are evident throughout the studio and make for a nice high scale environment as a leading ad agency. Meshed metallic and the popular exposed duct work carry you through the space leading to a large open deck over the river from their larger picture bay windows for that space to get away to for inspiration from nature. There’s also a neat alcove in the office that contains a wide selection of design materials and soft cushy furniture that I would never leave. I talked with Jack Hedler there who is a skilled copywriter and all around great guy. I’m going to be sending him some of b-movie reviews for pointers on my writing style and skill. He knows of a few other people I should talk with as well. Awesome.

pictures from Pace and Partners

The End of the Day
So it was such a great experience and has gotten my creative fires burning again. I made some good business connections as many of them we’re interested in what Artemis could offer as well and in seeing my work. In talking with the other creatives I found some good resources to help me with my own creative endeavors and to network with. It just goes to show there are some great hidden secrets in Lansing with a booming creative culture that is enriching the community. I hope I can become a big part of that.

Over at Shuellers books in East Lansing there’s a small gift area I like to browse before I begrudgingly pay $50 for a design book. I can often find a few stocking stuffers there the night before Christmas or on a frantic rush for a last minute Valentine’s day present.

They always have some unique gifts that catch my designer’s eye. In particular there’s some great items from a company called BlueQ and it’s not so much the products themselves which is usually just an average assortment of lip balms, mouths sprays, soaps, and air fresheners, but it’s their stunning retro package designs and their edgy sense of humor that really makes them stand out from other gift ideas.

I personally love vintage style and retro designing and these are some great examples of it. It just goes to show that packaging design can sell if you do something unique and creative when given something ordinary to promote. Now if I can just fine someone willing to pay me to design them some Totally Awesome 80’s cologne packaging. “Smell like a 1984 Camaro’s interior after a summer BBQ. Cut-off Quiet Riot shirt not included.”