From the category archives:

Web Design

Inclusive Design – Interview with Cindy Li, Yahoo!

by Bill Cullifer on July 29, 2011

Inclusive Design – Interview with Cindy Li, Yahoo! at Open Web Camp III

Today’s podcast with Cindy Li, Yahoo! Applications Product Designer is a continuation of my media coverage of Open Web Camp III that took place at the Stanford University Campus in Palo Alto California earlier in the month.

I had the pleasure to sit down with Cindy to talk about her Inclusive Design session and Web design in general. Cindy is an accomplished designer and presenter on a variety of Web design topics. If you’re into design, branding and internationalization, I would encourage you to learn more about Cindy Li, the great design work by the team of designers at Yahoo and what Inclusive Design is all about.

For your information, I have included the following resources that I highly recommend that you take the time to check out.

* Yahoo’s! Beautifully Designed to be Perfectly Simple campaign
* More information on Inclusive Design

Here’s an example of the great work by the design team at Yahoo!

Beautifully Designed to be Perfectly Simple

yahoo mail design

Check Out the New Yahoo Mail Design

What is Inclusive Design?

According to the University of Cambridge, who by the way developed some really fascinating resources on the topic, “Every design decision has the potential to include or exclude customers. Inclusive design emphasizes the contribution that understanding user diversity makes to informing these decisions. User diversity covers variation in capabilities, needs, and aspirations. It is important to understand the terms design and inclusive design, the ethos behind inclusive design, and the way inclusive design contributes to product success. A number of case studies demonstrate how inclusive design can foster innovation and better design.”

Check out the the Inclusive Design Tool Kit for resources including:

* What is inclusive design?
* Why do inclusive design?
* How to get started?
* Inclusive design tools
* User capabilities

A special shout out to Cindy Li, at Yahoo! for the interview and for turning us on to this exciting topic.

{ 0 comments }

I made the trek to Palo Alto, CA last week to participate in the Open Web Camp III taking place on the Stanford University Campus. In addition to honoring Bebo White and his contributions to the World Wide Web, I sat in on several sessions covering a variety of interesting Web topics.

For today’s podcast, I sat down with Chris Heilmann, Mozilla Evangelist, author and speaker. Chris provides a a terrific overview of the benefits of HTML5 and what Web professionals and those that teach need to consider when developing with this emerging technology standard.

A special shout out to Chris for the interview and for his time! Also, kudo’s to John Foliot, event manager and Web accessibility guru working with Stanford for making this event the success that it is. Last but not least, to Molly Holzschlag for the invitation and the wonderful time we spent together at this very special event.

To listen to Chris’s presentation in its entirety on MP3 click here.
For your viewing pleasure here’s Chris’s slide deck.

HTML5 battles still to be won
View more presentations from Christian Heilmann

{ 0 comments }

Future of Web Design 2011 Conference – Day 2

by Bill Cullifer on July 14, 2011

Future of Web Design 2011 Conference – Day 2 Overview and take aways with Abbey Tosic

As you may recall from previous podcast, Abbey Tosic participated in the Future of Web Design 2011 conference that took place in London 16th – 18th May 2011 and has graciously offered to share her thoughts and send back a few interviews of some of the more notable speakers. For today’s WebProfessionals.org podcast we’re pleased to be sharing the following interviews and links to the following speakers from Future of Web Design (FOWD) 2011 London.

* Abbey Tosic, FOWD Overview Day 2
* Ian Stewart, ThemeShaper.com talking about WordPress
* Josh Clark, Global Moxie talking about Mobile Design Strategy
* Sarah B Nelson, Hot Studios talking about improving collaboration, supporting creativity, and encouraging innovation

Special shout out Ian, Josh and Sarah for their time and insights. I encourage you to check out the videos, their bios links below to learn more about their writings and extended presentations. Super cool people with lots of great stuff to share for Web professionals interested in designing with WordPress, Mobile design strategies and improving collaboration strategies.

Abbey Tosic, Online Design & Usability lead at 3M Headquarters in St Paul, MN and blog, Dotcom Girls.

Ian Stewart, ThemeShaper.com
Ian Stewart is a Theme Wrangler for Automattic, the folks behind WordPress.com, and has had a hand in creating some of the most popular WordPress themes around. He’s super-passionate about beautiful design, semantic HTML, and making the web better with WordPress.

Josh Clark, Global Moxie
Josh Clark is a designer, developer, and author specializing in mobile design strategy and user experience. He’s author of the O’Reilly books “Tapworthy: Designing Great iPhone Apps” and “Best iPhone Apps: The Guide for Discriminating Downloaders.” Josh’s outfit Global Moxie offers consulting services and workshops to help creative companies build tapworthy mobile apps and effective websites.

Sarah B Nelson, Hot Studios
Sarah B. Nelson is the Principal of User Experience at Hot Studio. She has nearly 15 years of experience in interactive media, designing kiosks, mobile, and online experiences for clients in a variety of industries. Sarah has a particular passion for practice development, conducting research into methods for improving collaboration, supporting creativity, and encouraging innovation. Sarah brings a unique blend of creative vision and technical expertise to her work. Her research-focused approach to interaction design has produced successful results for her clients. At Hot, Sarah has worked with Palm, Nike, Gilt Groupe, Linden Lab, Zvents, and the Yerba Buena Center for the Aets

{ 0 comments }

Ideas to Interface, Fostering the Creative Process – Interview with Aarron Walter, Author, UX Designer at MailChimp

Today’s podcast is a continuation of the media coverage of the Future of Web Design (FOWD) 2011 London Conference with Abbey Tosic, Web Designer at 3M.

As you may recall from previous podcast, Abbey participated in the conference that took place in London 16th – 18th May 2011. Abbey Tosic, WOW member and blogger at DOTCOMGIRLS, graciously offered to share her thoughts on the benefits of attending the conference and to bring back a few of the interviews that she conducted with some of the more notable speakers.

In this three minute podcast, Abbey caught up with Aarron Walter, Author and UX Designer at MailChimp.

Aarron generously shares and overview of his session and his thoughts. For your information and review, I’ve highlighted below some of the take aways from Abbey as well as a “SlideShare” presentation on the topic provide by Arron from previous workshops that he participated in.

“Transforming Ideas into Interfaces”
Aarron Walter

Description:

You’ve got ideas swimming in your head about the next website or web app you want to make, but translating abstract thoughts into a usable, successful interface is no easy task. How do you make sure you’re designing something relevant to your audience? Should you wireframe, prototype, or both? How do you build an interface quickly while planning for the future? Aarron will share practical advice from the interface design school of hard knocks that will help you make your ideas a reality.

According to Abbey, Creating a pattern Library:

a. Helps you design and build faster
b. Usability pattern library
c. Mail Chimp’s results: 40% less time code used, lessening code time and minimizing file size
d. Facebook results: 19% less time spent coding
e. Building consistent brand look and feel- No more reinventing the wheel

More on the Topic with Aarron Walter

{ 0 comments }

Today’s podcast is an overview and the specific take aways from the Future of Web Design 2011 London with Abbey Tosic, Web Designer at 3M.

As you may recall from previous podcast, Abbey participated in the conference that took place in London 16th – 18th May 2011 and has graciously offered to share her thoughts and send back a few interviews of some of the more notable speakers.

In this eleven minute podcast, Abbey shares the following:

Highlights of the sessions Abbey attended:

1) Aaron Walters: Creating a pattern Library:

a. Helps you design and build faster
b. Usability pattern library
c. Mail Chimp’s results: 40% less time spent coding
d. Facebook results: 19% less time spent coding
e. Building consistent brand look and feel- No more reinventing the wheel!

2) Mike Kus: Websites that don’t transcend the brand:

a. Mix your visual design & Functional design evenly (The fight against designers and developers). Make it usable, but still on brand.
b. Don’t confuse clarity of information with getting your “brand” and message across.
c. Give yourself the logo test. If your logo was swapped out, do you have enough visual ques to make people think about your brand, or is it just generic?

3) Sarah Parmenter: When Developing Mobile Apps:

a.Suggests making a ADS (Application Definition Statement) to keep your purpose clear

i. List what is will do
ii. List your Target audience
iii. Always filter what it will do with what you’re main audience’s needs are

4) Ethan Marcotte: Responsive Web Design

a.Tablets and mobile are now fast approaching the norm for how we get online information.
b. Responsive web design has a fluid grid that translates to all platforms.
c. My personal believe is this is the answer for designing the best user experience for tablets and online screens, (all)! No need for a separate version just for tablet.
d. Examples: Simplebits.com, owltatic.com. Boston Globe Magazine will launch this summer.

5) Sarah Nelson: 50% of what makes us successful in this field is our communication skills. It’s something our degrees and previous training has not prepared us for. Suggest joining your local Toastmasters chapter

Stay tuned for additional podcast with Abbey and several well known Web design authors and rock stars. Pleas note: We will batching our interviews for transcription for the hearing and visually impaired. Please bookmark this page and revisit the site for additional detail. Thanks in advance for your understanding and patience.

{ 0 comments }

Trends in Web Design – Future of Web Design (FOWD) Conference Overview with Abbey Tosic

Greetings Web Professionals everywhere!

Today’s podcast is an overview of the Future of Web Design London with Abbey Tosic. Abbey participated in the conference that took place in London 16th – 18th May 2011 and has graciously offered to share her thoughts and send back a few interviews of some of the more notable speakers. In this three minute podcast, Abbey shares the following:

· Some of the walk aways and the audience that attended
· Taking your ideas and putting them into action
· Content included workflow, mobile and interaction with developers

Stay tuned for additional podcast with Abbey and several well known Web design authors and rock stars.

{ 0 comments }

WebProfessionals.org Announces Personalized News Aggregation Site Expanding Coverage for Busy Web Professionals

The association for Web professionals announced this week the launch of WebProMinute.org, a site that aggregates news and enables users to self select their news stream based on their interests.

The announcement highlights a trend among news publishers looking to personalize news consumption based on topical interests. WebProMinute.org combines aggregated new stories by category. Initial categories include Web Professional news for the generalist. Additional topics include Web Developer news, Web Design news and Web Marketing including Search Marketing news.

The homepage Web Professional Minute as the namesake implies presents the news by category in a short sixty-second summary with full links to the entire story.

In making the announcement, Bill Cullifer said, the “Web Professional Minute aims to achieve the balance between keeping up with the fast pace of the Web. This resource is ideal for the busy Web professional that would like to stay current with the news in the shortest period of time and through the noise”.

Subscribers of the current Web Professional Minute will continue to receive e-mail alerts on WebProfessionals.org blog post and will have the option of subscribing to the news alerts at: http://webprominute.org

{ 0 comments }

Practical Microformats

Microformats are HTML-based design patterns that add semantic meaning to common web content. More than semantics, though, microformats have a wide range of benefits, including findability, standards compliance and extensible data publishing. And they are used by some of the biggest sites on the web today.

In this nine minute audio podcast WOW’s roving reporter Jeri Hastava, Leap of Faith Web Design, Jeri asks Emily Lewis, Freelance Web Designer, Author, Speaker, Microformats Devotee, Usability & Accessibility Advocate about Microformats including detail about the hCard microformat for contact information and the hCalendar microformats for events. The interview also discusses benefits, tools and resources, but the focus will be on the practical application of microformats using semantic markup (POSH: Plain Old Semantic HTML).

According to Wikipedia, a microformat (sometimes abbreviated ?F) is a web-based approach to semantic markup which seeks to re-use existing HTML/XHTML tags to convey metadata and other attributes in web pages and other contexts that support (X)HTML, such as RSS. This approach allows software to process information intended for end-users (such as contact information, geographic coordinates, calendar events, and the like) automatically.

Although the content of web pages is technically already capable of “automated processing”, and has been since the inception of the web, such processing is difficult because the traditional markup tags used to display information on the web do not describe what the information means.[2] Microformats can bridge this gap by attaching semantics, and thereby obviate other, more complicated, methods of automated processing, such as natural language processing or screen scraping. The use, adoption and processing of microformats enables data items to be indexed, searched for, saved or cross-referenced, so that information can be reused or combined.

As of 2010 microformats allow the encoding and extraction of events, contact information, social relationships and so on. More are being developed.

Background

Microformats emerged as part of a grassroots movement to make recognizable data items (such as events, contact details or geographical locations) capable of automated processing by software, as well as directly readable by end-users. Link-based microformats emerged first. These include vote links that express opinions of the linked page, which search engines can tally into instant polls.

As the microformats community grew[when?], CommerceNet, a nonprofit organization that promotes electronic commerce on the Internet, helped sponsor and promote the technology and support the microformats community in various ways. CommerceNet also helped co-found the Microformats.org community site.

Neither CommerceNet nor Microformats.org operates as a standards body. The microformats community functions through an open wiki, mailing list, and Internet relay chat (IRC) channel. Most of the existing microformats were created at the Microformats.org wiki and the associated mailing list, by a process of gathering examples of web publishing behaviour, then codifying it. Some other microformats (such as rel=nofollow and unAPI) have been proposed, or developed, elsewhere.

The phrase “plain old semantic HTML” has been found online as early as 1998, but the coinage of the acronym POSH used in connection with microformats occurred in April 2007 on the microformats irc channel.{[fact}} Semantic HTML focuses on the use of tags and attributes for semantic rather than presentational purposes.

{ 0 comments }

The CSS3 Experience – Interview with Denise Jacobs

by Bill Cullifer on November 12, 2010

The CSS3 Experience – Interview with Denise Jacobs, Author CSS Detective Guide.

In this three minute audio podcast WOW’s roving reporter Jeri Hastava, Leap of Faith Web Design, Jeri asks Denise Jacobs about designing with advanced CSS and CSS3.

CSS and CSS3 can add richness to your site’s experience layer and discover the role CSS3 can play in enhancing interactivity. While the CSS3 specification as a whole is still in flux, this session will focus on the portions that you can use today (Borders and Backgrounds module, RGBA, CSS Transitions and Transforms) and how anyone, regardless of the project, can inject flexible techniques that enrich the interactions of the websites we build everyday.

{ 0 comments }

Adobe MAX 2010 – Tips and Tools and a Max Event Overview: Interview with Chris Georgeness, Director of Creative Services Game Show Network

Chris Georgenes has been using Flash professionally for more than a decade, and has gained a wide following. He is the proprietor of Mudbubble.com, a Web animation studio, and he is the Art and Animation Director for Acclaim Games. His books for Focal Press, How to Cheat at Flash CS3 and How to Cheat at Flash CS4, have been steady sellers. He presents frequently at trade shows such as Flash in the Can, Flash on Tap, FlashForward, and Adobe MAX. He’s also the author of the Animation with Scripting for Adobe Flash Professional CS5 Studio Techniques available from PeachPit Press Online.

In this eleven minute interview, I asked Chris to share his take on the Adobe MAX event, what events he likes to participate in, his thoughts on the benefits of the Adobe Flash and what he thinks aspiring Web professionals should know about Flash.

{ 0 comments }