Search This Blog

Sunday, January 16, 2011

Forrester Predicts Huge Tablet Growth – What That Means For Designers

In a recent report, Forrester predicts tablet sales will reach 195 million between 2010 and 2015 and most of these sold will be Apple products. Forrester also believes laptop sales will continue to grow from 26.4 million in 2010 to 38.9 million in 2015. Desktop PC sales will decline from 20.5 million in 2010 to 18.2 million in 2015.

When Users Consume
This increase use of tablets is already changing the way tablet users consume content. Reading content on mobile devices is causing a shift in when users consume material – prior to mobile consumption there was a bigger jump in users consuming material at their desks. Now, much to employer’s satisfaction, users are reading more articles and content on their own time, before and after the typical 9-5 office hours. In a recent study on the application Read it Later which allows users to save articles for later use, there are major spikes in iPhone usage: 6am - Early morning, breakfast, 9am - The morning commute, start of the work day, 5pm – 6pm - End of the work day and the commute home, 8pm – 10pm – Couch time, prime time, bed time. Similarly, for the iPad, usage spikes between 7 and 10 pm. Although additional research needs to be done to repeat these conclusions and support this hypothesis, the shift in user control over consumption and how they consume it (i.e. laying in bed reading articles or on the subway ride home), is an important factor to consider as we think of this changing landscape
 What Do We Do Next?
As designers, these numbers and predictions are pretty significant. If Forrester is correct, tablets usage will expand and cause a huge shift in behavior with touch screen devices. More research needs to be done on these devices and more standards need to be put in place.
One recent article I read from Smashing Magazine offers one solution to how to design for the myriad screen sizes of mobile devices – the solution is Responsive Web Design. “Responsive Web design is the approach that suggests that design and development should respond to the user’s behavior and environment based on screen size, platform and orientation. The practice consists of a mix of flexible grids and layouts, images and an intelligent use of CSS media queries”. When users switch back and forth between the devices, the design changes automatically to provide the best display of information. Aside from different screen sizes, both landscape and portrait views should be considered. Also, as we design, we should have flexible everything: fluid grids, fluid images and smart mark-up where needed.
Aside from Responsive Web Design, we also need to consider how these devices change they way users interact with the devices from a physical perspective. We are going to move away from the cursor and rely solely on direct manipulation of the devices. More consideration will need to be paid on ensuring touch targets accommodate the “fat finger” and more interactions will need to made standardized.
Older work from Dan Saffer, should also be considered and expanded upon. Some principles to keep in mind as we go forward trying to design for the here and now, as well as the future, is to keep his principles in mind. Good gestural interfaces should be:
  • Discoverable and have natural affordances
  • Trustworthy
  • Responsive
  • Appropriate
  • Meaningful
  • Smart & Clever
  • Playful & Pleasurable
  • Good
This change in consumption and behavior is exciting to me and should excite you too. It is not an understatement to say this IS BIG and will impact our interaction design landscape going forward. There is not a lot of research in this area since it is so new – which is one thing I have found as I delver deeper into Graduate level thesis work on this subject.
Now is the time to start thinking about these issues and continue to research and design to meet users mobile needs. My prediction is the next coming years are going to really distinguish the “men from the boys”, or to be PC, the “women from the girls”, and “designers from the dinosaurs”. In order to meet the needs of our clients going forward, we need to be aware of this change and understand the overall impact. Real change is here – be ready or stay home.

Wednesday, December 22, 2010

MBTA Ticket Kiosk Taking You for a Ride?

Not every interface we engage with is intuitive. Non-intuitive systems not only try our patience, but they could pick at our wallets as well. If you have ever ridden the MBTA and purchased a ticket from the fare vending machines, you may have experienced this firsthand. Many MBTA riders I spoke with for my grad school project were unaware that they could purchase a single or round trip tickets from the fare vending machine. As a result, many ended up with unused money on their stored-value tickets. The reason for this confusion could be the ambiguous call-to-action to purchase single and round trip tickets and the absence of the fare cost is missing from the interface.

Getting automation correct is crucial to the success of the MBTA ridership experience since Boston’s MBTA is the nation’s 5th largest mass transit system, serving s population of 4,667,555 according to the 2000 census, in 175 cities in towns. On an average weekday, the typical ridership for the entire system is 1.1 million passenger trips.

The Problem

The main issue with the kiosk is that many users do not realize they can add only $2.00 or $4.00 on their stored value ticket. Four out of five MBTA travelers I spoke with admitted they did not initially knowing they could purchase a one way or roundtrip ticket from the ticket on their first interaction with the system. The riders did not realize thing could be done until I told them to try the “Other Amount” option. Four out of five regular MBTA subway riders did not understand how to buy a one way or round trip ticket valued at $2.00 and $4.00, respectively. All five users own cell phones, use other touch screen kiosks including ATMs regularly, and all have at least a high school education. So why did so many purchase the $5, $10, or $20 increments when all they really needed was either $2.00 or $4.00?

Reasons for the Confusion

The reason for this confusion and over-purchasing could be because there is no fare price information located in the interface. There is price information located in the top right hand corner of the fare vending machine, but users would have interrupt their experience to glance upward, which is not in the user’s direct vision as they are engaged with the touch screen. The term “Other Amount” does not immediately register to users as the call to action to purchase a one way or round trip ticket. Keep in mind, the user has competing cognitive noise in the environment as he/she is interacting with the system: the bustle of a noisy subway station, the stress of trying to get the ticket in time to make the oncoming train, and a line of impatient riders waiting their turn to purchase a ticket.

In addition to the confusing label on the Other Amount button, the lack of feedback could also contribute to the problem. The fare vending machine is a one-way interaction, whereas the system only reacts when the user touches a button to initiate the next screen and has no awareness to what could be delaying the user’s input.

Learning from Other Kiosks

An interesting experimental study was performed using the Multimodal Multimedia Service Kiosk, or MASK, uncovered some valuable insights which could help the issues found in the MBTA fare vending machine. The MASK kiosk uses an integrated Multimedia Service kiosk platform with a modified version of LIMSI spoken language system (SLS). This prototype provided train schedules and fare information, as well as simulated ticket purchases.

The study concluded that an average transaction success rate of 93% was obtained on 400 transactions with 100 subjects, while reducing the average time by 30% when using the MASK kiosk. One reason for the positive response was when users delayed and the system recognized the user was pausing; the system would prompt the user with questions via the speaker. The user could answer the question by speaking back to the system. Initially, system developers were afraid users would not want to speak to the system in public, but when asked, 87% of the subjects said they would be likely to use speech input if the MASK kiosk were located in a train station. Based on the findings from this study, integrating a multimodal help experience could aid users who “get stuck” when looking for the one way or round trip option when purchasing an MBTA ticket from the fare vending kiosk. Ensuring the system is intelligent enough to recognize delays in the interactions and prompting the user with helpful hints could help the user as they interact with the system.

Another aspect of the MASK kiosk that could be replicated by the MBTA fare vending machine is the ability to promote system learnability through a system-guided demonstration animation that rotates when the users has not yet engaged the system. According to the Design Kiosk Guidelines, an effective way to introduce users to the system is to present a simulated demonstration to inform users of how to use the system and what to expect. The demonstration should be short enough to keep the user’s attention, but provide the necessary key points. There should be a clear call to action, like a Start button, that indicates the user can interrupt the demonstration at any point.

Sources
Boston Globe
. (Document ID: 1814329341, Document ID: 1424553691).
Herald
. (Document ID: 1874386781).

User Evaluation of the MASK Kiosk. Speech Communication (2003)
A Review of User-Interface Design Guidelines for Public Information Kiosk Systems (1999)

iPads in the Classroom


You have either seen it with your own kids or watched the videos posted on Youtube: kids love iPads. Their little hands move quickly touching and swiping, learning as they go. Children as young as two years old can navigate between apps, play games, and use drawing capabilities. The iPad UI is ideal for children because it involves very simple gestures to initiate an immediate reaction from the device. Many developers have already started to market towards the needs of children since there are already many interesting apps targeted for kids.

Since kids are drawn to the iPads because of the fun factor, why not integrate the devices in learning environments? iPads offer a functionality ranging from entertainment to education and they are portable. Many classrooms today have computers, but often the students have to leave the classroom and go to a specific computer room. Using iPads in the classroom would keep kids engaged in the lesson and in a comfortable environment. iPads will come down in price and in most cases is already less expensive than the average classroom PC and maintenance.

iPads in education have positive environmental influence as well as positive impacts on school budgets. Assuming text book publishers would digitalize text books and make them iBook friendly, less paper based books would be needed, thus saving some trees and some green on an already tight education budget. Additionally, this could open up new opportunities and new competition among publishers. Having your kid tote around a light weight iPad could help alleviate all the back problems from carrying a back pack full of heavy books.

iPads could be integrated with the electronic white boards and create a total interactive and technology-rich environment. The iPad could be taken to offsite field trips and serve as an educational tool to enhance the physical experience. There are many ways iPads could help teachers get kids more excited about learning and more engaged in the process. Coupling an entertainment and education tool could result in positive learning effects. Because kids want to pick it up and interact with the device, learning and school could be more of a fun activity than a chore.

Many cutting edge schools are already integrating iPads into the classroom:

  • The School of Medicine at Stanford University has adopted Apple’s iPad, providing the device to all incoming first year medical students and Master of Medicine students. The school cited four reasons behind the new program, including student readiness, noting that iPad “creates opportunities for efficient, mobile, and innovative learning.”
  • Setton Hill University (Pennsylvania) has committed to giving each of its 2100 full time students an iPad.
  • George Fox University right here in Oregon recently announced that it would be giving its new students the choice between a Macbook or an iPad.
  • Oklahoma State University will be piloting an iPad initiative with 125 students in five different courses during the fall term.
  • The University of Maryland is providing iPads to 75 incoming Honors students in the fall.
  • Gibbon Fairfax Winthrop High School was the very first high school to provide an iPad to each of their 320 students
  • Northwest Kansas Technical College is going to provide an iPad to every student who registers for the Fall 2010 term – and they will be providing their content via iTunes.
  • Sacramento Country Day School has announced they are giving iPads to every sixth grader at no cost to the parents.
  • Monte Vista Christian School already gave 60 of its AP students iPads with eBooks preloaded.Source: http://www.ipadinschools.com/66/more-schools-take-up-the-ipad/

iPads can distract students if certain features are used for personal use, but with the teacher’s monitoring and involvement, students would still stay focused on the classroom discussion. The benefits of this technology outweigh the cons.

iPads in the Classroom

You have either seen it with your own kids or watched the videos posted on Youtube: kids love iPads. Their little hands move quickly touching and swiping, learning as they go. Children as young as two years old can navigate between apps, play games, and use drawing capabilities. The iPad UI is ideal for children because it involves very simple gestures to initiate an immediate reaction from the device. Many developers have already started to market towards the needs of children since there are already many interesting apps targeted for kids.

Since kids are drawn to the iPads because of the fun factor, why not integrate the devices in learning environments? iPads offer a functionality ranging from entertainment to education and they are portable. Many classrooms today have computers, but often the students have to leave the classroom and go to a specific computer room. Using iPads in the classroom would keep kids engaged in the lesson and in a comfortable environment. iPads will come down in price and in most cases is already less expensive than the average classroom PC and maintenance.

iPads in education have positive environmental influence as well as positive impacts on school budgets. Assuming text book publishers would digitalize text books and make them iBook friendly, less paper based books would be needed, thus saving some trees and some green on an already tight education budget. Additionally, this could open up new opportunities and new competition among publishers. Having your kid tote around a light weight iPad could help alleviate all the back problems from carrying a back pack full of heavy books.

iPads could be integrated with the electronic white boards and create a total interactive and technology-rich environment. The iPad could be taken to offsite field trips and serve as an educational tool to enhance the physical experience. There are many ways iPads could help teachers get kids more excited about learning and more engaged in the process. Coupling an entertainment and education tool could result in positive learning effects. Because kids want to pick it up and interact with the device, learning and school could be more of a fun activity than a chore.

Many cutting edge schools are already integrating iPads into the classroom:

  • The School of Medicine at Stanford University has adopted Apple’s iPad, providing the device to all incoming first year medical students and Master of Medicine students. The school cited four reasons behind the new program, including student readiness, noting that iPad “creates opportunities for efficient, mobile, and innovative learning.”
  • Setton Hill University (Pennsylvania) has committed to giving each of its 2100 full time students an iPad.
  • George Fox University right here in Oregon recently announced that it would be giving its new students the choice between a Macbook or an iPad.
  • Oklahoma State University will be piloting an iPad initiative with 125 students in five different courses during the fall term.
  • The University of Maryland is providing iPads to 75 incoming Honors students in the fall.
  • Gibbon Fairfax Winthrop High School was the very first high school to provide an iPad to each of their 320 students
  • Northwest Kansas Technical College is going to provide an iPad to every student who registers for the Fall 2010 term – and they will be providing their content via iTunes.
  • Sacramento Country Day School has announced they are giving iPads to every sixth grader at no cost to the parents.
  • Monte Vista Christian School already gave 60 of its AP students iPads with eBooks preloaded.Source: http://www.ipadinschools.com/66/more-schools-take-up-the-ipad/

iPads can distract students if certain features are used for personal use, but with the teacher’s monitoring and involvement, students would still stay focused on the classroom discussion. The benefits of this technology outweigh the cons.

Friday, September 17, 2010

Twitter got a Facelift (maybe even a tummy-tuck)

(Originally posted in Isobar's blog)

Twitter recently went through a little work, a nip a tuck, and a new design. The “New Twitter”, unveiled to select users, keeps users on the same page, provides streamed media and images, and also provides mini snapshots of the users submitting the tweets. The addition of the streamed media is thought to be an extension of Twitter Media released earlier this summer. Twitter has partnered with with DailyBooth, DeviantART, Etsy, Flickr, Justin.TV, Kickstarter, Kiva, Photozou, Plixi, Twitgoo, TwitPic, TwitVid, USTREAM, Vimeo, yfrog, and YouTube.

Mashable refers to this huge change as the “Facebookification of Twtter” since it seems to be moving to the Facebook model. Allowing users to view media on the site, Twitter is no longer the information broadcaster, but now another time waster. Could Twitter be jealous of all the time Facebook users are spending stalking old boyfriends?

The redesign offers many key advantages since it keeps users on the page and promotes scannability, and increases time on site. But, The Post’s Rob Pegoraro points out that the redesign still fails to show what pages are behind the shortened hyperlinks. A better solution would have been for Twitter to add a hover state with a thumbnail of the website or the original URL so users are not thrown aimlessly off the site to a mystery site.

The new Twitter streamlines the design and interactions of the Twitter iPad app, making it more of unified experienced throughout all Twitter’s mediums. The new model could also open the door to advertising opportunities on the site, perhaps within the video players, captions, and the additional side panel real-estate. With the new and sexy Twitter, the external sites including Tweetdeck could see a decrease in usage.





Amazon-Facebook (Dis)Connect

(Originally posted in Isobar's blog)

The current use of Facebook integration with Amazon seems like a half-baked idea . The integration, as it currently stands, is an isolated page on Amazon, and not integrated into the heart of the site, the product pages (or at least from what I could see looking at the example Elf, which was popular with my Facebook friends). It would be most relevant to show the info as the user is viewing the product.

Razorfish first introduced the idea of a Facebook Connect/Amazon in 2008. They suggested that Facebook should use the data from the user’s profile to offer relevant products based on what is already known about the user. They also suggested polling friends and getting feedback at the point of sale to gauge friend’s opinions on the products.

The integration has the potential to be a very positive for the Amazon customers. In March and April, 2009 for part of my graduate coursework, I performed qualitative usability studies using a beta music evaluation tool developed by Sun Microsystems, Music Explaura. We evaluated user’s levels of satisfaction with the system’s recommendations versus its competitors (iTunes, Pandora, Last.fm), the trustworthiness of the system, and the “steerability of the recommendations”.

The study’s conclusions could have implications for Amazon and Facebook recommendations:

The user’s ratings of the site corresponded to how much they agreed with the recommendations presented to them.
If they agreed with the relevance of the selection, they had a more positive view of the site. If Amazon gets it right and can offer user’s suggestions based on the Facebook content in a relevant manner, they could boost the user’s views of the site and opinion that it is trustworthy. Or, it could negatively impact the opinion if done poorly.

Users tended to rate the source as more trustworthy if they know other users they view as “similar”, that is with the same taste in music or same level of enthusiasm, also liked a recommendation. For Amazon and Facebook, users that belong to the same Facebook group, even if they do not know each other, could offer persuasive influences over buying behaviors.

Adding a few more elements to this process could dramatically improve the user’s experience. In order for this to be truly successful, recommendations need to be relevant and provided in the right context. If not, it could be more burdensome than helpful. Hopefully this integration is an evolution and Amazon will continue to improve the integration as users provide more feedback.




Twitter’s @earlybird Campaign Is Taking Flight

(Originally posted on Isobar's blog)

Twitter is following the “online deal bandwagon” with the recent account creation of @earlybird. Similar to Groupon and Buy with Me, @earlybird broadcasts time-sensitive promotions. Unlike programs like Groupon, @earlybird is not currently targeting specific regions, but hopes to in the future.

@earlybird, along with its fellow online deal sites, appeals to our innate hardwired behaviors. These sites provide social validation to users with the buying power through the community. When users see deals shared via Facebook and Twitter, they may feel more apt to make the purchase since other people they may know and trust are involved. Another way deal sites appeal to buyers is it encourages a sense of loss aversion. Since we are scared of the negative impacts of not getting the deal, we may be more impulsive when purchasing. Also, we are more attracted to items we think are in limited quantity. “If there is limited availability of something, we assume it’s more valuable” (Weinscheck, S. Neuro Web Design). Many of these online sites have limited quantity or duration, thus heightening our sense of urgency to act and buy. If the deal did not expire in 24 hours, would we feel that same sense of urgency? Lastly, @earlybird, Groupon, and other online deal sites are effective because they offer users limited choices. As humans, we think we want more choices, but when we have fewer choices, decisions are made much quicker.

The @earlybird concept is similar to other daily deal sites, but offers a few key advantages. First, using Twitter as an outlet for special time-bound deals helps decrease inbox clutter. Of all those deals, only a fraction actually appeals to you. Twitter users are already used to scanning their feeds and bypassing info that does not appeal to them. Second Twitter users are used to seeing corporate accounts and existing corporate blasts of deals. Third, Twitter is meant to be timely, so users have a better chance of seeing the deals and responding to them before the deal expires.

Pete Cashmore, founder and CEO of Mashable, believes this could be a “win for Twitter”, its users, and its advertisers. Cashmore believes this could be a very powerful marketing platform. Even if this is a failure, according to Cashmore, it would probably have little impact for Twitter. Some are critical since they don’t believe Twitter has a true business model.

I am with Pete – I don’t see how this could hurt Twitter. If anything, I think it will follow the success of other deal sites l have proven to be highly trafficked. As a Groupon member, I am really excited about the idea of getting even more deals in one easy swipe. What are your thoughts? Fail or Flight?