Skip to main content

Home/ Design for mobile/ Group items tagged accessibility

Rss Feed Group items tagged

Vernon Fowler

LukeW | New Layouts for the Multi-Device Web - 0 views

  •  
    "Most Web page layouts rely on design patterns created for laptop and desktop computers equipped with a mouse and keyboard. As the variety of devices being used to access the Web has grown, these patterns haven't been keeping up. Designing for today's Web means considering single-handed thumb use on smartphones, two handed touch interactions on tablets, mouse and keyboard input on traditional PCs, hybrid devices, and more. Web layouts have to evolve to support this new reality."
Vernon Fowler

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

  • 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.
  •  
    "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

Stop using the viewport meta tag (until you know how to use it) - htmlboy - 0 views

  •  
    "If you are not coding a responsive site, just don't use any meta viewport. If you are coding a responsive website, all you need to write is "
paradiso solutions

BlackBoardEats - 0 views

  •  
    The concept of the app is to get exclusive deals at top restaurants and on the best artisanal culinary products. To Achieve this we came up with BBE app where clients of Blackboard Eats can easily access and register to the best food deals in their area while using features like; a mouthwatering city guide and map to tell you where to eat on the go; simple ways to store and use your passcode; a virtual membership card; a savvy tip calculator; and easy ways to spread the good taste to all your friends.
Vernon Fowler

Make your website an iPhone web application | Luscarpa Blog - 0 views

  • Specifying a Startup Image On iPhone OS, similar to native applications, you can specify a startup image that is displayed while your web application/website launches. By default, this image is a screenshot of the web application with the page that the user has visited the last time. If you want customize it, add a link element to the webpage, like this: <link rel="apple-touch-startup-image" href="/startup.png">Copy this code to the clipboardView plain text1<link rel="apple-touch-startup-image" href="/startup.png">
  • All these tips only works for web pages that have been saved to the home screens and opened from there, if you access to your website using safari you don’t have this customizations. Remember also that any new link will be open in new browser tab so you lost these settings.
  • if you click on a post link you will be redirect to safari
1 - 5 of 5
Showing 20 items per page