HTML5 for new web browsing experience?
All future websites and applications will be making more use of HTML5 technology, the next major revision of HTML(HyperText Markup Language) standard…. HTML5 is a set of web standards developed by the “Web Hypertext Application Technology Working Group” for structuring and presenting content on the World Wide Web. To help out the web application developers there are couple of new features in HTML5 for dynamic web pages/applications and interfaces. The Web platform is accelerating and data shows the user experience got better from 1990s to till date – talk of HTML5 is everywhere
Brief History of Web Technologies
 |
What are the prominent features of HTML5?
- Plug-in-free video and audio
- Faster website loading
- Drag and Drop items from desktop to the browser
- Geo Location
- numerous APIs and the opportunities for future of web apps
Whats new in HTML5?
- Easy to implement ex; HTML 5 doctype
- New Inline Elements
- mark
- time
- meter
- progress
- Easy to implement Character set ex; Define with one meta tag
- HTML 5 New Dynamic Pages SupportContext menus – HTML 5 will support the creation and use of context menus within Web pages and applications
- New syntax and Elements are added these include <video>, <audio> and <canvas> and updates to elements <a>,<cite> and <menu>
- New tags to support navigation, body content, side bar content, header, footer etc for webpages, the whole new set of elements make it much easier to structure pages.
- <nav>
- <section>
- <header>
- <footer>
 |
Diagram illustrates a typical 2 column layout marked up using divs for elements header, footer, article, section and sidebar.
 HTML5 Elements - new structure |
Div elements replaced with the new elements header, footer, aside, nav, section and article
Markup for that document will look like the following:
 |
Who are the competitors of HTML5 ?
- Adobe Flash
- MS Silverlight
Who is using HTML5 in the Market ?
There is a big Talk on HTML5 in the market as it is gaining support with Web browsers – Lets view some of the major companies …
Some are still reluctant to get onto HMTL5 wagon like Netflix and Hulu not yet going for HTML5 for lacking DRM-like solution. Some have completely abondoned HTML5 ….
But, authors definitely have more flexibility and interoperability and enable more interactive and exciting websites and applications.
Further Reading on structural HTML5
2010 User experience websites / Apps
Tweet this postUser experience is just not presenting the data “neat”, user need to remember and when user leaves the website or app, all that they are left with is unique User experience and feel like return back to the site again.
For best user experience, mainly i think one needs to keep below 3 things in the website designing
1. Simplicity
2. Fast loading
3. Security
It is really important for the Ux Professional to be a good presenter, have good observation, analytical skills, keen on graphic designing, understand human psychology, be a creative thinker and problem solver.
Very essential to balancing aesthetics and usability elements for given functionality/context, Simplicity is the ultimate sophistication.
Usability research studies have shown that user experience is the key for the first time users and returning users for their impression of the web / app. Lacking proper ease of use when building a website is found to be a way to lose customers.
User experience design - user interfaces can support the role of story telling. Stories that share information, make it interesting, entertaining, challenges that are faced, and bring different perspectives together. With the user response to a story, it totally makes sense in developing best user experience for products. Also as part of collaboration is delivering and receiving feedback, great design succeeds through iteration.
Some of my favorite websites / mobile apps 2010
1. “new’ Twitter website design – love the new user experience, design is kept simple and easier to discover for new users, finding content is super easy now.
2. Love the new iPhone 4 user experience – talking about Apple guys another favorite app is Flipboard app designed for high-end user design experience, glossy – both the presentation and functionality are really cool.
3. Twitters ipad App is a perfect example of reshaping the web design – i think the iPad is actually changing the way websites are designed – it is not anything but the truth that growing number of companies have found that their iPad apps offer better usability than their websites, and so the websites are updated to match the apps. o match the former.
4. GetGlue and Cooltwist websites have cool design experience
5. Quora website has very user friendly interactions, easily navigatable and keeps user engaging.
6. Clearleft website is clean and neat
Not so much favorites:
1. Nandos website is very slow and hanging
Mobile Optimized Website Designs
To maximize Mobile opportunity business solutions are optimizing website to support Mobile phones
There are pros and cons as to if you chose to create mobile specific websites which will deliver content to smartphones, ipads or other mobile devices or approach to develop applications targeting at iphone, Android and other mobile platforms …
• Design Applications that perform well on a mobile phone that optimizes web presence mobile ready
• Proven Web mobile technologies best practices standard compliancy
• User experience and content ex: Flash, dynamic content updates
• How soon the product has to be released to the market ex: Mobile application development takes longer than web development depending on complexity of the business
• Challenges with connection speeds, speed and latency of the site
• Cost of development applications vs websites ex; Application development is very expensive
• Limited screen sizes, cross platform and cross devices will remain as the challenges
ex: in applications we cannot share development effort between platforms
I will revisit the post to add more details to the bulleted points
Agile for you
Agile Comes to You seminar in Santa Clara, CA
The event was very interactive with other software development professionals and demo ‘day-in-the-life’ engineering best practices and the tools needed to make Agile successful within your development team was very good.
Learnt the core fundamentals of Agile development practices and what they mean to the various roles within development teams. Also how one can apply software configuration management, continuous integration, and quality management best practices within your Agile team was one of the topic.
There were real good examples from industry leaders of how development organizations can reduced risk, boosted productivity and cut development costs with Agile.
Also perspective from Dev teams, Executive, management teams for integrated set of best-of-breed tools can help to enable quality, collaboration and visibility. As development teams adopt Agile practices, frequent releases, continuous builds and integration and quality management become everyday activities.
Key note by Skip Angel, Principal Agile Coach at BigVisible – ‘Leadership in the Agile World: Where do Managers Fit In?’ was very impressive.
Applying Agile’s core principles within your development organization and Agile Tooling Demo – how using best-of-breed tools can support Agile Development were some of the core topics.
Change the Equation = focus on Education
Change the Equation = focus on Education =advanced Science,Tech, Engg and Math ….
Now the equation changed and the focus is on education, lot of emphasis of advanced technologies …. core technical, engineering specializations, Mathematics, advanced science, robotics – lot of initiatives to motivate the students to take up these. Looking at all of this think the focus is definitely on advanced education …
Hole in the Wall – Child driven education
It is a true inspiration to watch the experiment ‘Hole in the Wall’ – child driven education by Sugata Mitra(Education scientist ) – published in TED Talks
Some of the experiments mentioned in the video reassures my observations as well – like kids like to learn in groups, shared information between discussions is the one that goes into their memory, importantly appreciation goes long way – kid can perform better if they were appreciated in their work, kids need no language to understand technology ….
Magic School Books
The magic Talking Books are here …. Please go to www.illuminationeducation.com or www.learntoreadenglish.co.uk to purchase a set or a full series, or to sponsor a series for schools in India that serve poor children.
some of my paintings are published in kids books.
Project Goals
Success of a project is based on below Project goals
1. Time
2. MOney
3. Quality
4. Budget
5. Specs
6. Technology
7. Capacity
8. Growth
9. Ease of use, maintenance
10. Training – resources
11. Secutiry
12. Accessibility, installability, leadership
i plan to get back to this post with additional details soon ….
Recent Comments