From the category archives:

Web Design

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 }

Adobe MAX 2010 – Tips and Tools from the Experts

by Bill Cullifer on October 27, 2010

Adobe MAX 2010 – Tips and Tools and a Max Event Overview: Interview with Jim Babbage, Creative Director NewMedia Services

In this four minute interview, I asked Jim to share his take on the Adobe MAX event, his thoughts on the benefits of the Adobe Fireworks product, his favorite new feature in Fireworks CS5 and what he thinks aspiring Web professionals should know about Fireworks.

Jim Babbage’s two passions, teaching and photography, led him to a career in commercial photography. With the release of Photoshop 2.5, Jim became involved in the world of digital imaging, and he soon began designing for the web in addition to taking photographs. Jim is a regular contributor to Community MX (communitymx.com), where he’s written articles and tutorials on Fireworks, Dreamweaver, Photoshop, and general web and photography topics. He teaches imaging, web design, and photography at Centennial College, and web design at Humber College. He is a partner at Newmedia Services (newmediaservices.ca), and has been a guest speaker at TODCon and a presenter at Adobe MAX.

{ 0 comments }

Web Design Redefined, with Web Fonts

by Bill Cullifer on September 25, 2010

Web Design Redefined, with Web Fonts – Interview with Allan Haley, Director of Words & Letters (Monotype Imaging)

In this three minute audio podcast WOW’s roving reporter Jeri Hastava asks Allan Haley about the latest in Web Fonts and Typogaphy.

Typography has often been a thorn in the side of Web designers who have traditionally been confined to a limited number of system fonts or forced to embed type within graphics. New technologies promise to bring Web designers the same level of typographic choice and freedom that print designers enjoy. Discover more about the emerging world of Web typography how it will impact you.

{ 0 comments }