Archive for the ‘Design’ Category

What’s Next for Typesites?

Thursday, May 15th, 2008

Typesites has reviewed sixteen websites with interesting typography so far, and it’s come time to reevaluate what the site is now that its had some time to settle and evolve. Four months may not seem like a terribly long time, but since the idea behind the site was relatively fresh I had no idea how it would be received, or used. Thankfully, the site has proven quite popular, and I’d like to take the chance to thank everyone who has taken the time to stop by. I’m extremely grateful for all the wonderful emails, comments, and guest authors; without you the site wouldn’t be possible. Cliché, I know, but it’s true.

I’m working on some updates to the design, as what exists currently was a bit rushed and doesn’t quite accomplish the goals that it should. To make use of the opportunity, this is a good time to add additional features as well—reviews still being the focal point of the site. As Typesites exists by and large from its readers and guest authors I think it’s only appropriate to ask you what type of content you would like to see on there.

So I’ll keep this short and sweet. What do you love about Typesites? What do you dislike? How would you feel about a side-blog that spotlights web typography techniques? How else can the site be improved? The floor is yours…

Initial Impressions of Silverback

Wednesday, May 7th, 2008

I was extremely excited today to receive an email from Clearleft that I had been selected to be a beta tester for their new application, Silverback. Silverback is a user testing application for Macs only that makes use of the hardware available to create a pseudo-user testing environment on demand.

I ran a few tests on coworkers this morning using the application and was simply blown away by its ease of use and useful features. Within 60 seconds I had my first project setup, my first user profile created and was running a test of Clockwork’s products. The most exciting part came when I ended the first test and exported the Quicktime movie file that was created.

Opening up the movie I was greeted by a full scale representation of my desktop, along with a picture-in-picture view of the user in the lower right hand corner. The application recorded everything that the webcam could see for facial reactions as well as audio from my Macbook Pro’s built in microphone. The screencast of the entire desktop allowed for me to watch what the user was doing as well as reported any clicks with small overlaid circles.

This type of basic user testing functionality built into my laptop and organized neatly in one application simply blew me away. It’s a great substitute for anyone without a dedicated testing lab (which few small scale companies have available), and even if you do have one; it makes for an awesome portable test station, no extra cameras or one way mirrors needed.

I’ll be posting more about my beta experiences in the near future, but it would be suffice to say that Silverback will be a must have application for anyone working on creating websites or interfaces for web applications. Since it allows for full desktop usage I’m sure it would also be super useful for anyone testing desktop applications as well.

For the latest on Silverback, you can follow the Silverback Twitter Account.

Enjoy the screenshots! Click them to view a larger version on Flickr:

Project CreatedNew project created
Adding a Test SessionCreating a new test session
Ready to Start SessionReady to start a session
After Finishing a SessionSession finished
Exporting VideoExporting Video

There Are No Trends in Design

Wednesday, April 30th, 2008

There are merely the illusion of trends. A trend is a term for whatever the stylists are copying en masse at the time. What are stylists? Stylists are people who are technically proficient with the tools of the trade to create design, but lack knowledge of the design process. Rather than applying the process they simply find something they find cool at the time and reproduce a spin-off of it.

When you create something along the lines of the Web 2.0 look, or a hand drawn look for example, you are assigning attributes to whatever the content happens to be that may or may not be appropriate. Design communicates a visual message to a viewer, and when you communicate the wrong thing, you are failing your client.

In fact, this type of ‘design’ devalues real design. Just look across the blogosphere, look at the bountiful amount of Web 2.0 style sites for companies which have no qualities that fit the stigma that comes with Web 2.0; it just looks pretty. Look at the dozens of illustrative, organic feeling designs that have popped up recently. Someone told me that super-sized text is a new trend (when the size of type is considered a trend, may the Swiss have mercy on our souls).

To put it in one sentence, I really love Wikipedia’s definition of design:

Designing normally requires a designer to consider the aesthetic, functional, and many other aspects of an object or a process, which usually requires considerable research, thought, modeling, interactive adjustment, and re-design.

Everybody’s Doing It!

No. No, they’re not. Think of the industry rockstars; none of their sites look like each others or any others for that matter. There are many knock-offs but they all pale in comparison to the original design. The reason why the remakes can never ascend to that level of design is because the design is no longer communicating. Each personal site design visually encapsulates the personas of many of these people:

Cameron MollCameron Moll’s site, Authentic Boredom; Classy, yet personable.
Elliot Jay StocksElliot Jay Stock’s site; Edgy, a little bit of rebellion.
Shaun InmanShaun Inman’s site; Crisp, clean, minty.

None of the above three sites look the same, nor will you find any other prominent designer’s sites mimicking their style. Can you imagine, say, a law firm in Shaun Inman’s design? No. Even though the site is very clean and professional, it has a certain quality to it that is particular to Shaun. This is the core foundation of design, the very thing that separates the designer from bloke who figured out how to save as HTML from Microsoft Word. Creating anything with disregard to emotions, preconceptions, and message is not design.

If the people many of us look up to are coming up with great visual communications which succeed at communicating the proper ideas, shouldn’t we be following suit? If you do believe in trends, maybe the next one should be unique and communicative.

Powerful Design Books

Thursday, April 24th, 2008

As someone who is always reading three books at a time, I’ve read more than a fair few of books on aspects of the web design industry. Unfortunately I think quite a few of them are duds; while others are particularly good. So good in fact, that I lend them out frequently to friends. Recently, one of them asked me for a list of the ones that I thought were the best, and I thought I would share it here as well.

Designing the Obvious

Designing the Obvious

Designing the Obvious was the book that created my passion for user interface design. Many of the principles within the book drive my thoughts about the tandem of simplicity and user experience. As far as application interface design goes, there is no better book for theory. That said, the information in the book is applicable to all facets of interactive design. The title itself, is pretty self-explanatory (obviously!) and the book makes for a good read, rather than being overly technical.

Don’t Make Me Think

Don't Make Me Think

A must-have for anyone working with front-end design on the internet, Krug’s book has aged particularly well. The examples are in most cases no longer on the internet, but the principles and ideologies are still very relevant. If you don’t own this book and you do any form of web design, you need to at the very least borrow this from the library; though you’ll probably want a copy as your bible. My copy is getting pretty dirty on the covers.

Analog In, Digital Out

Analog In, Digital Out

Brendan Dawes is a curious man. Analog In, Digital Out is a book about interaction – sort of. Dawes takes a look at how every day events can be information that can be harnessed to produce designs, and frequently challenges the way we see computers today. The examples in book even include snippets of code to reproduce what he has made. Reading this book opens a new way of abstract thinking. Someone is going to read this one day and create some sort of technological marvel.

Thinking With Type

Thinking With Type

This book introduced me to the world of typography. Over time I’ve found that nearly any book on typography repeats the history of type for the first half of the book, and while this one is no exception, it presents it in an interesting manner. The examples and explanations are more manageable than The Elements of Typographic Style and I would highly recommend this as a starting point for those interested in learning more about typography.

About the Redesign

Sunday, April 13th, 2008

This redesign was sparked by quite a few things. But what truly set it off was coming across a post on Greg Storey’s Airbag. To summarize, he writes about a moment of nostalgia of the pre-web 2.0 era; back when the visual differences between sites were vast and everyone worked to be unique in some way or another.

I absolutely loved reading the post (even though it is from 2006) and decided to push Astheria.com to be a little different from other blogs. Fortunately, this sat pretty well with me since I wanted to pull the articles out of the mess of lesser posts anyway. This makes things a little different on its own but I hope it will drastically improve the findability of what most people are going to care about. There are no longer sections for metadata or categories, and the archives are a bit radical. It’s still a blog, it still has a relatively conservative layout, but it’s a step in the right direction I think.

I have some interesting thoughts regarding the use of human computation and blogs that I didn’t have time to address in depth, and that’s something I’ll be working on behind the scenes for a while. Look for it in the future.

A Work in Progress

For now, I’m still working on tweaking and fixing for different browsers, but I’d love some feedback. It’s going to take a good bit of polish to bring this to the level of the previous design.

Evaluating the Wordpress 2.5 Interface

Tuesday, March 18th, 2008

The official Wordpress blog posted up a nice sneak peek into the Wordpress 2.5 release, and intriguingly enough, most of it seems to be an interface update thanks to the fine folks from Happy Cog. Excitedly, I grabbed the release candidate and installed it on my laptop to play with. While the experience was primarily positive, there were some things that irked me. This isn’t an exhaustive list by any means, but the ones that I felt most passionate about are here.
 (more…)

Portfolios That Accomplish Goals

Wednesday, March 5th, 2008

In response to a few comments on ‘My Last Portfolio Sucked, Yours Might Too’ I’ve done some more digging and have come up with a short list of portfolios that I feel cover the right bases. They may not be completely perfect, but if you’re looking for an example of the right direction, hopefully you’ll find it here.
 (more…)

My Last Portfolio Sucked, Yours Might Too

Tuesday, February 12th, 2008

Last evening I was browsing a few portfolios after having a discussion with a friend who was redoing his own. I have to say it was a frustrating experience just looking through a few. In fact it was so frustrating, this post came as a result. After browsing 200 portfolios and keeping track of certain criteria I know I never want a job in human resources.

At any rate, I hope this will be useful to those of you looking to create or reevaluate your portfolio. Yes I’m an opinionated bloke, but I think you’ll see my reasoning as relatively common sense items that people just overlook.
 (more…)

Typesites Goes Weekly

Monday, February 11th, 2008

The original plan was to be biweekly because of the chaos and anarchy of having a guest author each week. But, the hell with that; I’ll be posting a review weekly. Timelines be damned.

On another note the site has done very well during it’s first week, and there’s already a new review up. Thank you to anyone who has commented, emailed, linked or whatever. It’s been fun.
 (more…)

Introducing Typesites

Monday, February 4th, 2008

So what is it? Well, since I’m tired and cranky from fixing browser bugs all night, I’ll let a snippet of the about page do the talking:
 (more…)

A Meta Way to Proceed

Wednesday, January 23rd, 2008

I’m sure you’ve read the articles recently posted on A List Apart. Although the issue isn’t exactly breaking news as this methodology has been rumored for a few months. Perhaps the moaning should have begun then as things are likely set in motion and are not likely to stop or change course.

That said, I’ve found myself wondering as I’ve read numerous blog posts about the subject and wondered why some things have yet to be pointed out. Feel free to call me out for being an unrealistic fool.
 (more…)

Originality in Web Design

Wednesday, January 16th, 2008

While reading Brendon Dawes’ Analog In, Digital Out, he speaks briefly in an early chapter about his inspiration—everyday things. While this is not exactly a novel idea that hasn’t been reiterated about design for many a year, he does make another statement that truly deserves some reiteration:

if you’re designing for the web, why look at loads of design portals that show loads of web sites that essentially all look the same? […] Surely they offer too narrow a view to be really inspirational.

Quite.
 (more…)

Getting the Lead Out

Tuesday, January 8th, 2008

I’m tempted to post the same generic crap that most others do in a situation such as this: “I’ve been busy.” But in truth that would be a bit of an understatement so instead I’ll list what’s waiting in the wings and a few things that bug me in the web world as of late. Chew what you will.

 (more…)

Headed to FOWD in NYC

Thursday, November 1st, 2007

An exciting time indeed, just six days away will mark my first venture to a real sizable web conference. It’ll also be my first time on the east coast, and the jump in city size from Minneapolis to New York should provide a pretty good squelching feeling in my stomach.
 (more…)

A Case for Usable Content

Tuesday, October 23rd, 2007

Every time you venture to a website that gives advice about websites, you’re bound to run into the line “content is king.” In truth, the value of your site is by and large that of your content. Aesthetics and marketing only go so far. People come to a site with a goal, and that goal is always content focused. Yet we seem to often sacrifice this in the name of design.

Our evangelism for semantic code is all in the name of usability, many of us spend time in design critiques or wireframe discussions about the usability of workflows, the proper words to describe a key menu element, or even going to bizarre lengths to keep out that one last wrapper div that we feel we could find a way around. But at the end of all this, we’re using image replacement on header text, and leaving content handling in the hands of the questionable practices of rich-text emulators. Nothing wrong with that, right? It’s a pretty standard practice on the web today.
 (more…)

Why Other Designers Are Not Web Designers

Thursday, October 11th, 2007

Granted, you may be a most excellent designer in your field, whether that be newspaper layout, graphic design, or whatever. Odds are, however, you don’t have that same level of expertise in the world of web design. So why not? You have the essential skills in your mind, the capability, you’re capable! However, being capable is great when you’re designing your personal blog, your MySpace profile, and that site for your neighbor’s book club. However, clients tend not to see this and figure that since you know HTML, hey you can make them a website too.
 (more…)

Do Feed Readers Kill Blog Identity?

Friday, September 28th, 2007

Rett Martin
1:21
I use bloglines to track my blogs. Before bloglines I used to always visit the individual sites and in doing that you take in the blog’s brand or identity, however when you read stuff through bloglines, you lose that and everything becomes bloglines-branded
 (more…)

The User Experience of a Blog

Monday, September 24th, 2007

Blogs have become the most popular self-publishing platform available on the web. While the weblog has been in the mainstream for a moderate period of time there are some conflicting user conventions at play between different software.

The real issue here is that the format of a blog is different from that of a conventional website and has generated a new set of user conventions based on its format. These have had a deeper impact on the web than is visible at first glance, many of these conventions have carried over to news websites as well as other areas of the web and mostly are expected of any site where the content changes frequently with a headline with an accompanying article format.
 (more…)

iPod Touch Brings New Meaning to the Mobile Web

Thursday, September 6th, 2007

From coffee shops, to shopping malls, to schools, to wherever, the new iPod Touch just brought the mobile web to a much larger audience. We all know iPod’s sell like hot cakes and now the drooling sensation we’ve all felt about the iPhone is no longer going to be held in check by the stiff contract and service fees from AT&T. So given the iPhone hype and iPod success rate, my guess is that this just might be a hit and sell like hotcakes.
 (more…)

Choosing Type Alignments for the Web

Friday, August 31st, 2007

Text alignment is always a tricky issue, especially on the web where we are at the mercy of text rendering, sizing, and window space all at the discretion of the viewer. However, all forms of alignment have their place on the web. But before we get to the decision making process, let’s have a closer look at our options.
 (more…)

The Elements of Design Applied to the Web

Wednesday, August 15th, 2007

Design is broken up into a number of basic principles that apply to all design from type creation to painting to page layout, both on the web and in print. However, especially on the web, these rules tend to be forgotten and we just go with what feels “right.” This isn’t because designers are feeling too loose to abandon these rules, but rather, most people working on the web don’t even know they exist – if they do, they don’t understand how to use them.
 (more…)

Expand Your Web Typography

Sunday, August 12th, 2007

Meanwhile sans-serif fonts run in fashion cycles between Arial and Verdana with a spurt of Helvetica, Trebuchet or Tahoma use coming and going. Most of the remaining web-safe fonts are either mainly useful in certain applications, such as Courier or are a sin to use in most of the design community (Comic Sans).
 (more…)

Colophonics of the Redesign

Friday, August 10th, 2007

I know few people read these things so I will keep it brief, and if I do begin to bore you please do take the time to drop your thoughts in the comments. Thanks for visiting!

The basic concept for this design is something I tend to express in frustration every time I come across a website and am forced to bump the text size up or wait for all of the imagery to load up so that I can enjoy the content. The web is all about content and the goals of users is (in the majority of cases) to view that content or submit some form of content. Anything that complicates that process is just… unnecessary. I feel I’ve accomplished my goal of putting the content front and center.
 (more…)