This article contains 21 images. You will find them at the very end of the article.

This article contains 3944 words.

jessie | Web Directions

Podcasts, slides and other presentation materials

Anil Dash - Serious business: Putting social media to work

• In: Resources
• By: jessie
• February 12th, 2008

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

You know what blogs and wikis are, and you know your YouTube from your Facebook. But do you know how to make a compelling business case for these technologies? Social media and social networking tools are poised to have as much of an impact on business as they’ve had on the way we communicate with our friends and family online.

Anil Dash, a blogger since 1999 who’s helped thousands of businesses make use of social media through his work at Six Apart, shares real-world examples of how companies are using social media to build their business. Six Apart is the world’s biggest blogging company, behind such platforms as Movable Type, LiveJournal, Vox, and TypePad.

And even more important than where technology has been is where it’s going: Learn about cutting-edge technological initiatives like OpenID and OpenSocial, and how these aren’t just about new ways to poke your Facebook friends — they’re business opportunities.

Finally, no change this big happens without thinking about the social and political realities of the business world. What works in convincing your company, your coworkers, or your boss to spend their time and money trying new things? This session will lead a conversation to find out.

See the slides and hear the podcast »

• Tags
• social media
• social networks
• wdn08

Kimberly Elam - Five Essential Composition Tools for Web Typography

• In: Resources
• By: jessie
• February 12th, 2008

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

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.

See the slides and hear the podcast »

• Tags
• design
• typography
• visual design
• wdn08

Josh Williams - Bedroom to Boardroom

• In: Resources
• By: jessie
• February 12th, 2008

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

What happens when a designer decides to quit his day job, hang his shingle, and wakes up seven years later nowhere remotely close to where he imagined he would be? This frank, semi-informal discussion on the pros, cons, and potential progressions of a designer’s career

will explore the following:

• Niching your design services
• Crafting a salable product
• The Web Designer of Tomorrow

See the slides and hear the podcast »

• Tags
• design
• wdn08

Gina Trapani - Better Gmail: How Google Opened Gmail’s Web Interface to Any Developer Who Cares (And Why You Should)

• In: Resources
• By: jessie
• February 12th, 2008

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

Last year, Google released an experimental Greasemonkey API for Gmail: coding hooks that let anyone add CSS and Javascript to Gmail that enhances how it looks and behaves. Why would you want to do this? Why wouldn’t you? Hear how Google’s using Greasemonkey to distribute Gmail development amongst independent web developers–and how those developers are integrating their own product into Gmail — resulting in a Better Gmail for everyone.

See the slides and hear the podcast »

• Tags
• APIs
• email
• open source
• wdn08
• web apps

Matt Webb - Movement (Web Directions North Closing Keynote)

• In: Resources
• By: jessie
• February 12th, 2008

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

We’ve always had metaphors to understand and design for the Web.

The original conception of the Web was as a library of documents. Our building blocks were derived from spatial ideas: “breadcrumbs,” “visits” and “homepages” were used to understand the medium.

Website-as-application was a new and novel metaphor in the late 1990s. The spatial concept of navigation was replaced by concepts derived from tools: buttons performed actions on data.

These metaphors inspire separate but complementary models of the Web. But the Web in 2008 has some entirely new qualities: more than ever it’s an ecology of separate but highly interconnected services. Its fiercely competitive, rapid development means differentiating innovations are quickly copied and spread. Attention from users is scarce. The fittest websites survive. In this world, what metaphors can be most successfully wielded?

Matt takes as a starting point interaction and product design, with ideas from cybernetics and Getting Things Done. He offers as a metaphor the concept of the Web as experience. That is, treating a website as a dynamic entity - a flowchart of motivations that both provides a continuously satisfying experience for the user… and helps the website grow.

From seeing what kind of websites this model provokes, we’ll see whether it also helps illuminate some of the Web’s coming design challenges: the blending of the Web with desktop software and physical devices; the particular concerns of small groups; and what the next movement might bring.

See the slides and hear the podcast »

• Tags
• interaction design
• user experience
• wdn08
• web2.0

Eric Rodenbeck - Information visualization as a medium

• In: Resources
• By: jessie
• February 12th, 2008

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

Information visualization is becoming more than a set of tools and technologies and techniques to understand large data sets. It is emerging as a medium in its own right, with a wide range of expressive potential.

Stamen’s work in visualization and mapping is among the most high profile online today, with the live dynamic displays at Digg Labs and Cabspotting being just two of many examples. The studio’s approach is deeply pragmatic, always starting with real data and aiming to work with graphics on screen as soon as possible. Though all analysis is a work in progress, a project is usually finished when it shows something nobody has seen before, or builds a vocabulary for describing a system, or offers more questions than answers. And then the process begins again.

See the slides and hear the podcast »

• Tags
• data
• wdn08

Tara Hunt - Government 2.0: Architecting for collaboration

• In: Resources
• By: jessie
• February 12th, 2008

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

What does Web 2.0 mean and, specifically, what does it mean for the future of governments? Tara Hunt has been speaking all over the world, talking to government audiences on this subject. She believes that Web 2.0 has very little to do with the technology and everything to do with people. Her talk will cover the main tenets of Web 2.0: openness, collaboration and community and what it means for government.

See the slides and hear the podcast »

• Tags
• government
• wdn08
• web2.0

Brian Fling - Mobile web design and development

• In: Resources
• By: jessie
• February 12th, 2008

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

Mobile technology is poised to revolutionize how we gather information. By 2010 half the population of the planet will have access to the internet through a mobile device, making the mobile web an essential part of our lives. Yet the mobile industry has few if any resources to help would-be mobile developers from diving in other than applied experience from within the industry.

Brian Fling dicusses the mobile ecosystem in Canada and abroad, how you go about developing an integrated mobile web strategy, mobile design and development principles and best practices, and most importantly, practical techniques and information to start creating mobile websites today.

See the slides and hear the podcast »

• Tags
• design
• mobile
• strategy
• wdn08

Douglas Crockford - Ajax security

• In: Resources
• By: jessie
• February 12th, 2008

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

Security design is an important, but often neglected, component of system design. In this session, Douglas Crockford, creator of Javascript Object Notation, will outline the security issues that must be considered in the architecture of Ajax applications.

The design of the browser did not anticipate the needs of multiparty applications. The browser’s security model frustrates useful activities and allows some very dangerous activities. This talk will look at the small set of options before us that will determine the future of the Web.

See the slides and hear the podcast »

• Tags
• ajax
• security
• wdn08

Daniel Burka - The why and how: UI case studies

• In: Resources
• By: jessie
• February 12th, 2008

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

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.

See the slides and hear the podcast »

• Tags
• design
• interface design
• wdn08

Cameron Adams - The future of web interfaces

• In: Resources
• By: jessie
• February 12th, 2008

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

We’re at an exciting time in the development of web-based interfaces — along with a maturing front-end toolkit (CSS & JavaScript), there are so many technologies, trends and exciting ideas emerging that are enabling us to push the boundaries of interface design.

Author, designer and code cowboy Cameron Adams will explore some of these areas and how they will apply to our development of online interfaces, including: the possibilities of front-end customisation, application interfaces, browser-native vector graphics, and the general duty of all web developers to make things interesting.

See the slides and hear the podcast »

• Tags
• design
• interface design
• wdn08

Brian Oberkirch – “Plays Well With Others”: Simple Things to Make the Social Parts of your Service More Social

• In: Resources
• By: jessie
• February 12th, 2008

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

Not only are most Web applications going to have (or utilize) social components — they’re also going to have start sharing social information like profiles, contact lists and such with other services. The ’social network fatigue’ users feel and the inefficiencies of keeping this information in multiple spots will drive us to play better with other social apps. This session will focus on using simple building blocks and emerging design patterns to keep it simple for users, for you and for the open social Web at large.

See the slides and hear the podcast »

• Tags
• design
• social networks
• wdn08
• web apps

Jared Spool – What Makes a Design Seem Intuitive?

• In: Resources
• By: jessie
• February 12th, 2008

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

Everyone wants an “intuitive” interface: the users, the designers, and the content publishers. But building them is hard. User Interface Engineering’s recent research has given insight into why it’s hard and how to get past major obstacles.

To build an “intuitive” interface, a designer has to do two things: (1) Take complete advantage of what the user already knows, so what they see is completely familiar to them and (2) make the act of learning anything new completely imperceptible to the user. It turns out, if the interface requires the user to realize they are learning something, the “intuitive” label disappears instantly.

In this talk, Jared will show:

• How users need both tool knowledge and domain knowledge to complete their tasks
• How simple problems with designs can cause big problems for users
• What successful teams are doing to create experiences that delight

Jared will show examples from Microsoft Word, MSN, Google Talk, Flickr, Avis, and many more.

See the slides and hear the podcast »

• Tags
• interface design
• wdn08

Jeffrey Zeldman – Return of the King of Web Standards

• In: Resources
• By: jessie
• February 12th, 2008

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

Dubbed “the King of Web Standards” by Business Week, Jeffrey Zeldman co-founded the group and movement that brought standards to our browsers. Through A List Apart Magazine, his books, and endless advocacy, he brought wisdom to our industry and benefits awareness to the people who approve our budgets. Ten years into the web standards movement, how are we doing? What agreements have we reached? What battles no longer need to be fought? What hurdles still prevent us from reaching standards and accessibility utopia?

See the slides and hear the podcast »

• Tags
• wdn08
• web standards

Jonathan Snook – Working with Ajax Frameworks

• In: Resources
• By: jessie
• February 12th, 2008

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

It seems like there’s a new Ajax library or JavaScript framework coming out every week, and there probably is! Which is the best one to pick? Will you be up the creek without a paddle if you choose the wrong one?

“Working with Ajax Frameworks” will delve into some common Ajax design patterns and how various frameworks can be used to meet those needs. We’ll also take a look at how we can keep our own code flexible as we bridge the gap between it and the various frameworks.

See the slides and hear the podcast »

• Tags
• ajax
• coding
• wdn08

Derek Featherstone – Real World Accessibility For Real World People

• In: Resources
• By: jessie
• February 12th, 2008

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

When we follow the principles of web standards, we write valid HTML and CSS, unobtrusive JavaScript and follow WCAG and other accessibility guidelines. This simple act goes a long way to creating an accessible web site, application or service. At the same time, many sites that don’t utilize all that is good and wholesome about web standards perform surprisingly well when they are used by people with disabilities.

How can we get the best of both worlds to create standards-based solutions that are highly usable for real people (including those with disabilities) in the real world?

In this session, we’ll dissect several examples from real sites and apps to learn about accessibility problems that arise from design and development decisions and what we can do to create a more accessible user experience for all people, regardless of their ability.

See the slides and hear the podcast »

• Tags
• accessibility
• design
• user experience
• wdn08
• web standards

Indi Young - Innovation With Mental Models

• In: Resources
• By: jessie
• February 12th, 2008

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

In his recent book, The Myths of Innovation, Scott Berkun argues that innovation does not happen in a flash of inspiration. Instead, it takes years of research to deeply understand a problem space. A designer who methodically examines, adopts, or discards various hypothesis about the topic is the one who comes up with the best solutions.

In this talk, Indi Young will present a methodical (but rapid!) approach to invention. Using a mental model diagram depicting the behavior of a customer segment, she will show how to recognize when your current offerings could do better at matching needs and how to synthesize new ideas.

With the ideas in this presentation, you will be able to think up new product ideas and improve upon old product features in a guided, strategic manner.

See the slides and hear the podcast »

• Tags
• innovation
• strategy
• user research
• wdn08

Andre Charland & Walter Smith – Developing With Adobe AIR and Microsoft Silverlight

• In: Resources
• By: jessie
• February 12th, 2008

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

Crash Course in Adobe AIR

There comes a time when web developers need to reach beyond the browser to allow users to go offline, use local files or get rid of the hideous browser chrome. The Adobe Integrated Runtime (AIR) is an up an coming runtime technology that allows desktop applications to be developed with HTML, JavaScript, Flash or Flex. The AIR runtime and SDK are completely free so anyone can get started immediately.

Andre Charland will will give an overview or AIR, the APIs you get access to and how to build a simple Flex and HTML application with it. From there we will explore some of the tools available to make AIR development easier and faster. We’ll finish up with a few important usability guidelines and real world case studies of AIR projects.

A real world overview of Silverlight

Seattle-based Jackson Fish Market helped deliver the Silverlight based search engine Tafiti, one of the earliest commercial Silverlight applications.

In this presentation, Jackson Fish Market co-founder Walter Smith will give us a detailed overview of Microsoft’s RIA technology Silverlight. We’ll learn from Walter’s first hand experience the strengths and weaknesses of the platform, and see real world examples of what Silverlight can be used to achieve.

If you are looking to evaluate RIA frameworks, or just get a sense of the emerging RIA landscape, this session will prove invaluable.

See the slides and hear the podcast »

• Tags
• RIAs
• wdn08
• web apps

John Allsopp & Dave Shea – Where’s Your Web At? Designing for the Web Beyond the Desktop

• In: Resources
• By: jessie
• February 12th, 2008

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

Since the advent of personal computing, we’ve been tied to one place — typically sitting at a desk, with a keyboard and mouse, and in isolation. Even the advent of the web and the wifi-enabled laptop hasn’t much changed this quarter century old paradigm. But with the rise of mobile phones and devices like the Nintendo Wii and PSP featuring first class web browsing, our experience of the web will change dramatically over the coming years. In this context, which design and user experience patterns and techniques we’ve developed over the last 15 years hold up? And… which break?

In this session, Dave Shea and John Allsopp consider the challenges we’ll face as the web devolves onto a myriad devices, and the web is “always on” wherever we are.

See the slides and hear the podcast »

• Tags
• design
• interface design
• mobile
• user experience
• wdn08

Boris Mann - The 3 stages of dynamic systems

• In: Resources
• By: jessie
• February 12th, 2008

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

Content management systems have all but replaced the former art of publishing static HTML pages. From letting clients edit and add content, to content like calendars and forums that defy the “page” convention, dynamic interactive websites keep visitors coming back. At some point your website goes beyond just a site filled with HTML pages and actually becomes a full-fledged web application.

From these features, we extract three stages of content management — simple content management, beyond the blog, and building your own web application.

See the slides and hear the podcast »

• Tags
• CMS
• open source
• wdn08
• web apps