Experience Design

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

Wednesday, 5 November 2008

How to add value to User Interface codes?

Posted on 20:18 by Unknown
Why User Interface is so important?
User Interface is the focus point of User Experience. It is the plane on which user expects many good things to happen. User Interface in reality is the intersection of user’s tasks, his social background, technology, his physiology and many other things, which may be very personal to users. Like user is only having 500 $ in his account & he has to search a gift that is less than 200 $. The importance of User interface code validations is rising up, as Accessibility guidelines are becoming strict, more over it is important to provide a good user experience to the users.

Gains of user interface code validations
1. Accessibility: Not all the users are average some users are special with eyesight disability, hearing disability etc. They mostly use screen reader or other aids to view the pages in websites. A validated user interface becomes more accessible for the users. If he code is not validated the screen reader reads it, but not in the same order in which the page should be read. Some of the content the screen reader will skip move between lines in haphazard fashion causing many problems for disabled users. A validated code is more accessible.
2. Maintenance: A good validated user interface is easy to maintain when the code is given to third party to make any modifications or changes. Research shows it becomes a lot easier to recognize different chunks of code and work faster on a validated use interface code.
3. W3C standards: Following the W3C standards for developing the user interface codes will help the company to get a good name in the market & gain new customers.
4. Client good books: Clients value the steps you are taking to give then clean user interface codes for their projects.
5. Cheap no extra cost or software’s to buy: W3 provides the validation service free of cost. You just need to have an internet connection that is common in workplace.
6. Long-term benefits: The long-term benefits of this simple practice are enormous in terms of RIO & developing a good brand for User Experience service providers in the market.

Steps for User Interface validations
Step 1:
Login to http://validator.w3.org/



Step 2: Choose the type of code input method for validation. You can validate by three methods. Each method is explained in the below steps.
· Validate by URL
· Validate by File upload
· Validate by direct input


Option 1: Validate by URL
Enter the URL of the webpage whose code you need to validate. Make sure the web page is uploaded on the internet.


Option 2: Validate by file upload


Option 3: Direct input
This option is a favorite one. Just copy paste the user interface code (HTML) in the text box & click Check button.

Code validations ERROS


Guidelines to follow
The development team should make a habit to run code validation before they submit the pages for deployment. All the web pages need to be validated before deployment. This simple practice of validation will have huge gains & above all, it is a little time that can be invested to gain a more accessible website & client satisfaction.
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...
  • 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. ...
  • 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...
  • 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)
    • ►  May (1)
    • ►  April (1)
    • ►  March (1)
    • ►  February (1)
    • ►  January (5)
  • ▼  2008 (24)
    • ►  December (3)
    • ▼  November (5)
      • Shortcut Keys
      • ReBrand by Color Branding – What color are you?
      • How to add value to User Interface codes?
      • Approach to Software & Internet Accessibility
      • The Persona of an Indian HCI Professional (Salary ...
    • ►  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