Providing the building blocks to construct awesome products. For me, that is what two weeks of Knight-Mozilla learning lab have been about. And it is being fantastic! This week Chris Heilmann gave us a great overview of where the open web is headed to. I was familiar with HTML5, but the examples were really eye-opening in terms of the new possibilities enabled by the technology (and best of all, based on open standards). The importance for publishers is huge because HTML5 makes websites far more interactive and users won´t need to leave their website. Despite having worked in the design of various products and being educated in the technology layers, this week was shocking for me. I was surprised when I learned the dimensions involved in designing mainstream products like Firefox. James Garrett introduced me to the idea of products having personality and creating social connections with people. And the importance of taking in account the emotional and psychological factors. I had never thought products beyond their raw functionality nor had I imagined all the user engagement phases and key aspects of creating a community around a open source project, like jQuery, as shown by John Resig. Thank you learning lab people!
Putting Ideas to Work
So, first of all, here is my 250 character pitch for my software product, temporarily called “MyStories”:
“MyStories improves user experience creating personalized news feeds that he can follow. Users can read and respond reactions from his friends based on the news. Websites benefit from increased traffic, time on site, profile data and share-of-mind.”
Updated Canvas
Since my last post I worked on filling boxes on my canvas and I come up with a value proposition for both end users and news organizations. See it below:
User Case & Profile
So, imagine this user, let´s call him Ted ;-). He is interested in:
- Boxing
- World news
- Media & Technology
Flow and Mock-ups
As the user logged into the website using his online social identity, we can mine his interests in his profile and streams to construct a feature vector to personalize his news. See the mock-up below:
BTW: Hope it is okay to borrow a partner´s page.
Now, our HTML5 embedded application can load news tailored for this user so that it is easier for him to navigate and discover content. The user can also opt-in to post the recommended news stories to his wall so that he can easily get the main headlines on his social network streams.
The user can consult reactions from his friends related to the news. In the spirit of HTML5, aiming to make the news website of the future as social and interactive as possible we can imagine that the user can reply to his friends without changing tabs or leaving the website:
Additionally, we can think of various forms of increasing recommendation quality. We can collect behavioral data and we also can allow user to give feedback:
Final Considerations
Those are just a few thoughts on how myself and a few friends would like to interact with a news website. One thing is for sure, HTML5 will disrupt the internet. Publishers will be able to deliver revolutionary, cross-device, interactive, social experiences. User won´t need to switch medias and engagement will grow. There is definitely a lot of opportunities here.
Please, give feedback!