From the category archives:

Web Development

Beyond Usability – Interview with Kelly Goto, gotomedia

by Bill Cullifer on August 11, 2011

Beyond Usability: Emotion as the New User Experience with Kelly Goto, principal of gotomedia, LLC San Francisco, CA

Today’s connected experiences are no longer limited to a single laptop or mobile device. High expectations and dwindling patience have pushed customer demands to a new level.

In this fourteen minute interview with Kelly Goto, author, blogger and principal at GotoMedia based in San Francisco, CA, Kelly shares insights about “design ethnography” and tips to rethink your design and research approach and gain insight into the needs and desires of your customer in a truly contextual manner.

We also talk about the importance of understanding “Markup and Scripting” for Web designers and how members of her team are most effective as “left brain and right brain” Web professionals.

According to Wikipedia, Ethnography (from Greek ethnos = folk/people and grapho = to write) is “the science of contextualization” often used in the field of social sciences—particularly in anthropology, in some branches of sociology,[2] and in historical science—that studies people, ethnic groups and other ethnic formations, their ethnogenesis, composition, resettlement, social welfare characteristics, as well as their material and spiritual culture. It is often employed for gathering empirical data on human societies and cultures. Data collection is often done through participant observation, interviews, questionnaires, etc. Ethnography aims to describe the nature of those who are studied (i.e. to describe a people, an ethnos) through writing. In the biological sciences, this type of study might be called a “field study” or a “case report,” both of which are used as common synonyms for “ethnography”.

Data collection methods

One of the most common methods for collecting data in an ethnographic study is direct, first-hand observation of daily participation. This can include participant observation. Another common method is interviewing, which may include conversation with different levels of form and can involve small talk to long interviews. A particular approach to transcribing interview data might be genealogical method. This is a set of procedures by which ethnographers discover and record connections of kinship, descent and marriage using diagrams and symbols. Questionnaires can be used to aid the discovery of local beliefs and perceptions and in the case of longitudinal research, where there is continuous long-term study of an area or site, they can act as valid instrument for measuring changes in the individuals or groups studied. Traditionally, the ethnographer focuses attention on a community, selecting knowledgeable informants who know well the activities of the community. These informants are typically asked to identify other informants who represent the community, often using chain sampling. This process is often effective in revealing common cultural common denominators connected to the topic being studied. Ethnography relies greatly on up-close, personal experience. Participation, rather than just observation, is one of the keys to this process. Ethnography is very useful in social research.
Differences across disciplines

The ethnographic method is used across a range of different disciplines, primarily by anthropologists but also frequently by sociologists. Cultural studies, economics, social work, education, ethnomusicology, folklore, geography, history, linguistics, communication studies, performance studies, advertising, psychology, usability and criminology are other fields which have made use of ethnography.

Cultural and social anthropology

Cultural anthropology and social anthropology were developed around ethnographic research and their canonical texts which are mostly ethnographies: e.g. Argonauts of the Western Pacific (1922) by Bronis?aw Malinowski, Ethnologische Excursion in Johore by famous Russian ethnographer and naturalist ( “The moon man”) (1875) Nicholas Miklouho-Maclay, Coming of Age in Samoa (1928) by Margaret Mead, The Nuer (1940) by E. E. Evans-Pritchard, Naven (1936, 1958) by Gregory Bateson or “The Lele of the Kasai” (1963) by Mary Douglas. Cultural and social anthropologists today place such a high value on actually doing ethnographic research that ethnology—the comparative synthesis of ethnographic information—is rarely the foundation for a career.[citation needed] The typical ethnography is a document written about a particular people, almost always based at least in part on emic views of where the culture begins and ends. Using language or community boundaries to bound the ethnography is common.[8] Ethnographies are also sometimes called “case studies.”[9] Ethnographers study and interpret culture, its universalities and its variations through ethnographic study based on fieldwork. An ethnography is a specific kind of written observational science which provides an account of a particular culture, society, or community. The fieldwork usually involves spending a year or more in another society, living with the local people and learning about their ways of life. Ethnographers are participant observers. They take part in events they study because it helps with understanding local behavior and thought. Classic examples are Carol Stack’s All Our Kin, Jean Briggs’ “Never in Anger”, Richard Lee’s “Kalahari Hunter-Gatherers,” Victor Turner’s “Forest of Symbols,” David Maybry-Lewis’ “Akew-Shavante Society,” E.E. Evans-Pritchard’s “The Nuer” and Claude Lévi-Strauss’ “Tristes Tropiques”. Iterations of ethnographic representations in the classic, modernist camp include Bartholomew Dean’s recent (2009) contribution, Urarina Society, Cosmology, and History in Peruvian Amazonia.
Bronis?aw Malinowski among Trobriand tribe

A typical ethnography attempts to be holistic and typically follows an outline to include a brief history of the culture in question, an analysis of the physical geography or terrain inhabited by the people under study, including climate, and often including what biological anthropologists call habitat. Folk notions of botany and zoology are presented as ethnobotany and ethnozoology alongside references from the formal sciences. Material culture, technology and means of subsistence are usually treated next, as they are typically bound up in physical geography and include descriptions of infrastructure. Kinship and social structure (including age grading, peer groups, gender, voluntary associations, clans, moieties, and so forth, if they exist) are typically included. Languages spoken, dialects and the history of language change are another group of standard topics.Practices of childrearing, acculturation and emic views on personality and values usually follow after sections on social structure. Rites, rituals, and other evidence of religion have long been an interest and are sometimes central to ethnographies, especially when conducted in public where visiting anthropologists can see them.[15]

As ethnography developed, anthropologists grew more interested in less tangible aspects of culture, such as values, worldview and what Clifford Geertz termed the “ethos” of the culture. Clifford Geertz’s own fieldwork used elements of a phenomenological approach to fieldwork, tracing not just the doings of people, but the cultural elements themselves. For example, if within a group of people, winking was a communicative gesture, he sought to first determine what kinds of things a wink might mean (it might mean several things). Then, he sought to determine in what contexts winks were used, and whether, as one moved about a region, winks remained meaningful in the same way. In this way, cultural boundaries of communication could be explored, as opposed to using linguistic boundaries or notions about residence. Geertz, while still following something of a traditional ethnographic outline, moved outside that outline to talk about “webs” instead of “outlines”[16] of culture.

Within cultural anthropology, there are several sub-genres of ethnography. Beginning in the 1950s and early 1960s, anthropologists began writing “bio-confessional” ethnographies that intentionally exposed the nature of ethnographic research. Famous examples include Tristes Tropiques (1955) by Claude Lévi-Strauss, The High Valley by Kenneth Read, and The Savage and the Innocent by David Maybury-Lewis, as well as the mildly fictionalized Return to Laughter by Elenore Smith Bowen (Laura Bohannan). Later “reflexive” ethnographies refined the technique to translate cultural differences by representing their effects on the ethnographer. Famous examples include “Deep Play: Notes on a Balinese Cockfight” by Clifford Geertz, Reflections on Fieldwork in Morocco by Paul Rabinow, The Headman and I by Jean-Paul Dumont, and Tuhami by Vincent Crapanzano. In the 1980s, the rhetoric of ethnography was subjected to intense scrutiny within the discipline, under the general influence of literary theory and post-colonial/post-structuralist thought. “Experimental” ethnographies that reveal the ferment of the discipline include Shamanism, Colonialism, and the Wild Man by Michael Taussig, Debating Muslims by Michael F. J. Fischer and Mehdi Abedi, A Space on the Side of the Road by Kathleen Stewart, and Advocacy after Bhopal by Kim Fortun.
[edit] Sociology

Sociology is another field which prominently features ethnographies. Urban sociology and the Chicago School in particular are associated with ethnographic research, with some well-known early examples being Street Corner Society by William Foote Whyte and Black Metropolis by St. Clair Drake and Horace R. Cayton, Jr.. Some of the influence for this can be traced to the anthropologist Lloyd Warner who was on the Chicago sociology faculty, and to Robert Park’s experience as a journalist. Symbolic interactionism developed from the same tradition and yielded several excellent sociological ethnographies, including Shared Fantasy by Gary Alan Fine, which documents the early history of fantasy role-playing games. Other important ethnographies in the discipline of sociology include Pierre Bourdieu’s work on Algeria and France, Paul Willis’s Learning To Labour on working class youth, and the work of Elijah Anderson, Mitchell Duneier, Loic Wacquant on black America and Glimpses of Madrasa From Africa, 2010 Lai Olurode. But even though many sub-fields and theoretical perspectives within sociology use ethnographic methods, ethnography is not the sine qua non of the discipline, as it is in cultural anthropology.
[edit] Communication studies

Beginning in the 1960s and 1970s, ethnographic research methods began to be widely employed by communication scholars. Studies such as Gerry Philipsen’s analysis of cultural communication strategies in a blue-collar, working class neighborhood on the south side of Chicago, Speaking ‘Like a Man’ in Teamsterville, paved the way for the expansion of ethnographic research in the study of communication.

Scholars of communication studies use ethnographic research methods to analyze communication behaviors, seeking to answer the “why” and “how come” questions of human communication. Often this type of research results in a case study or field study such as an analysis of speech patterns at a protest rally or the way firemen communicate during “down time” at a fire station. Like anthropology scholars, communication scholars often immerse themselves, participate in and/or directly observe the particular social group being studied.

{ 0 comments }

Javascript Done Right– Interview with Dirk Ginader, Yahoo! Inc. at Open Web Camp III Palo Alto, CA

Today’s podcast is with Dirk Ginader, Web Developer at Yahoo! I had the pleasure of meeting and talking with Dirk and a number of his equally passionate Web professional colleagues at the Open Web Camp III event that took place late last month at the Stanford University Campus in Palo Alto California.

In this three minute interview, Dirk summarizes his session entitled “Javascript Done Right” and shares some of the key takeaways for developers and designers as well as those that teach. If you’re serious about Javascript, you owe it to yourself to check out Dirk’s slide deck featured below as well as all of the incredible resources on the Yahoo! Developer Network. No one does it better than the developers at Yahoo! in my opinion and it’s worthy of your time to explore.

A special shout out to Dirk for his time and expertise. I’m always amazed at just how talented and down to earth the developers at team Yahoo! are. Great stuff and great people.

Slide Deck from Open Web Camp III

{ 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 }

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 }

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 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 }

Adobe MAX 2010 – Adobe Air and Mobile Apps

by Bill Cullifer on October 26, 2010

Adobe MAX 2010 – Adobe Air and Mobile Apps: Interview with Joe Johnston, Senior user experience specialist, UniversalMind

Universal Mind just posted about their experience developing an app for the RIM PlayBook using the Adobe Air SDK and their announcement at Adobe MAX 2010 taking place this week in Los Angeles, CA.

In this six minute interview, I caught up with Joe to get his take on the project, his take on the Adobe MAX event and opportunities for Web professionals developing Mobile Applications with Adobe Air.

RIM PlayBook SDK Offers Smooth Development

According to the UniversalMind Blog, the team had the privilege to be one of the first companies to develop an app for Blackberry’s new tablet—the RIM Playbook. Here are some of our initial thoughts on developing in this environment:

The app we developed was a Fantasy Football application—the goal was for it to be both fun and easy to use. It was entirely built using Adobe Flash Builder and the BlackBerry SDK. The workflow allowed us to deploy a working tablet application in days with full touch and gesture interactions that you would expect in a tablet device.

The framework SDK is integrated into Flash Builder which made for a very familiar dev environment. Compiling the application and deploying it to the PlayBook Simulator is quick and easy with multiple ways to see your application in a working environment. Without a actual device in hand we relied on the Simulator to test all the interactions, so it was a key piece of the workflow.

We also reused several pieces of code, which made creating interactions even faster. The SDK controls made creating interactive lists a snap: all the kinetic interactions are built into the controls, like pulling on a list and getting the elastic snap that many users are familiar with. Integrating video is seamless with the built in video controls, which also allowed for customization. The framework also allows developers to create consistent applications using the array of controls that are built into the OS.

Since their SDK utilizes Adobe AIR, you can create tablet applications without the need to learn a new development languages. Taking existing AIR applications and deploying them to a tablet device couldn’t be easier.

With the BlackBerry Tablet OS SDK you can now take those engaging applications and deploy thing seamlessly onto a BlackBerry Playbook with minimal code changes. Integrating those applications into the powerful BlackBerry network of information and integration.

{ 0 comments }

The Power of Platforms – A Web Professional Perspective and Overview of the Web 2.0 2010 Event San Francisco, CA

The Web 2.0 Conference took place earlier in the month in San Francisco, CA and WOW’s roving reporter Jeri Hastava, principle of Leap of Faith Web Design was on hand to conduct a number of in depth interviews on the going’s on with in depth coverage of the more meaningful sessions for the practicing Web professional.

Today’s podcast is an overview of that event featuring the conference theme, “Power of the Platform” followed by an overview by Jerri of the following sessions that she sat in on and what you can expect of her in depth interviews of the speakers that we will be featuring in future podcast later this week and next.

Thank you Jeri!

Overview

* Being Optimally Social – How Not Talking about Your Product Can Bring Huge Rewards
Social Media Marketing with Rand Fishkin, CEO & Co-Founder (SEOmoz), Stephan Spencer, VP of SEO Strategies (Covario)
These two co-authors of O’Reilly’s “The Art of SEO” will go beyond friending, following, digging and tweeting to discuss clever and novel ways to leverage social media, communities, and user-generated content that your organization is likely not doing.

* Web Design Redefined, with Web Fonts with Allan Haley, Director of Words & Letters (Monotype Imaging)
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.

* Social Media: A Cautionary Tale: Focus on Enterprise with Mike Gotta. Principal Analyst (Burton Group), Alice Wang, Director (Burton Group)
As social media solutions become more complex, IT organizations are becoming more involved to work with business strategists on ways to mitigate risks. Security, compliance, confidentiality, data loss prevention, brand reputation, and human resource concerns (i.e., ethics/conduct) are issues that organizations cannot ignore.

* Upgrade Your Mandate – From User Experience to Customer Experience Strategy & Business Models with Peter Merholz, Founder & President (Adaptive Path)
Your customers lead multi-channel lives. So why are you focused on just one? In this talk, Peter Merholz will lay out a strategy for “Web + 1″, connecting the web to other service touchpoints, and how to address the organizational challenges in doing so.

Today’s Web Pro Minute is sponsored by the Microsoft WebsiteSpark Program.

Join WebsiteSpark today and take advantage of this exclusive offer:

Web Developers and Designers: we wanted to let you know about Microsoft WebsiteSpark, a great new program just for you.
Join WebsiteSpark today and get three Visual Studio(R) Professional licenses at no cost*.

WebsiteSpark is for web development and design firms with fewer than 10 employees. Sign up to receive:

Technical Benefits

- Three Visual Studio(R) 2008 licenses,
- Two Expression(R) Web 3 licenses plus an Expression Studio 3 license,
- One Windows Web Server(R) 2008 R2 license.
- One SQL Server(R) 2008 Web Edition license.

Business Benefits

- Get new business leads through the Build a Better Website campaign.

http://agency.buildabetterwebsite.com/

- Take advantage of a year’s hosting for Windows Web Server.

http://wssoffer.buildabetterwebsite.com/

- Access technical support from the Microsoft Developer Network (MSDN).
- Receive training on how to make the most of WebsiteSpark.

http://www.msdev.com/partner/Program.aspx?benefitId=80

Do I Qualify?

WebsiteSpark is available to professional Web developers and designers. To qualify, your firm must:

1. Build web sites and web applications for other organizations.
2. Have fewer than 10 employees.

*At the end of the three year program there is a one-time $100 program fee.

{ 0 comments }