Skip to main content

Home/ Design for mobile/ Group items tagged Mobile

Rss Feed Group items tagged

Filter: All | Bookmarks | Topics Simple Middle
Vernon Fowler

Mobile Site vs. Full Site (Jakob Nielsen's Alertbox) - 0 views

www.useit.com/...mobile-vs-full-sites.html

mobile webdesign usability

shared by Vernon Fowler on 10 May 12 - No Cached
  • Build a separate mobile-optimized site (or mobile site) if you can afford it. When people access sites using mobile devices, their measured usability is much higher for mobile sites than for full sites.
  • If mobile users arrive at your full site's URL, auto-redirect them to your mobile site.
  • Why Full Sites Don't Work for Mobile Use
  • ...2 more annotations...
  • Mobile-Optimized Sites The complete design guidelines for mobile websites require almost 300 pages, so I can't cover everything here. The basic ideas are to: cut features, to eliminate things that are not core to the mobile use case; cut content, to reduce word count and defer secondary information to secondary pages; and enlarge interface elements, to accommodate the "fat finger" problem.
  • The design challenge is to place the cut between mobile and full-site features in such a way that the mobile site satisfies almost all the mobile users' needs. If this goal is achieved, the extra interaction cost of following the link to the full site will be incurred fairly rarely.
  • Vernon Fowler on 10 May 12
     
    "Good mobile user experience requires a different design than what's needed to satisfy desktop users. Two designs, two sites, and cross-linking to make it all work."
Vernon Fowler

» CSS Media Query for Mobile is Fool's Gold Cloud Four Blog - 0 views

blog.cloudfour.com/query-for-mobile-is-fools-gold

mobile media queries css responsivedesign mediaqueries webdesign interaction

shared by Vernon Fowler on 09 Sep 12 - No Cached
  • The photographs come to life when you hover over them.
  • There are some good uses of CSS media queries. If you’re building a discrete web application where you have more control and can make sure that the desktop web isn’t bloated, it can make sense.
  • Two methods that appear to work are: Setting the parent of an element with a background image to display:none.3 Using media query min-width declaration to only specify a minimum browser width for the desktop image and a max-width for the mobile image does result in only the mobile image being downloaded in Mobile Safari.5 These two options mean that using CSS media queries isn’t completely impossible, but using the parent element to hide images and changing existing desktop CSS to add min-width declarations are significant changes to existing CSS. It isn’t going to be as simple as adding a CSS media query for mobile and calling your job done.
  • ...7 more annotations...
  • If you send the same HTML and Javascript to the mobile user that you do for the desktop user, even if you format it to fit their screen, you’re likely missing opportunities to provide a great mobile experience based on the capabilities of the device and the context of the mobile user.
  • But the core mechanism used to accomplish them, CSS media queries, isn’t up to the task when it comes to mobile development.
  • Also, Ros Hodgekiss from Campaign Monitor wrote an exceptional article on how you can use media queries in html email to provide a mobile optimized layout. This is perhaps the ideal use case because when you send html email, you have no choice but to send a single html document regardless of what device the recipient will be using.
  • More desktop web sites that take advantage of fluid grids and CSS media queries to optimize for the multiple sizes of desktop screens. Media queries still make sense for desktop designs.
  • In both cases, it showed the image files are downloaded despite the fact that the media query has set them to display:none. This means that the iPhone downloads an extra 172K for photos that the user will never see.
  • Does your desktop web home page use geolocation lookups? Probably not. Should your mobile site home page? Quite possibly.
  • Ignoring the Mobile Context The promise of CSS media queries is that you can take your existing desktop web site html and add this additional presentation layer for mobile. Doing so ignores the fact that a mobile user may have very different needs than a desktop user.
Vernon Fowler

RIP Adobe Flash on Android - 0 views

www.readwriteweb.com/...adobe-flash-on-android-rip.php

Android mobile design web support HTML5

shared by Vernon Fowler on 18 Aug 12 - No Cached
  • Some core Flash technologies will live on in other Adobe products on mobile devices, such as AIR. Some developers use AIR to create media-driven mobile apps, mostly games. Flash as a ubiquitous video standard on the mobile Web will cease to exist, while AIR will live on as a rendering engine in applications built with Adobe.
  • Vernon Fowler on 18 Aug 12
     
    "Some core Flash technologies will live on in other Adobe products on mobile devices, such as AIR. Some developers use AIR to create media-driven mobile apps, mostly games. Flash as a ubiquitous video standard on the mobile Web will cease to exist, while AIR will live on as a rendering engine in applications built with Adobe."
Vernon Fowler

Mobile Usability Update (Jakob Nielsen's Alertbox) - 0 views

www.useit.com/...mobile-usability.html

mobile usability webdesign

shared by Vernon Fowler on 20 Jul 09 - Cached
  • There's no need to declare this "the year of mobile." If anything, last year was the year of mobile in terms of the growth in both mobile usage and the availability of mobile sites and apps. Now, however, it's time to redesign your mobile site, because your existing version is probably far below users' growing expectations for user experience quality.
  • In addition to user testing, we also conducted 2 rounds of diary studies to discover how people use mobile devices in their everyday life. One diary study was in the U.S.; the other included participants from Australia, The Netherlands, Romania, Singapore, the U.K., and the U.S. In total, 27 people participated in the diary studies, providing us data about 172 person-days of mobile activities. Again, participants had a wide range of jobs, from bookkeeper to football coach.
  • It's interesting to consider the difference between mouse-driven desktop design and gesture-driven touchscreen design here. Desktop websites have a strong guideline to avoid horizontal scrolling. But for touch-screens, horizontal swipes are often fine. Indeed, mobile-device users typically expect to horizontally swipe their way through a carousel.
  • Fabio Caballero on 20 Jul 09
     
    Hay mucho por hacer!, entonces a trabajar!! y Nielsen debería ser el primero si quiere seguir siendo el guru! :-)
Vernon Fowler

Mobile Boilerplate: A best practice baseline for your mobile web app - 0 views

html5boilerplate.com/mobile

mobile best practice web app app boilerplate html5 jquery css

shared by Vernon Fowler on 31 Aug 12 - No Cached
  • helps you create rich, performant, and modern mobile web apps. Kick-start your project with dozens of mobile optimizations and helpers.
Vernon Fowler

Usability Testing for Mobile - 0 views

www.nngroup.com/...mobile-usability-testing

usability testing mobile

shared by Vernon Fowler on 11 Feb 14 - No Cached
  • Vernon Fowler on 11 Feb 14
     
    Summary: Testing phones, tablets, or other mobile devices with real users is similar to studies with regular computers, but requires special consideration for recording equipment, room setup, and even the test participants.
Fabio Caballero

Becoming super-human with your mobile sixth sense | Nokia Conversations - 0 views

conversations.nokia.com/...n-with-your-mobile-sixth-sense

mobile design

shared by Fabio Caballero on 29 May 09 - Cached
  • Fabio Caballero on 29 May 09
     
    becoming a súper human with your mobile...;-)
Fabio Caballero

Main Page - Design For Mobile wiki, resources for designing and building mobile apps an... - 0 views

patterns.design4mobile.com/...Main_Page

mobile design app website

shared by Fabio Caballero on 04 May 09 - Cached
  • Fabio Caballero on 04 May 09
     
    Resources for designing and building mobile applications and websites.
Fabio Caballero

Yahoo! Mobile Developers Home. Maximum Reach. Minimum Effort. - 0 views

mobile.yahoo.com/developers

mobile yahoo blueprint platform design widgets native

shared by Fabio Caballero on 01 May 09 - Cached
  • Fabio Caballero on 01 May 09
     
    Plataforma de Yahoo para acelerar el desarrollo mobile. Simplifica el desarrollo de aplicaciones facilitando la definición de la UI con una plataforma que se encarga de la capa de presentación e interacción. La UI se especifica Blueprint.
Vernon Fowler

ThemeRoller | jQuery Mobile - 0 views

themeroller.jquerymobile.com

jquery mobile webdesign

shared by Vernon Fowler on 09 Jun 14 - No Cached
  • Vernon Fowler on 09 Jun 14
     
    "Welcome to ThemeRoller for jQuery Mobile Create up to 26 theme "swatches" lettered from A-Z, each with a unique color scheme, then mix and match for unlimited possibilities. To upgrade a theme to 1.4.2: Click the Import button, paste in your uncompressed theme, then tweak and download the upgraded version."
Fabio Caballero

Online International Journal of Usability Studies - Usability Testing of Mobile Applica... - 0 views

www.usabilityprofessionals.org/...mobile.html

mobile design usability testing

shared by Fabio Caballero on 13 May 09 - Cached
  • Fabio Caballero on 13 May 09
     
    Aportado por JMC
Fabio Caballero

Sender 11 - 0 views

sender11.typepad.com/sender11

mobile interaction design

shared by Fabio Caballero on 04 May 09 - Cached
  • Fabio Caballero on 04 May 09
     
    A blog about mobile interaction design
1 - 20 of 51 Next › Last »
Showing 20▼ items per page