Experience Design

  • Subscribe to our RSS feed.
  • Twitter
  • StumbleUpon
  • Reddit
  • Facebook
  • Digg

Tuesday, 9 June 2009

Designer proposes, browser disposes

Posted on 00:06 by Unknown

The browser wars continue. They never let us be at peace on the web. And now they have invaded the small screens too. So the nightmare continues. Every time you design something for the wild wild web, you have to check how it renders on the different browsers.

Some good news on this front. Test your web pages on different browsers and OS easily using Adobe BrowserLab . It generates screenshots of how the page would look on different browsers almost instantaneously. Currently, you can test for Firefox 2.0 (XP, OS X), Firefox 3.0 (XP, OS X), IE6 (XP), IE7 (XP), Safari 3.0 (OS X) only. Do check out the interesting "Onion Skin View", which superimposes one screenshot over another to see the differences between the different renderings. The bad news is that the service is free only for a limited time. It comes bundled with Dreamweaver CS4 though.

Another such tool for testing websites is to use an online service like BrowserShots, which generates screenshots for a web page in more than 80 versions of the most common browsers used in Windows, Linux, BSD and Mac. However, the process takes time, sometimes up to an hour, to see the screenshots.



Browsershots supports check with scores of browsers on multiple OS

More from ‘About Browsershots’ “....it is a free open-source online service created by Johann C. Rocholl. When you submit your web address, it will be added to the job queue. A number of distributed computers will open your website in their browser. Then they will make screenshots and upload them to the central server here.”

If you have to test only for IE 6, 7, 8 only check out Netrenderer.

Well that’s half the battle won. What if you haven’t hosted them yet? What about checking files locally?

Here are some quick solutions:

  • Different versions of opera can be installed into the same machine if you install them into separate directories.
  • Netscape (6 and 7) and Firefox (0.x and 1.x) used the same rendering engines respectively. Install any two and you are done. You can run multiple versions from the same machines by using profiles. Works for 2.x and 3 too. More info on profiles here.
  • To run multiple versions of IE, go through the painstaking dual-booting or the slightly more convenient VM way.
  • OS X requires emulators again. Never tried it though.
  • Linux is a lot easier to run. Just run a version bootable from a CD/DVD. My favourite.

If nothing works get multiple machines. Or pay these guys for a paid service

About the small screen browsers. Coming soon.

Email ThisBlogThis!Share to XShare to Facebook
Posted in | No comments
Newer Post Older Post Home

0 comments:

Post a Comment

Subscribe to: Post Comments (Atom)

Popular Posts

  • Adding Depth to the 8 Golden Rules of Interface Design (Shneiderman's rules for design)
    Ben Shneiderman, the founding director of the Human-Computer Interaction Laboratory, focuses on the studies of information and visualization...
  • Accessibility Testing: Underutilized Today
    Making sure that your website or application is accessible to all types of users (like the vision, hearing, cognitive, literacy, and the phy...
  • What Game Designers Do That Interface Designer Don’t
    At many occasions stakeholders ask designers to design experiences that are simple yet immersive and engaging for commercial Web application...
  • Playful children and creative thinking
    Children are a great source of creativity when it comes to games and entertainment. Children are interesting to be learned and studied. Kids...
  • Is ‘Responsive Design’ Enough? Don’t Forget the ‘Context’
    The number of consumers using smartphones and tablets to access websites, brands are increasing. This had led to reconsidering how to design...
  • Sarit Arora talks about Emerging UX Trends & Practices at 'd+b Talks'
    Few days ago, Sarit Arora from Yahoo! visited our campus to give a talk on 'Emerging Interaction design trends and User Research for Inn...
  • Dissecting Discipline of Designing Experiences
    Often I come across different viewpoints on Experience Design discipline about what it is and what exactly experience designers do. The exec...
  • Shortcut Keys
    This has been contributed by Sachin Kumar Sharma, an employee of MindTree. Most of the time, interaction on the internet is with the mouse. ...
  • Tree based navigation
    Trees are usually used to navigate hierarchical pieces of information (Country > Province > City) or to organise information so that r...
  • Learning about Information Architecture
    One of the most asked questions in discussion groups is about good references/ study material on Information Architecture, Usability etc. He...

Categories

  • Accessibility
  • Accessible Software
  • aesthetic
  • airport
  • assitive technology
  • augmented reality
  • bangalore
  • brainstorming
  • cellphone
  • collaboration
  • Commenting
  • conference
  • content
  • content design
  • context driven design
  • crowdsourcing
  • Customer Experience
  • d+b Talks
  • dawakhana
  • delhi
  • design
  • design for mobile
  • design fridays
  • design mela
  • Design should be Fun
  • design thinking
  • digital experience
  • disable
  • drawing
  • e-reader
  • elements of signage
  • engaging experience
  • Experience Touch
  • Game Design
  • GIDS
  • Graphic Design
  • Graphics
  • guidelines
  • Haptics
  • HTML5
  • Icons
  • ideation
  • India
  • Indian Railways
  • Information Architecture
  • innovation
  • inspiration for design
  • interaction design
  • interaction pattern
  • Introduction
  • iOS
  • ipad
  • ipad 2 usages
  • iterative design
  • laptop
  • Latest Trends
  • leaptop
  • London
  • long term memory
  • LTM
  • megids
  • mela
  • microsoft
  • MindTree
  • mobile
  • mobile context
  • mobile experience
  • online experience
  • opnions
  • Osmosis
  • pattern
  • PC
  • Persona
  • personal computers
  • personas
  • photo storage
  • photos
  • physically challenged
  • Pictogram
  • Pret
  • problem
  • product design
  • QR Codes
  • Rapid Prototyping
  • Reference
  • Reservation Engines
  • Responsive design
  • Salary Survey
  • Search Engine
  • service design
  • session
  • short term memory
  • sign
  • signage
  • sizing the content
  • sketching
  • smartphone
  • Social Networks
  • solution
  • solutioning exercise
  • spastic society of karnataka
  • splash screen design
  • STM
  • street sign
  • tablet
  • tag
  • Tangible User Interface
  • TATE
  • Text input
  • thoughts
  • touchscreens
  • traffic sign
  • translation
  • travel
  • tree based navigation
  • TUI
  • ui patterns
  • url
  • usability
  • Usability Analysis
  • User Experience
  • User Experience Design
  • UX and agile
  • UX design and salsa
  • UX design principles
  • UX planning
  • Video
  • viewport
  • Visually Challenged
  • web experience
  • welcome screen
  • yahoo
  • YouTube

Blog Archive

  • ►  2013 (2)
    • ►  July (1)
    • ►  March (1)
  • ►  2012 (5)
    • ►  November (1)
    • ►  June (1)
    • ►  May (3)
  • ►  2011 (23)
    • ►  November (1)
    • ►  September (2)
    • ►  August (1)
    • ►  July (5)
    • ►  June (3)
    • ►  May (4)
    • ►  April (3)
    • ►  March (2)
    • ►  February (2)
  • ►  2010 (13)
    • ►  November (3)
    • ►  October (3)
    • ►  September (1)
    • ►  August (3)
    • ►  July (1)
    • ►  June (1)
    • ►  May (1)
  • ▼  2009 (13)
    • ►  October (1)
    • ►  August (1)
    • ▼  June (2)
      • Designer proposes, browser disposes
      • How to create a Style Guide with ease
    • ►  May (1)
    • ►  April (1)
    • ►  March (1)
    • ►  February (1)
    • ►  January (5)
  • ►  2008 (24)
    • ►  December (3)
    • ►  November (5)
    • ►  October (3)
    • ►  September (3)
    • ►  August (2)
    • ►  July (5)
    • ►  June (3)
  • ►  2007 (1)
    • ►  May (1)
  • ►  2003 (1)
    • ►  May (1)
  • ►  2002 (1)
    • ►  September (1)
Powered by Blogger.

About Me

Unknown
View my complete profile