Experience Design

  • Subscribe to our RSS feed.
  • Twitter
  • StumbleUpon
  • Reddit
  • Facebook
  • Digg
Showing posts with label HTML5. Show all posts
Showing posts with label HTML5. Show all posts

Tuesday, 14 June 2011

Content Publishers Going ‘Tabletized’

Posted on 23:42 by Unknown
Newspapers were the first to realize the power of the Web to communicate instantly with their readers. Now being mobile-enabled has become increasingly important for them to stay relevant today. And as if it wasn’t enough of a problem to choose the right platform (Android, iOS), device capability, or to choose between mobile Web and native application, things have become more complicated with penetration of tablet devices (though there's no competition to iPad yet).

Tablet devices will become the biggest point of influence as to how users will interact and consume digital content. Companies such as BBC, FLUD, Wired, and many more already have their iPad native application available on Apple 'sApp store. CNN, Reuters, ESPN, SPIN.com, and NYTimes.com have made themselves aligned to iPad Web browsing experience.

However, the strategic choices will become easier for digital content publishers if they try to understand how different stakeholders of the publishing industry will deal with content in future.

Native Experience of Information


The first advantage of creating a native application for iPad is the richness of experience the app provides. Designers seem to be designing apps more as amalgamations of games and info-graphic interfaces and less as task-driven interfaces. Native applications can make good use of device capabilities such as camera, accelerometer, gyroscope, voice and motion sensor, and GPS and add to the overall experience of the application which is difficult to achieve on browser-based app designs. While some amount of offline browsing and location aware services are possible using HTML 5, it is still not possible to access some of the native capabilities of mobile devices from browsers due to security and privacy concerns (for example, access to address book or calendar).



The Wired iPad app is a beautiful example of static magazine content being made available in a highly interactive and multimedia-based content delivery format, without compromising on the magazine’s original free flow content designs, large visuals, large advertisements, and silky smooth page flip transitions. However, in many ways the content is confusing and unusable because of non-obvious controls, unintuitive interactions, and game design thinking. Read NN Group report on usability of iPad apps and websites.

Hybrid Experience of Information

Publications need to think — Does reading infotainment content always require such rich multimedia experiences? What about serious content readers who would want to read articles for hours? Does it make more sense to have subtle and clean reading experience for them?

Financial Times has designed a hybrid version of Web and native applications for their website (app.ft.com), optimized for an iPad. The website exploits HTML5 capabilities to load content in the background and provides a newspaper's page-after-page flip reading experience that is completely browser based. Users can easily differentiate the content reading experience from traditional Web content rendering without compromising the subtle simplicity.



Richness of Content is Expensive
Rich content comes with its weight and each bite of space on the iPad is expensive. Single copy of Wired magazine consumes half a gigabyte of storage space on the iPad before one can use it. Data on mobile is still expensive; downloading a copy of Wired using the 3G iPad connectivity would easily cost a fortune in many countries along with the time that it would take. And all of it will impact the end user experience.
Natural Digital Content Interactions Are Missing
In many ways native applications' designs reduce the user’s natural tendency of reading and interacting with the digital content. Features and controls that users use in browsers are not available (for example, copy text and photos and share it with friends by pasting it in an email). Features like bookmarking and printing pages are not available unless they are built seamlessly within the application.

Access and Reach
Digital content is highly search driven. To access a certain publication's content, users may use any of the search engines or they may find it via links from other websites, blogs, Twitter, and/or links embedded in emails. However, the mobile native apps currently do not support such navigation. So, if a publisher's marketing strategy is to increase the number of visitors and not bother about the repeat visitors, it makes sense to go for mobile optimized Web, especially if it is viral.

Media Advertising Means Money!
Advertising has been a primary source of revenue for most media companies across platforms. For a decade, it was believed that ‘Web users are ad blind’ and they don’t care about ads. At the same time, there has been a significant growth in various media companies' advertising budgets year after year. It’s time media content producers rethink about advertising.
Designers and marketers of traditional Web have worked on aspects like ad slots, positions, sizes, context, level of interactivity, personalization, and more but now iPad can potentially sail them far ahead in time. Ads designed for Wired app are more persuasive by being highly interactive. Perhaps there is scope to make them more meaningful, information exchangeable, intelligent and personalized by adding context sensitiveness. Advertising of such kind will certainly provide better branding mileage to advertisers and also the opportunity to get richer data in bargain. It might just be advertisers who will push publishers to go ‘tabletized’.

Editorial Control: Rigid vs Flexible vs Time to Publish
For publications that are in the business of providing real-time digital content, it is important to package content and keep updating it (for example, coverage of elections or scams). It becomes utmost important for the editorial staff to have flexibility and control over the content and presentation. Native application takes away that flexibility and control because of rigid content meta data structures and templates. Due to cumbersome maintenance and update routines in native applications and app stores, any change made to the app design can take weeks to happen. The work includes programming, testing, approval process, and then finally the end users have to actively choose to update the app. Mobile Web apps, however, require limited programming and testing, hence always providing users with the latest content and experience.
Read More
Posted in content design, digital experience, engaging experience, HTML5, interaction design, ipad, mobile experience, Search Engine, tablet, touchscreens | No comments

Sunday, 24 April 2011

GIDS conference: My Experience

Posted on 22:59 by Unknown
Great Indian Developer Summit (GIDS) was held on April 19 -22, 2011 at the green campus of IISc Bangalore. I attended the second day of conference, that was focused on Web trends and technologies. The sessions by Venkat and Harish were really good. The details of these and other sessions follow.

The conference began with “Building the next generation of experiences” by Arijit Chatterjee. Arijit is Engineering Manager for Platform Evangelism at Adobe Systems India. The trend of preferences for people is changing. Everyone wants to have better experiences, be it food, clothes or digital experiences. The experience has moved on from desktops, to laptops, to tablets and currently to smart phones. People want to have a meaningful, easy and engaging experience. There are essentially three areas of innovation in this:
1. Content authoring for the creators,
2. Customer experience management for businesses and
3. Online analytics and optimization to ensure the best value being delivered.

This session was followed by "Designing User Experiences for multi screen applications with Flash, HTML5 &CSS3" by Harish Sivaramakrishnan. Harish is a Platform Evangelist at Adobe Systems. He is also a UX design and usability expert. His talk highlighted the various devices available for communication, work etc today. The talk explored the possibility of designing the same user experience across all the different form factors i.e tablet, ipad, smart phones, desktop etc. Some practical ideas to be used by the developers to efficiently complete the coding , and the code that can be reused across all the different form factors, different screen resolutions using Adobe Flex, Flash, HTML 5 and CSS3. The programming tips and tricks were shared in these 3 platforms.


"HTML5 more than HTML5" was an interesting and thought provoking talk by Harish Vaidyanathan, who leads the evangelism efforts for Microsoft India. This session explored HTML5 and the session gave summary of HTML5 features. The session started with quick note of the logo design of HTML, and moved on to the features. Features include button curves, shadows, gradient can be done directly by coding. The button can have 4 different curve radii for 4 corners, button/ object can have shadow by placing lights .The best part is that while coding the screens can be checked by viewing in all the resolutions of different form factors. HTML5 combines the designer and developer skills and hence bridges the gap. Harish also gave aother session on "Unleashing a more beautiful web", some of the content was repetition of HTML and few features of IE 9.

"Towards a humane interface, aesthetic and usability" by Venkat Subramaniam. Venkat is the founder of Agile Developer,Inc. He has significant experience in design, architecture and development of software applications. The session gave an insight about usability in everyday interactions. Usability is more than just a “WOW” factor, it is more about making an application easier and intuitive to use. A successful application has to focus on three dimensions: business, design and usability. He gave few hilarious examples of User experience gone wrong in various products that he has come across. A spicejet check-in kiosk, Honda car to a programming language. The examples drawing to a very crucial point about Keep it Simple Stupid (KISS) rule. This was a fantastic simple session and will be sharing the presentation to MT UX community once i get my hands on it.

The conference gave insights on the changing technology and its usage. A better world of tomorrow for designers and developers .

Thanks Ankush for reviewing the draft.
Read More
Posted in aesthetic, conference, design, GIDS, HTML5, megids, usability, User Experience Design | No comments
Older Posts Home
Subscribe to: Posts (Atom)

Popular Posts

  • 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...
  • “Tizen” Knocking the door… Do we really need another Mobile Operating System?
    R eports have confirmed that “ Samsung ”will be using “ Tizen OS ” for its new upcoming high-end smart phones. Well the smartphone domain is...
  • Mobile Barcodes, The Next Generation mode of marketing
    Is there a segment of the communications market more exciting and more rapidly evolving than the mobile space? Hardly. While it wasn’t the f...
  • Can Gamification help achieve better adoption?
    You can lead a horse to water but you can’t make him drink. This proverb holds a lot of meaning in almost everything we do in our life, espe...
  • The not-so-smart market shares of smart phones
    We shouldn't be surprised if the latest IDC figures make Andy Rubin do it the Gangnam style. Android notched up 75% of the smartphone m...
  • 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...
  • This week at d+b talks
    This week at d+b talks, Sarit Arora from Yahoo talks on 'Emerging Interaction Design Practices' and 'User Research for Innovatio...
  • Championing the LUV of Design
    This has been contributed by Swarupa Manjunatha, an employee of MindTree. Netdiver Digital Culture Magazine. Yup! That’s it. A one stop shop...
  • 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...

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)
      • Is ‘Responsive Design’ Enough? Don’t Forget the ‘C...
    • ►  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)
    • ►  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