SlideShare a Scribd company logo
1 of 16
Random Bits
When Preparing For
“Adapting For Small Screen”

January 28, 2010
Ada Yuen
Visual Clarity




      Users expect that rotating orientation would switch between
      the landscape/portrait modes, not different content. 
                            ©2010 AddiThink                         2
Navigation




Cannot go to next news quickly
                                       Go to next news quickly. 
for casual browsing. 
                             ©2010 AddiThink                        3
Navigation




  Does not tell users which news
                                         Gray headings tell users which
  they have already visited. Users
                                         news they have already visited. 
  reply on recall.            ©2010 AddiThink                               4
Layout




         Users need to know what the numbers mean, but
         the description is not prominent. 
                          ©2010 AddiThink                5
Layout




         Put Facebook and Twitter functions on top because
         they are probably more useful than the version
         number, service terms and user guide. 
                            ©2010 AddiThink                  6
Content




   English is used in Chinese app.
   Inconsistency weakens credibility. 
                              ©2010 AddiThink   7
Content




      News headings does not      Use “...” to indicate that some
      look right.                text is omitted intentionally. 
                        ©2010 AddiThink                              8
Content




    Should be “   ”, instead of
    “     .” 
                           ©2010 AddiThink   9
Content




  How good is “4”?                      How good is “2.6”?
  5-point scale? 10-point scale?       What is the scale? 
                              ©2010 AddiThink                  10
Content




          How much do users need to pay? What
          is the difference between the prices? 
                        ©2010 AddiThink            11
Content




          What is “All Data”? Users cannot determine
          if they should clear it. 
                         ©2010 AddiThink               12
Functionality




                Does not pre-fill book information
                in email to save time. 
                         ©2010 AddiThink            13
Form Design




  What are “TICKET TYPE” and “IPHONE_ATR_ADULT_3D_P02...”?
  Number of ticket? But, the app knows what seats are selected. 
                             ©2010 AddiThink                        14
Form Design




      Users do not know the current font size. To see bigger
      text, should they select “Big” or “Medium”? 
                           ©2010 AddiThink                     15
Content Structure




     Themes on TED.com are ambiguous. E.g., what is “Power of
     Cities”? iPhone app re-uses the ambiguous themes. 
                            ©2010 AddiThink                     16

More Related Content

Similar to Random Bits when preparing for "Adapting for Small Screen"

Empowering Collaboration through Self-Service BI
Empowering Collaboration through Self-Service BIEmpowering Collaboration through Self-Service BI
Empowering Collaboration through Self-Service BI
Sentri
 
iOS 7 UI Transition Guide
iOS 7 UI Transition GuideiOS 7 UI Transition Guide
iOS 7 UI Transition Guide
Evgeny Belyaev
 
Adversitement Web Intelligence Information 2010
Adversitement Web Intelligence Information 2010Adversitement Web Intelligence Information 2010
Adversitement Web Intelligence Information 2010
Adversitement
 
IGNITION: Winning data strategies for publishers by Todd Teresi/Quantcast
IGNITION: Winning data strategies for publishers by Todd Teresi/Quantcast IGNITION: Winning data strategies for publishers by Todd Teresi/Quantcast
IGNITION: Winning data strategies for publishers by Todd Teresi/Quantcast
Babbel
 

Similar to Random Bits when preparing for "Adapting for Small Screen" (20)

Bringing mobile apps to market faster using rapid application prototyping
Bringing mobile apps to market faster using rapid application prototypingBringing mobile apps to market faster using rapid application prototyping
Bringing mobile apps to market faster using rapid application prototyping
 
Empowering Collaboration through Self-Service BI
Empowering Collaboration through Self-Service BIEmpowering Collaboration through Self-Service BI
Empowering Collaboration through Self-Service BI
 
Empowering Collaboration through Self-Service BI
Empowering Collaboration through Self-Service BIEmpowering Collaboration through Self-Service BI
Empowering Collaboration through Self-Service BI
 
iOS 7 Transition guide
iOS 7 Transition guideiOS 7 Transition guide
iOS 7 Transition guide
 
Socialytics: Using Social Data for More Effective Sales, Marketing & Customer...
Socialytics: Using Social Data for More Effective Sales, Marketing & Customer...Socialytics: Using Social Data for More Effective Sales, Marketing & Customer...
Socialytics: Using Social Data for More Effective Sales, Marketing & Customer...
 
What makes a mobile website an 'optimised' mobile website?
What makes a mobile website an 'optimised' mobile website?What makes a mobile website an 'optimised' mobile website?
What makes a mobile website an 'optimised' mobile website?
 
iOS 7 UI Transition Guide
iOS 7 UI Transition GuideiOS 7 UI Transition Guide
iOS 7 UI Transition Guide
 
Hi600 ch09_text_slides
Hi600 ch09_text_slidesHi600 ch09_text_slides
Hi600 ch09_text_slides
 
Webinar: How To Manage The Event Technology Ecosystem - Breakthroughs In Inte...
Webinar: How To Manage The Event Technology Ecosystem - Breakthroughs In Inte...Webinar: How To Manage The Event Technology Ecosystem - Breakthroughs In Inte...
Webinar: How To Manage The Event Technology Ecosystem - Breakthroughs In Inte...
 
Sexy Email Lisa Harmon Responsys
Sexy Email Lisa Harmon ResponsysSexy Email Lisa Harmon Responsys
Sexy Email Lisa Harmon Responsys
 
How to build a "sticky" Intranet - SPSNJ
How to build a "sticky" Intranet - SPSNJHow to build a "sticky" Intranet - SPSNJ
How to build a "sticky" Intranet - SPSNJ
 
Adversitement Web Intelligence Information 2010
Adversitement Web Intelligence Information 2010Adversitement Web Intelligence Information 2010
Adversitement Web Intelligence Information 2010
 
10 Scariest Intranet Mistakes & How to Avoid Them
10 Scariest Intranet Mistakes & How to Avoid Them10 Scariest Intranet Mistakes & How to Avoid Them
10 Scariest Intranet Mistakes & How to Avoid Them
 
iOS 8 Pre-Release Briefing
iOS 8 Pre-Release BriefingiOS 8 Pre-Release Briefing
iOS 8 Pre-Release Briefing
 
IGNITION: Winning data strategies for publishers by Todd Teresi/Quantcast
IGNITION: Winning data strategies for publishers by Todd Teresi/Quantcast IGNITION: Winning data strategies for publishers by Todd Teresi/Quantcast
IGNITION: Winning data strategies for publishers by Todd Teresi/Quantcast
 
Smartphone enable your DotNetNuke apps with jq-touch & jqueryMobile Smartphon...
Smartphone enable your DotNetNuke apps with jq-touch & jqueryMobile Smartphon...Smartphone enable your DotNetNuke apps with jq-touch & jqueryMobile Smartphon...
Smartphone enable your DotNetNuke apps with jq-touch & jqueryMobile Smartphon...
 
Digital Marketing Opportunities & (Big Data Challenges for Business Growth)
Digital Marketing Opportunities & (Big Data Challenges for Business Growth)Digital Marketing Opportunities & (Big Data Challenges for Business Growth)
Digital Marketing Opportunities & (Big Data Challenges for Business Growth)
 
Mobile site design best practices
Mobile site design best practicesMobile site design best practices
Mobile site design best practices
 
Big Data loves JS
Big Data loves JSBig Data loves JS
Big Data loves JS
 
Ironic Towards Truly Open and Reliable, Eventually for Mission Critical
Ironic Towards Truly Open and Reliable, Eventually for Mission CriticalIronic Towards Truly Open and Reliable, Eventually for Mission Critical
Ironic Towards Truly Open and Reliable, Eventually for Mission Critical
 

More from Addithink (6)

Content Audit sample_Pizza Hut app
Content Audit sample_Pizza Hut appContent Audit sample_Pizza Hut app
Content Audit sample_Pizza Hut app
 
Content Audit sample_Travelzoo Homepage and Mobile App
Content Audit sample_Travelzoo Homepage and Mobile AppContent Audit sample_Travelzoo Homepage and Mobile App
Content Audit sample_Travelzoo Homepage and Mobile App
 
Are your online marketing efforts lost at sea?
Are your online marketing efforts lost at sea?Are your online marketing efforts lost at sea?
Are your online marketing efforts lost at sea?
 
Adapting for Small Screen
Adapting for Small ScreenAdapting for Small Screen
Adapting for Small Screen
 
What Is Seo How Search Engine Works
What Is Seo How Search Engine WorksWhat Is Seo How Search Engine Works
What Is Seo How Search Engine Works
 
Walkthrough Online Hotel Reservation
Walkthrough Online Hotel ReservationWalkthrough Online Hotel Reservation
Walkthrough Online Hotel Reservation
 

Recently uploaded

Architecting Cloud Native Applications
Architecting Cloud Native ApplicationsArchitecting Cloud Native Applications
Architecting Cloud Native Applications
WSO2
 

Recently uploaded (20)

"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ..."I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
 
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
 
Ransomware_Q4_2023. The report. [EN].pdf
Ransomware_Q4_2023. The report. [EN].pdfRansomware_Q4_2023. The report. [EN].pdf
Ransomware_Q4_2023. The report. [EN].pdf
 
Architecting Cloud Native Applications
Architecting Cloud Native ApplicationsArchitecting Cloud Native Applications
Architecting Cloud Native Applications
 
Automating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps ScriptAutomating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps Script
 
Corporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptxCorporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptx
 
2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...
 
DBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor PresentationDBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor Presentation
 
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
 
Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024
 
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin WoodPolkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
 
FWD Group - Insurer Innovation Award 2024
FWD Group - Insurer Innovation Award 2024FWD Group - Insurer Innovation Award 2024
FWD Group - Insurer Innovation Award 2024
 
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
 
Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone ProcessorsExploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processors
 
ICT role in 21st century education and its challenges
ICT role in 21st century education and its challengesICT role in 21st century education and its challenges
ICT role in 21st century education and its challenges
 
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
 
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt RobisonData Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt Robison
 
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWEREMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
 

Random Bits when preparing for "Adapting for Small Screen"

  • 1. Random Bits When Preparing For “Adapting For Small Screen” January 28, 2010 Ada Yuen
  • 2. Visual Clarity Users expect that rotating orientation would switch between the landscape/portrait modes, not different content.  ©2010 AddiThink 2
  • 3. Navigation Cannot go to next news quickly Go to next news quickly.  for casual browsing.  ©2010 AddiThink 3
  • 4. Navigation Does not tell users which news Gray headings tell users which they have already visited. Users news they have already visited.  reply on recall.  ©2010 AddiThink 4
  • 5. Layout Users need to know what the numbers mean, but the description is not prominent.  ©2010 AddiThink 5
  • 6. Layout Put Facebook and Twitter functions on top because they are probably more useful than the version number, service terms and user guide.  ©2010 AddiThink 6
  • 7. Content English is used in Chinese app. Inconsistency weakens credibility.  ©2010 AddiThink 7
  • 8. Content News headings does not Use “...” to indicate that some look right.  text is omitted intentionally.  ©2010 AddiThink 8
  • 9. Content Should be “ ”, instead of “ .”  ©2010 AddiThink 9
  • 10. Content How good is “4”? How good is “2.6”? 5-point scale? 10-point scale?  What is the scale?  ©2010 AddiThink 10
  • 11. Content How much do users need to pay? What is the difference between the prices?  ©2010 AddiThink 11
  • 12. Content What is “All Data”? Users cannot determine if they should clear it.  ©2010 AddiThink 12
  • 13. Functionality Does not pre-fill book information in email to save time.  ©2010 AddiThink 13
  • 14. Form Design What are “TICKET TYPE” and “IPHONE_ATR_ADULT_3D_P02...”? Number of ticket? But, the app knows what seats are selected.  ©2010 AddiThink 14
  • 15. Form Design Users do not know the current font size. To see bigger text, should they select “Big” or “Medium”?  ©2010 AddiThink 15
  • 16. Content Structure Themes on TED.com are ambiguous. E.g., what is “Power of Cities”? iPhone app re-uses the ambiguous themes.  ©2010 AddiThink 16