object(WP_Query)#69 (47) { ["query_vars"]=> array(55) { ["paged"]=> int(2) ["tag"]=> string(13) "visual-design" ["error"]=> string(0) "" ["m"]=> int(0) ["p"]=> int(0) ["post_parent"]=> string(0) "" ["subpost"]=> string(0) "" ["subpost_id"]=> string(0) "" ["attachment"]=> string(0) "" ["attachment_id"]=> int(0) ["name"]=> string(0) "" ["static"]=> string(0) "" ["pagename"]=> string(0) "" ["page_id"]=> int(0) ["second"]=> string(0) "" ["minute"]=> string(0) "" ["hour"]=> string(0) "" ["day"]=> int(0) ["monthnum"]=> int(0) ["year"]=> int(0) ["w"]=> int(0) ["category_name"]=> string(0) "" ["cat"]=> string(0) "" ["tag_id"]=> string(2) "14" ["author_name"]=> string(0) "" ["feed"]=> string(0) "" ["tb"]=> string(0) "" ["comments_popup"]=> string(0) "" ["meta_key"]=> string(0) "" ["meta_value"]=> string(0) "" ["preview"]=> string(0) "" ["s"]=> string(0) "" ["sentence"]=> string(0) "" ["fields"]=> string(0) "" ["category__in"]=> array(0) { } ["category__not_in"]=> array(0) { } ["category__and"]=> array(0) { } ["post__in"]=> array(0) { } ["post__not_in"]=> array(0) { } ["tag__in"]=> array(0) { } ["tag__not_in"]=> array(0) { } ["tag__and"]=> array(0) { } ["tag_slug__in"]=> array(1) { [0]=> string(13) "visual-design" } ["tag_slug__and"]=> array(0) { } ["ignore_sticky_posts"]=> bool(false) ["suppress_filters"]=> bool(false) ["cache_results"]=> bool(false) ["update_post_term_cache"]=> bool(true) ["update_post_meta_cache"]=> bool(true) ["post_type"]=> string(0) "" ["posts_per_page"]=> int(15) ["nopaging"]=> bool(false) ["comments_per_page"]=> string(2) "50" ["no_found_rows"]=> bool(false) ["order"]=> string(4) "DESC" } ["tax_query"]=> object(WP_Tax_Query)#90 (2) { ["queries"]=> array(1) { [0]=> array(5) { ["taxonomy"]=> string(8) "post_tag" ["terms"]=> array(1) { [0]=> string(13) "visual-design" } ["include_children"]=> bool(true) ["field"]=> string(4) "slug" ["operator"]=> string(2) "IN" } } ["relation"]=> string(3) "AND" } ["meta_query"]=> object(WP_Meta_Query)#89 (2) { ["queries"]=> array(0) { } ["relation"]=> NULL } ["post_count"]=> int(9) ["current_post"]=> int(-1) ["in_the_loop"]=> bool(false) ["comment_count"]=> int(0) ["current_comment"]=> int(-1) ["found_posts"]=> string(2) "24" ["max_num_pages"]=> float(2) ["max_num_comment_pages"]=> int(0) ["is_single"]=> bool(false) ["is_preview"]=> bool(false) ["is_page"]=> bool(false) ["is_archive"]=> bool(true) ["is_date"]=> bool(false) ["is_year"]=> bool(false) ["is_month"]=> bool(false) ["is_day"]=> bool(false) ["is_time"]=> bool(false) ["is_author"]=> bool(false) ["is_category"]=> bool(false) ["is_tag"]=> bool(true) ["is_tax"]=> bool(false) ["is_search"]=> bool(false) ["is_feed"]=> bool(false) ["is_comment_feed"]=> bool(false) ["is_trackback"]=> bool(false) ["is_home"]=> bool(false) ["is_404"]=> bool(false) ["is_comments_popup"]=> bool(false) ["is_paged"]=> bool(true) ["is_admin"]=> bool(false) ["is_attachment"]=> bool(false) ["is_singular"]=> bool(false) ["is_robots"]=> bool(false) ["is_posts_page"]=> bool(false) ["is_post_type_archive"]=> bool(false) ["query_vars_hash"]=> string(32) "5a4b5f6978ab9b32e8108833c98014a4" ["query_vars_changed"]=> bool(false) ["thumbnails_cached"]=> bool(false) ["query"]=> array(2) { ["paged"]=> string(1) "2" ["tag"]=> string(13) "visual-design" } ["request"]=> string(342) " SELECT SQL_CALC_FOUND_ROWS wp_posts.* FROM wp_posts INNER JOIN wp_term_relationships ON (wp_posts.ID = wp_term_relationships.object_id) WHERE 1=1 AND ( wp_term_relationships.term_taxonomy_id IN (14) ) AND wp_posts.post_type = 'post' AND (wp_posts.post_status = 'publish') GROUP BY wp_posts.ID ORDER BY wp_posts.post_date DESC LIMIT 15, 15" ["posts"]=> &array(9) { [0]=> object(stdClass)#116 (25) { ["ID"]=> int(2902) ["post_author"]=> string(1) "7" ["post_date"]=> string(19) "2010-10-30 10:57:52" ["post_date_gmt"]=> string(19) "2010-10-30 00:57:52" ["post_content"]=> string(4398) "

Web Directions South 2010, Sydney Convention and Exhibition Centre, October 15 1.40pm.

Presentation slides

Session description

When I first picked up Matthew Frederick's book: "101 Things I Learned in Architecture School" I was struck by the number of principles of architecture that can be directly applied to interaction design, but also disillusioned by the fact that Interaction Designers generally do not have a similar body of knowledge to draw on. Sure we have lots of "process", but relatively little "wisdom" of the sort found in this book.The field of Interaction Design isn't very old - If we're talking purely software interface design, then let's say about 25 years old. No surprise, then, that we borrow heavily (and unashamedly) from a range of other, more established, disciplines. We try to compensate for our relative lack of a history, tradition or body of knowledge by leveraging others'. That's entirely appropriate - but how far does it get us? Interaction Design is an essential component of the delivery of virtually any product or service today. Many of us may already be at the point where we interact with more digital products in a day than we do physical products, and many of the most important transactions in our lives are entirely virtual. Maybe Interaction Design needs to be taken a bit more seriously?In this talk I'd like to reflect on my almost 20 years as an interaction designer - the things I've learned along the way, and the things I wish I would have learned at Interaction Design School, if such a thing had existed back then. Along the way we'll review some of the 101 things we all should have learned in Interaction Design School, sourced from ixd101.com (the blog I share with Matt Morphett), and beyond.

About Shane Morris

Shane Morris PortraitShane Morris is one of Australia’s most respected user experience professionals. Through consulting, mentoring and training he has helped organisations create compelling digital experiences since 1991. In that time he has worked on desktop applications, internet applications, mobile user interfaces, physical devices and web sites. Shane has taught user experience topics around the world and is a key contributor to “101 Things I Learned in Interaction Design School” at ixd101.com.Shane has worked with companies like Microsoft, Lonely Planet, M&C Saatchi, Cochlear, Amnesia Razorfish and Sensis - helping creative and technical professionals collaborate to create services that empower, inspire and reward. His passion is transforming the complex and constrained into the simple and powerful. Not just because it's valuable endeavour, but because it's hard - and therefore immensely rewarding.Shane's experience includes:
  • Director of Automatic Studio (Formerly Echo Interaction Design)
  • One of Microsoft's first User Experience Evangelists world-wide
  • General Manager and Principal Consultant at The Hiser Group
" ["post_title"]=> string(44) "Shane Morris - Interaction design school 101" ["post_category"]=> string(1) "0" ["post_excerpt"]=> string(616) "

Shane Morris PortraitIn this talk I'd like to reflect on my almost 20 years as an interaction designer - the things I've learned along the way, and the things I wish I would have learned at Interaction Design School, if such a thing had existed back then. Along the way we'll review some of the 101 things we all should have learned in Interaction Design School, sourced from ixd101.com (the blog I share with Matt Morphett), and beyond.

" ["post_status"]=> string(7) "publish" ["comment_status"]=> string(4) "open" ["ping_status"]=> string(4) "open" ["post_password"]=> string(0) "" ["post_name"]=> string(42) "shane-morris-interaction-design-school-101" ["to_ping"]=> string(0) "" ["pinged"]=> string(0) "" ["post_modified"]=> string(19) "2010-10-30 10:57:52" ["post_modified_gmt"]=> string(19) "2010-10-30 00:57:52" ["post_content_filtered"]=> string(0) "" ["post_parent"]=> int(0) ["guid"]=> string(36) "http://www.webdirections.org/?p=2902" ["menu_order"]=> int(0) ["post_type"]=> string(4) "post" ["post_mime_type"]=> string(0) "" ["comment_count"]=> string(1) "0" ["filter"]=> string(3) "raw" } [1]=> object(stdClass)#117 (25) { ["ID"]=> int(2833) ["post_author"]=> string(1) "7" ["post_date"]=> string(19) "2010-10-22 17:51:34" ["post_date_gmt"]=> string(19) "2010-10-22 07:51:34" ["post_content"]=> string(2768) "

Web Directions South 2010, Sydney Convention and Exhibition Centre, October 15 11.45am.

Presentation slides

Session description

Web typography has in the past two years seen a resurgence in interest and many would agree only rightly so, with most of the content on the web still textual. However the range of technical options available for setting type on the web is quite broad—not to mention the range of stylistic choices available—and often confusing. This session aims to demystify the current techniques available to set type on the web by comparing and contrasting the various options at hand while offering a set of good defaults and safe advice for not only making it accessible but also pleasurable to read.

About Simon Pascal Klein

Simon Pascal Klein PortraitSimon Pascal Klein is a graphic, web and interface designer, front-end developer, rampant ‘typophile’, UI and accessibility aficionado. Born in Mainz Mainz, Germany — the birthplace of Gutenberg — he now works in Canberra as a freelance designer while studying at the Australian National University. Simon is actively engaged in the Open Source community and local web industry, notably as one of the unorganisers to first bring BarCamp to Canberra. He also co-hosts a podcast on all things web, and publishes occasionally on things type on his site.Follow Simon on Twitter: @klepas
" ["post_title"]=> string(56) "Simon Pascal Klein - Setting standards-friendly web type" ["post_category"]=> string(1) "0" ["post_excerpt"]=> string(766) "

Simon Pascal Klein PortraitWeb typography has in the past two years seen a resurgence in interest and many would agree only rightly so, with most of the content on the web still textual. However the range of technical options available for setting type on the web is quite broad—not to mention the range of stylistic choices available—and often confusing. This session aims to demystify the current techniques available to set type on the web by comparing and contrasting the various options at hand while offering a set of good defaults and safe advice for not only making it accessible but also pleasurable to read.

" ["post_status"]=> string(7) "publish" ["comment_status"]=> string(4) "open" ["ping_status"]=> string(4) "open" ["post_password"]=> string(0) "" ["post_name"]=> string(54) "simon-pascal-klein-setting-standards-friendly-web-type" ["to_ping"]=> string(0) "" ["pinged"]=> string(0) "" ["post_modified"]=> string(19) "2010-10-22 19:12:39" ["post_modified_gmt"]=> string(19) "2010-10-22 09:12:39" ["post_content_filtered"]=> string(0) "" ["post_parent"]=> int(0) ["guid"]=> string(36) "http://www.webdirections.org/?p=2833" ["menu_order"]=> int(0) ["post_type"]=> string(4) "post" ["post_mime_type"]=> string(0) "" ["comment_count"]=> string(1) "0" ["filter"]=> string(3) "raw" } [2]=> object(stdClass)#118 (25) { ["ID"]=> int(2706) ["post_author"]=> string(1) "7" ["post_date"]=> string(19) "2010-07-19 16:30:38" ["post_date_gmt"]=> string(19) "2010-07-19 06:30:38" ["post_content"]=> string(2570) "

Web Directions @media 2010, Southbank Centre London, June 10 2.40pm.

Presentation slides

Session description

Grid systems have been used in print design, architecture and interior design for generations. Now, on the web, the same rules of grid system composition and usage no longer apply. Content is viewed in many ways; from RSS feeds to email. Content is viewed on many devices; from mobile phones to laptops. Users can manipulate the browser, they can remove content, resize the canvas, resize the typefaces. A designer is no longer in control of this presentation. So where do grid systems fit in to all that?

About Mark Boulton

Mark Boulton PortraitMark Boulton is a graphic designer from the UK. He’s worked in Sydney, London and Manchester as an Art Director for clients such as the BBC, T-Mobile, British Airways, and Toyota. Mark now runs his own design studio, Mark Boulton Design. A stickler for applied typographic and design theory, Mark is an active member of the International Society of Typographic Designers and writes a design journal at markboulton.co.uk.

Follow Mark on Twitter: @markboulton

" ["post_title"]=> string(37) "Mark Boulton - Designing grid systems" ["post_category"]=> string(1) "0" ["post_excerpt"]=> string(674) "

Mark Boulton PortraitGrid systems have been used in print design, architecture and interior design for generations. Now, on the web, the same rules of grid system composition and usage no longer apply. Content is viewed in many ways; from RSS feeds to email. Content is viewed on many devices; from mobile phones to laptops. Users can manipulate the browser, they can remove content, resize the canvas, resize the typefaces. A designer is no longer in control of this presentation. So where do grid systems fit in to all that?

" ["post_status"]=> string(7) "publish" ["comment_status"]=> string(4) "open" ["ping_status"]=> string(4) "open" ["post_password"]=> string(0) "" ["post_name"]=> string(35) "mark-boulton-designing-grid-systems" ["to_ping"]=> string(0) "" ["pinged"]=> string(0) "" ["post_modified"]=> string(19) "2010-07-19 16:42:41" ["post_modified_gmt"]=> string(19) "2010-07-19 06:42:41" ["post_content_filtered"]=> string(0) "" ["post_parent"]=> int(0) ["guid"]=> string(36) "http://www.webdirections.org/?p=2706" ["menu_order"]=> int(0) ["post_type"]=> string(4) "post" ["post_mime_type"]=> string(0) "" ["comment_count"]=> string(1) "4" ["filter"]=> string(3) "raw" } [3]=> object(stdClass)#119 (25) { ["ID"]=> int(941) ["post_author"]=> string(1) "8" ["post_date"]=> string(19) "2008-06-19 12:34:22" ["post_date_gmt"]=> string(19) "2008-06-19 02:34:22" ["post_content"]=> string(3242) "

Web Directions South 2008, Sydney Convention Centre, September 26 1.40pm.

Presentation slides

Session description

User interface design is an iterative process — the design of Digg and Pownce have been a study in evolution and adaptation. This talk will inspect the why and how of these iterations by looking at specific case studies from the two projects as well as previous client work Daniel has tackled.

The case studies will examine specific user interface challenges that have arisen and will chop them up into their various bits. How do I identify a challenge? What is the best approach for getting started? How do I solve the problem conceptually and technically? How will I know if I solved the challenge successfully? Case studies have been selected that are especially pertinent outside of their specific contexts to help you in your everyday UI design.

The presentation will focus on design inspiration, decision-making processes, technical solutions, and learning from missteps as part of a designer’s iterative process.

About Daniel Burka

Daniel Burka PortraitDaniel is the creative director at Digg, a founder of Pownce, and a founder of the Canadian web firm silverorange.

At silverorange, Daniel worked with a wide range of clients including Mozilla, Ning, Revision3, and Sloan. He’s since been lured to San Francisco after Kevin Rose dangled the prospect of In ‘N Out burgers and the opportunity to develop the user experience for the social news website Digg. As Digg’s creative director, Daniel has helped the site grow from a niche technology news site into one of the leading media services on the web with a massive and passionate community. Recently, along with Leah Culver and Kevin, Daniel helped found Pownce - a social network that lets you share files, events, messages, and links with your friends. Daniel works on feature development and the user interface of Pownce.

" ["post_title"]=> string(71) "Daniel Burka - Changing successfully: Adapting your interface over time" ["post_category"]=> string(1) "0" ["post_excerpt"]=> string(1158) "

Web Directions South 2008, Sydney Convention Centre, September 26 1.40pm.

Daniel Burka PortraitUser interface design is an iterative process — the design of Digg and Pownce have been a study in evolution and adaptation. This talk will inspect the why and how of these iterations by looking at specific case studies from the two projects as well as previous client work Daniel has tackled.

The case studies will examine specific user interface challenges that have arisen and will chop them up into their various bits. How do I identify a challenge? What is the best approach for getting started? How do I solve the problem conceptually and technically? How will I know if I solved the challenge successfully? Case studies have been selected that are especially pertinent outside of their specific contexts to help you in your everyday UI design.

The presentation will focus on design inspiration, decision-making processes, technical solutions, and learning from missteps as part of a designer’s iterative process.

" ["post_status"]=> string(7) "publish" ["comment_status"]=> string(4) "open" ["ping_status"]=> string(4) "open" ["post_password"]=> string(0) "" ["post_name"]=> string(44) "daniel-burka-interaction-design-case-studies" ["to_ping"]=> string(0) "" ["pinged"]=> string(0) "" ["post_modified"]=> string(19) "2008-10-28 10:32:05" ["post_modified_gmt"]=> string(19) "2008-10-28 00:32:05" ["post_content_filtered"]=> string(0) "" ["post_parent"]=> int(0) ["guid"]=> string(35) "http://www.webdirections.org/?p=941" ["menu_order"]=> int(0) ["post_type"]=> string(4) "post" ["post_mime_type"]=> string(0) "" ["comment_count"]=> string(1) "2" ["filter"]=> string(3) "raw" } [4]=> object(stdClass)#120 (25) { ["ID"]=> int(926) ["post_author"]=> string(1) "8" ["post_date"]=> string(19) "2008-06-19 12:02:45" ["post_date_gmt"]=> string(19) "2008-06-19 02:02:45" ["post_content"]=> string(3574) "

Web Directions South 2008, Sydney Convention Centre, September 26 9.10am.

Presentation slides

Session description

The hype around Web 2.0 continues to increase to the point of absurdity. We hear all about a rich web of data, but what can we learn from these trends to actually apply to our designs? You’ll take a tour through the past, present, and future of the web to answer these questions and more:

  • What can we learn from the rich history of data visualization to inform our designs today?
  • How can we do amazing work while battle the constant constraints we find ourselves up against?
  • How do we really incorporate users into our practice of user experience?

About Jeffrey Veen

Jeffrey Veen PortraitJeffrey Veen is an internationally sought-after speaker, author, and user experience consultant. As a consultant, Jeffrey has been involved in designing the leading blog and social media applications on the web, including Blogger, TypePad, Flickr, and more. Jeff also led the creation of Measure Map, the well-received blog analytics tool acquired by Google in 2006.

After five years with Adaptive Path, where he was a founding partner, Jeff moved to Google, where he where he lead the redesign of their Analytics product and managed their web apps UX team. He left Google in May, 2008, to work on personal projects. Previously, Jeffrey served as the Executive Director of Interface Design for Wired Digital and Lycos Inc., where he managed the look and feel of HotWired, the HotBot search engine, Lycos.com and others.

In addition to lecturing and writing on web design and development, Jeffrey has been active with the World Wide Web Consortium’s CSS Editorial Review Board as an invited expert on electronic publishing. He is also the author of the acclaimed books The Art & Science of Web Design and HotWired Style: Principles for Building Smart Web Sites.

In 1998, Jeffrey was named by CNET as one of the “First Annual Web Innovators” and has won the Communication Arts Interactive Annual award for his work on Wired News. Other clients include Technorati, Creative Commons, Macromedia, the Electronic Frontier Foundation, and National Public Radio.

Jeffrey specializes in the integration of content, graphic design, and technology from a user-centered perspective.

" ["post_title"]=> string(45) "Jeffrey Veen - Designing our way through data" ["post_category"]=> string(1) "0" ["post_excerpt"]=> string(825) "

Web Directions South 2008, Sydney Convention Centre, September 26 9.10am.

Jeffrey Veen PortraitThe hype around Web 2.0 continues to increase to the point of absurdity. We hear all about a rich web of data, but what can we learn from these trends to actually apply to our designs? You’ll take a tour through the past, present, and future of the web to answer these questions and more:

  • What can we learn from the rich history of data visualization to inform our designs today?
  • How can we do amazing work while battle the constant constraints we find ourselves up against?
  • How do we really incorporate users into our practice of user experience?
" ["post_status"]=> string(7) "publish" ["comment_status"]=> string(4) "open" ["ping_status"]=> string(4) "open" ["post_password"]=> string(0) "" ["post_name"]=> string(43) "jeffrey-veen-designing-our-way-through-data" ["to_ping"]=> string(0) "" ["pinged"]=> string(0) "" ["post_modified"]=> string(19) "2008-10-23 13:23:28" ["post_modified_gmt"]=> string(19) "2008-10-23 03:23:28" ["post_content_filtered"]=> string(0) "" ["post_parent"]=> int(0) ["guid"]=> string(35) "http://www.webdirections.org/?p=926" ["menu_order"]=> int(0) ["post_type"]=> string(4) "post" ["post_mime_type"]=> string(0) "" ["comment_count"]=> string(1) "6" ["filter"]=> string(3) "raw" } [5]=> object(stdClass)#121 (25) { ["ID"]=> int(918) ["post_author"]=> string(1) "8" ["post_date"]=> string(19) "2008-06-19 11:40:41" ["post_date_gmt"]=> string(19) "2008-06-19 01:40:41" ["post_content"]=> string(2879) "

Web Directions South 2008, Sydney Convention Centre, September 25 2.40pm.

Presentation slides

Session description

Even in our day of web videos and podcasts, text is still the king of content on the web. Great typographic sensitivity is one of the hallmarks of sites that exude a professional confidence. From type sizing and coloring to leading, kerning, and measures to proper usage of quotes, dashes, and bullets, to choosing appropriate typefaces, this session will demonstrate using CSS and other modern web technologies to display type on screen with elegance and impact.

About Jeff Croft

Portrait of Jeff CroftJeff Croft is a web designer and developer at Blue Flavor, an experience and design consultancy in Seattle. Beyond his work for Blue Flavor, Jeff is a blogger, speaker, critic, and industry thought leader. Prior to joining Blue Flavor, Jeff was a Senior Designer at World Online, an online journalism outfit responsible for a host of award-winning websites and the place of origin for Django, the Python-based open-source Web framework for perfectionists with deadlines.

Jeff has been designing and developing web sites nearly as long as there have been web sites to design and develop. He created his first web page in 1994 and got his first web-related job in 1995. Although Jeff possess many technical skills, his true passion lies in visual design, user interface, communication, and social media.

Jeff has recently co-authored two books, Pro CSS Techniques, published by Apress, and Web Standards Creativity, published by Friends of ED.

" ["post_title"]=> string(35) "Jeff Croft - Elegant web typography" ["post_category"]=> string(1) "0" ["post_excerpt"]=> string(680) "

Web Directions South 2008, Sydney Convention Centre, September 25 2.40pm.

Jeff Croft PortraitEven in our day of web videos and podcasts, text is still the king of content on the web. Great typographic sensitivity is one of the hallmarks of sites that exude a professional confidence. From type sizing and coloring to leading, kerning, and measures to proper usage of quotes, dashes, and bullets, to choosing appropriate typefaces, this session will demonstrate using CSS and other modern web technologies to display type on screen with elegance and impact.

" ["post_status"]=> string(7) "publish" ["comment_status"]=> string(4) "open" ["ping_status"]=> string(4) "open" ["post_password"]=> string(0) "" ["post_name"]=> string(33) "jeff-croft-elegant-web-typography" ["to_ping"]=> string(0) "" ["pinged"]=> string(0) "" ["post_modified"]=> string(19) "2008-10-27 15:01:48" ["post_modified_gmt"]=> string(19) "2008-10-27 05:01:48" ["post_content_filtered"]=> string(0) "" ["post_parent"]=> int(0) ["guid"]=> string(35) "http://www.webdirections.org/?p=918" ["menu_order"]=> int(0) ["post_type"]=> string(4) "post" ["post_mime_type"]=> string(0) "" ["comment_count"]=> string(1) "8" ["filter"]=> string(3) "raw" } [6]=> object(stdClass)#122 (25) { ["ID"]=> int(385) ["post_author"]=> string(1) "2" ["post_date"]=> string(19) "2008-03-10 23:00:51" ["post_date_gmt"]=> string(19) "2008-03-11 04:00:51" ["post_content"]=> string(2447) "

A presentation given at at Web Directions User Experience, Melbourne Town Hall, May 16 2008.

Presentation slides

Session description

So you've designed a fantastic website for your client, tested in all the major browsers and everything looks great. Now they want to send an email newsletter to all their customers, using the new design.

No problem right? Just need to test in Outlook 07, and 06. Yahoo and Hotmail too, of course. Oh, and Gmail, Lotus Notes, AOL...Of course, the design may not work that well for an email anyway, and isn't there some kind of anti-spam laws?

Like it or not, HTML email is here to stay and the responsibility for doing it right belongs to web designers. Learn how to plan, design and build an email newsletter that will provide a great user experience to the recipients, and great value to your clients.

About Mathew Patterson

Matthew Patterson PortraitMathew is the community manager at Freshview, the team behind the popular email newsletter web apps, Campaign Monitor and MailBuild. In past lives he was a web designer for the Australian Stock Exchange and Priceline Europe among others. He runs Designers Inhouse, the list for web designers in non-design firms, and recently spoke at the Future of Web Design in New York.

" ["post_title"]=> string(79) "Mathew Patterson - Delivering user experience to the inbox: designing for email" ["post_category"]=> string(1) "0" ["post_excerpt"]=> string(970) "

A presentation given at at Web Directions User Experience, Melbourne Town Hall, May 16 2008.

Matthew Patterson PortraitSo you've designed a fantastic website for your client, tested in all the major browsers and everything looks great. Now they want to send an email newsletter to all their customers, using the new design.

No problem right? Just need to test in Outlook 07, and 06. Yahoo and Hotmail too, of course. Oh, and Gmail, Lotus Notes, AOL...Of course, the design may not work that well for an email anyway, and isn't there some kind of anti-spam laws?

Like it or not, HTML email is here to stay and the responsibility for doing it right belongs to web designers. Learn how to plan, design and build an email newsletter that will provide a great user experience to the recipients, and great value to your clients.

" ["post_status"]=> string(7) "publish" ["comment_status"]=> string(4) "open" ["ping_status"]=> string(4) "open" ["post_password"]=> string(0) "" ["post_name"]=> string(16) "mathew-patterson" ["to_ping"]=> string(0) "" ["pinged"]=> string(0) "" ["post_modified"]=> string(19) "2008-07-24 21:09:52" ["post_modified_gmt"]=> string(19) "2008-07-25 02:09:52" ["post_content_filtered"]=> string(0) "" ["post_parent"]=> int(0) ["guid"]=> string(62) "http://westciv.com/webdirections08/resources/mathew-patterson/" ["menu_order"]=> int(0) ["post_type"]=> string(4) "post" ["post_mime_type"]=> string(0) "" ["comment_count"]=> string(1) "1" ["filter"]=> string(3) "raw" } [7]=> object(stdClass)#123 (25) { ["ID"]=> int(444) ["post_author"]=> string(1) "8" ["post_date"]=> string(19) "2008-02-12 23:54:57" ["post_date_gmt"]=> string(19) "2008-02-13 04:54:57" ["post_content"]=> string(3245) "

A presentation given at Web Directions North, Vancouver Canada, January 30 2008.

Session description

Have you ever seen a web site so clear, logical, and exquisitely composed it made you stop in your tracks? Have you wondered how the designer achieved such a stunning and cohesive design?

In this presentation, Kimberly Elam, designer and author of the best-selling “Geometry of Design” and “Typographic Systems” will reveal the mysterious relationships between proportion, visual systems, composition and aesthetics.

Too often excellent conceptual ideas suffer during the process of realization, in large part because the designer did not understand the essential visual principles. This presentation explores these elements and how they work by examining how the use of visual principles informs, even creates, beauty in typographic design, but, more importantly, how you can use these techniques to create cohesiveness in your own design. The wide range of visual examples are both informative and insightful, and any designer can benefit from learning or revisiting the rules governing the basics of typographic design.

About Kimberly Elam

Kimberly Elam Portrait

Kimberly Elam is a writer, educator, and graphic designer. She is currently the Chair of the Graphic & Interactive Communication Department at the Ringling College of Art + Design, Sarasota, Florida, where she has developed an academic minor in the Business of Art and Design.

Her first book, Expressive Typography - Word as Image, identifies and analyzes methods by which words can transcend didactic meaning and become images. Geometry of Design - Studies in Proportion and Composition, visually illustrates the connection between classic proportioning systems and modern graphic design, industrial design, illustration, and architecture. Grid Systems - Principles of Organizing Type puts forth a clear methodology for understanding and learning the grid system of composition. Her most recent book, Typographic Systems - Rules for Organizing Type presents an innovative series of nontraditional, rule-based, visual language systems for typographic composition.

Her current work focuses on the development of a series of innovative ebooks and print-on-demand books for design education on her website, StudioResourceInc.com.

" ["post_title"]=> string(67) "Kimberly Elam - Five Essential Composition Tools for Web Typography" ["post_category"]=> string(1) "0" ["post_excerpt"]=> string(1289) "

A presentation given at Web Directions North, Vancouver Canada, January 30 2008.

Kimberley Elam PortraitHave you ever seen a web site so clear, logical, and exquisitely composed it made you stop in your tracks? Have you wondered how the designer achieved such a stunning and cohesive design?

In this presentation, Kimberly Elam, designer and author of the best-selling “Geometry of Design” and “Typographic Systems” will reveal the mysterious relationships between proportion, visual systems, composition and aesthetics.

Too often excellent conceptual ideas suffer during the process of realization, in large part because the designer did not understand the essential visual principles. This presentation explores these elements and how they work by examining how the use of visual principles informs, even creates, beauty in typographic design, but, more importantly, how you can use these techniques to create cohesiveness in your own design. The wide range of visual examples are both informative and insightful, and any designer can benefit from learning or revisiting the rules governing the basics of typographic design.

" ["post_status"]=> string(7) "publish" ["comment_status"]=> string(4) "open" ["ping_status"]=> string(4) "open" ["post_password"]=> string(0) "" ["post_name"]=> string(20) "wdn08-kimberley-elam" ["to_ping"]=> string(0) "" ["pinged"]=> string(0) "" ["post_modified"]=> string(19) "2008-04-17 20:58:58" ["post_modified_gmt"]=> string(19) "2008-04-18 01:58:58" ["post_content_filtered"]=> string(0) "" ["post_parent"]=> int(0) ["guid"]=> string(105) "http://www.webdirections.org/resources/kimberly-elam-five-essential-composition-tools-for-web-typography/" ["menu_order"]=> int(0) ["post_type"]=> string(4) "post" ["post_mime_type"]=> string(0) "" ["comment_count"]=> string(1) "1" ["filter"]=> string(3) "raw" } [8]=> object(stdClass)#124 (25) { ["ID"]=> int(22) ["post_author"]=> string(1) "2" ["post_date"]=> string(19) "2007-09-29 20:33:02" ["post_date_gmt"]=> string(19) "2007-09-30 01:33:02" ["post_content"]=> string(2364) "

A presentation given at Web Directions South, Sydney Australia, September 27 2007.

Presentation slides

Session description

Once seen as unsophisticated, childish and of low artistic value, comic-book art and culture has inspired artists and designers for generations and are now are often untapped resource for web design inspiration. In this session, designer and author of Transcending CSS, Andy Clarke will examine comic book layout, conventions and colour in the context of making inspirational designs for today’s web.

About Andy Clarke

http://www.stuffandnonsense.co.uk/

Andy Clarke PortraitAndy Clarke has been working on the web for almost ten years. He is a visual web designer based in the UK and started his design consultancy Stuff and Nonsense in 1998. As lead designer and creative director, his clients include national and international businesses, charities and government bodies.

Andy is a member of the Web Standards Project where he redesigned the organization’s web site in 2006. He is also an invited expert to the W3C’s CSS Working Group. Andy regularly educates web designers on how to create beautiful, accessible web sites and he speaks at workshops and conference events worldwide. He writes about design and popular culture on his blog, All That Malarkey and is the author of Transcending CSS: The Fine Art of Web Design.

" ["post_title"]=> string(35) "Andy Clarke - Think like a mountain" ["post_category"]=> string(1) "0" ["post_excerpt"]=> string(646) "

A presentation given at Web Directions South, Sydney Australia, September 27 2007.

Andy Clarke PortraitOnce seen as unsophisticated, childish and of low artistic value, comic-book art and culture has inspired artists and designers for generations and are now are often untapped resource for web design inspiration. In this session, designer and author of Transcending CSS, Andy Clarke will examine comic book layout, conventions and colour in the context of making inspirational designs for today’s web.

" ["post_status"]=> string(7) "publish" ["comment_status"]=> string(4) "open" ["ping_status"]=> string(4) "open" ["post_password"]=> string(0) "" ["post_name"]=> string(11) "andy-clarke" ["to_ping"]=> string(0) "" ["pinged"]=> string(0) "" ["post_modified"]=> string(19) "2008-10-01 09:59:47" ["post_modified_gmt"]=> string(19) "2008-09-30 23:59:47" ["post_content_filtered"]=> string(0) "" ["post_parent"]=> int(0) ["guid"]=> string(52) "http://westciv.com/webdirections08/blog/andy-clarke/" ["menu_order"]=> int(0) ["post_type"]=> string(4) "post" ["post_mime_type"]=> string(0) "" ["comment_count"]=> string(1) "0" ["filter"]=> string(3) "raw" } } ["post"]=> object(stdClass)#116 (25) { ["ID"]=> int(2902) ["post_author"]=> string(1) "7" ["post_date"]=> string(19) "2010-10-30 10:57:52" ["post_date_gmt"]=> string(19) "2010-10-30 00:57:52" ["post_content"]=> string(4398) "

Web Directions South 2010, Sydney Convention and Exhibition Centre, October 15 1.40pm.

Presentation slides

Session description

When I first picked up Matthew Frederick's book: "101 Things I Learned in Architecture School" I was struck by the number of principles of architecture that can be directly applied to interaction design, but also disillusioned by the fact that Interaction Designers generally do not have a similar body of knowledge to draw on. Sure we have lots of "process", but relatively little "wisdom" of the sort found in this book.The field of Interaction Design isn't very old - If we're talking purely software interface design, then let's say about 25 years old. No surprise, then, that we borrow heavily (and unashamedly) from a range of other, more established, disciplines. We try to compensate for our relative lack of a history, tradition or body of knowledge by leveraging others'. That's entirely appropriate - but how far does it get us? Interaction Design is an essential component of the delivery of virtually any product or service today. Many of us may already be at the point where we interact with more digital products in a day than we do physical products, and many of the most important transactions in our lives are entirely virtual. Maybe Interaction Design needs to be taken a bit more seriously?In this talk I'd like to reflect on my almost 20 years as an interaction designer - the things I've learned along the way, and the things I wish I would have learned at Interaction Design School, if such a thing had existed back then. Along the way we'll review some of the 101 things we all should have learned in Interaction Design School, sourced from ixd101.com (the blog I share with Matt Morphett), and beyond.

About Shane Morris

Shane Morris PortraitShane Morris is one of Australia’s most respected user experience professionals. Through consulting, mentoring and training he has helped organisations create compelling digital experiences since 1991. In that time he has worked on desktop applications, internet applications, mobile user interfaces, physical devices and web sites. Shane has taught user experience topics around the world and is a key contributor to “101 Things I Learned in Interaction Design School” at ixd101.com.Shane has worked with companies like Microsoft, Lonely Planet, M&C Saatchi, Cochlear, Amnesia Razorfish and Sensis - helping creative and technical professionals collaborate to create services that empower, inspire and reward. His passion is transforming the complex and constrained into the simple and powerful. Not just because it's valuable endeavour, but because it's hard - and therefore immensely rewarding.Shane's experience includes:
  • Director of Automatic Studio (Formerly Echo Interaction Design)
  • One of Microsoft's first User Experience Evangelists world-wide
  • General Manager and Principal Consultant at The Hiser Group
" ["post_title"]=> string(44) "Shane Morris - Interaction design school 101" ["post_category"]=> string(1) "0" ["post_excerpt"]=> string(616) "

Shane Morris PortraitIn this talk I'd like to reflect on my almost 20 years as an interaction designer - the things I've learned along the way, and the things I wish I would have learned at Interaction Design School, if such a thing had existed back then. Along the way we'll review some of the 101 things we all should have learned in Interaction Design School, sourced from ixd101.com (the blog I share with Matt Morphett), and beyond.

" ["post_status"]=> string(7) "publish" ["comment_status"]=> string(4) "open" ["ping_status"]=> string(4) "open" ["post_password"]=> string(0) "" ["post_name"]=> string(42) "shane-morris-interaction-design-school-101" ["to_ping"]=> string(0) "" ["pinged"]=> string(0) "" ["post_modified"]=> string(19) "2010-10-30 10:57:52" ["post_modified_gmt"]=> string(19) "2010-10-30 00:57:52" ["post_content_filtered"]=> string(0) "" ["post_parent"]=> int(0) ["guid"]=> string(36) "http://www.webdirections.org/?p=2902" ["menu_order"]=> int(0) ["post_type"]=> string(4) "post" ["post_mime_type"]=> string(0) "" ["comment_count"]=> string(1) "0" ["filter"]=> string(3) "raw" } ["queried_object"]=> object(stdClass)#113 (10) { ["term_id"]=> string(2) "14" ["name"]=> string(13) "visual design" ["slug"]=> string(13) "visual-design" ["term_group"]=> string(1) "0" ["term_order"]=> string(1) "0" ["term_taxonomy_id"]=> string(2) "14" ["taxonomy"]=> string(8) "post_tag" ["description"]=> string(0) "" ["parent"]=> string(1) "0" ["count"]=> string(2) "24" } ["queried_object_id"]=> int(14) }

Presentations about visual design

Shane Morris — Interaction design school 101

Shane Morris PortraitIn this talk I’d like to reflect on my almost 20 years as an interaction designer — the things I’ve learned along the way, and the things I wish I would have learned at Interaction Design School, if such a thing had existed back then. Along the way we’ll review some of the 101 things we all should have learned in Interaction Design School, sourced from ixd101​.com (the blog I share with Matt Morphett), and beyond.

See the slides and hear the podcast »

Simon Pascal Klein — Setting standards-​​friendly web type

Simon Pascal Klein PortraitWeb typography has in the past two years seen a resurgence in interest and many would agree only rightly so, with most of the content on the web still textual. However the range of technical options available for setting type on the web is quite broad—not to mention the range of stylistic choices available—and often confusing. This session aims to demystify the current techniques available to set type on the web by comparing and contrasting the various options at hand while offering a set of good defaults and safe advice for not only making it accessible but also pleasurable to read.

See the slides and hear the podcast »

Mark Boulton — Designing grid systems

Mark Boulton PortraitGrid systems have been used in print design, architecture and interior design for generations. Now, on the web, the same rules of grid system composition and usage no longer apply. Content is viewed in many ways; from RSS feeds to email. Content is viewed on many devices; from mobile phones to laptops. Users can manipulate the browser, they can remove content, resize the canvas, resize the typefaces. A designer is no longer in control of this presentation. So where do grid systems fit in to all that?

See the slides and hear the podcast »

Daniel Burka — Changing successfully: Adapting your interface over time

Web Directions South 2008, Sydney Convention Centre, September 26 1.40pm.

Daniel Burka PortraitUser interface design is an iterative process — the design of Digg and Pownce have been a study in evolution and adaptation. This talk will inspect the why and how of these iterations by looking at specific case studies from the two projects as well as previous client work Daniel has tackled.

The case studies will examine specific user interface challenges that have arisen and will chop them up into their various bits. How do I identify a challenge? What is the best approach for getting started? How do I solve the problem conceptually and technically? How will I know if I solved the challenge successfully? Case studies have been selected that are especially pertinent outside of their specific contexts to help you in your everyday UI design.

The presentation will focus on design inspiration, decision-​​making processes, technical solutions, and learning from missteps as part of a designer’s iterative process.

See the slides and hear the podcast »

Jeffrey Veen — Designing our way through data

Web Directions South 2008, Sydney Convention Centre, September 26 9.10am.

Jeffrey Veen PortraitThe hype around Web 2.0 continues to increase to the point of absurdity. We hear all about a rich web of data, but what can we learn from these trends to actually apply to our designs? You’ll take a tour through the past, present, and future of the web to answer these questions and more:

  • What can we learn from the rich history of data visualization to inform our designs today?
  • How can we do amazing work while battle the constant constraints we find ourselves up against?
  • How do we really incorporate users into our practice of user experience?

See the slides and hear the podcast »

Jeff Croft — Elegant web typography

Web Directions South 2008, Sydney Convention Centre, September 25 2.40pm.

Jeff Croft PortraitEven in our day of web videos and podcasts, text is still the king of content on the web. Great typographic sensitivity is one of the hallmarks of sites that exude a professional confidence. From type sizing and coloring to leading, kerning, and measures to proper usage of quotes, dashes, and bullets, to choosing appropriate typefaces, this session will demonstrate using CSS and other modern web technologies to display type on screen with elegance and impact.

See the slides and hear the podcast »

Mathew Patterson — Delivering user experience to the inbox: designing for email

A presentation given at at Web Directions User Experience, Melbourne Town Hall, May 16 2008.

Matthew Patterson PortraitSo you’ve designed a fantastic website for your client, tested in all the major browsers and everything looks great. Now they want to send an email newsletter to all their customers, using the new design.

No problem right? Just need to test in Outlook 07, and 06. Yahoo and Hotmail too, of course. Oh, and Gmail, Lotus Notes, AOL…Of course, the design may not work that well for an email anyway, and isn’t there some kind of anti-​​spam laws?

Like it or not, HTML email is here to stay and the responsibility for doing it right belongs to web designers. Learn how to plan, design and build an email newsletter that will provide a great user experience to the recipients, and great value to your clients.

See the slides and hear the podcast »

Kimberly Elam — Five Essential Composition Tools for Web Typography

A presentation given at Web Directions North, Vancouver Canada, January 30 2008.

Kimberley Elam PortraitHave you ever seen a web site so clear, logical, and exquisitely composed it made you stop in your tracks? Have you wondered how the designer achieved such a stunning and cohesive design?

In this presentation, Kimberly Elam, designer and author of the best-​​selling “Geometry of Design” and “Typographic Systems” will reveal the mysterious relationships between proportion, visual systems, composition and aesthetics.

Too often excellent conceptual ideas suffer during the process of realization, in large part because the designer did not understand the essential visual principles. This presentation explores these elements and how they work by examining how the use of visual principles informs, even creates, beauty in typographic design, but, more importantly, how you can use these techniques to create cohesiveness in your own design. The wide range of visual examples are both informative and insightful, and any designer can benefit from learning or revisiting the rules governing the basics of typographic design.

See the slides and hear the podcast »

Andy Clarke — Think like a mountain

A presentation given at Web Directions South, Sydney Australia, September 27 2007.

Andy Clarke PortraitOnce seen as unsophisticated, childish and of low artistic value, comic-​​book art and culture has inspired artists and designers for generations and are now are often untapped resource for web design inspiration. In this session, designer and author of Transcending CSS, Andy Clarke will examine comic book layout, conventions and colour in the context of making inspirational designs for today’s web.

See the slides and hear the podcast »