tag:blogger.com,1999:blog-20857719707793699402024-03-19T00:05:11.251+05:30Parimala HariprasadTo Thine Own Self Be True ~ William ShakespeareParimala Hariprasadhttp://www.blogger.com/profile/15304352526906191995noreply@blogger.comBlogger164125tag:blogger.com,1999:blog-2085771970779369940.post-52699412216016281282019-02-19T09:10:00.004+05:302019-02-19T09:11:53.496+05:30I am a Google Developers Expert!!!<br />
<i>This article was originally published on <a href="https://www.linkedin.com/pulse/i-am-google-developer-expert-parimala-hariprasad/" target="_blank">Linked In</a>.</i><br />
<br />
Usually, I do not use multiple exclamatory marks to express emotions. Today is an exception!<br />
<br />
Just when I was wondering what should be the first blog post for 2019, I realized I completed 10 years in blogging. I created the blog 'Curious Tester' on 6th February 2009. 10 years later, I have written more than 250 articles on my blog, plus another 50+ external publications on corporate blogs across the world. I am losing count! What a journey it has been! I thank all the readers who have encouraged my writing for this long. BUT... today is special for another reason - where my writing journey led me to...<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://1.bp.blogspot.com/-bWPpE6uiky4/XGt6he1_ryI/AAAAAAAAKE4/4UhzaKTZJX4YjnBqKiYWBTRGE8A8XRawQCLcBGAs/s1600/0.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1170" data-original-width="985" height="320" src="https://1.bp.blogspot.com/-bWPpE6uiky4/XGt6he1_ryI/AAAAAAAAKE4/4UhzaKTZJX4YjnBqKiYWBTRGE8A8XRawQCLcBGAs/s320/0.png" width="269" /></a></div>
<br />
<br />
<br />
I am super thrilled to share I am a Google Developers Expert in Interaction Design. I have been active in the Google Bangalore Community for a couple years although sporadically. I never expected that one of the evangelists who followed my work, would recommend my name to this program. After clearing five rounds, here I am, recognized for my work in Interaction Design.<br />
<br />
In the past five years or so, Interaction Design has become the soul of my work. Thanks to the strong foundation created by Donald M. Norman, David Rose, Dan Saffer, Golden Krishna, Luke Wroblewski, Alan M. Cooper and Steve Krug, I started my Usability journey in 2009 at a startup that was building remote automation projects. While usability was not a quality criteria, I learned *something* was wrong with *some* features and started to read Steve Krug's book, 'Don't Make Me Think'. This led me to talk to few users (B2B though), which in turn led to finding usability problems and thus began my interesting journey in UX (just usability at the time).<br />
<br />
This new interest in usability continued in my next startup where my mentor Pradeep Soundararajan noticed a spark and nurtured it. It was in this role that I ran multiple usability and user research projects for many Indian and US based startups. The next role took me to setting up a dedicated UX Competency Center from scratch, where I executed and led multiple projects leading to happy customers. Here I was, learning about usability, user research and user experience on weekends and implementing my learnings at work on weekdays. I was fortunate to attend the first design course led my Donald Norman (was it Udacity or Udemy, I don't remember), followed with reading many books by UX giants I mentioned above. Last year, I also completed my specialization course in Interaction Design (University of California San Diego). Again, I was fortunate, as this course was led by Scott Klemmer, a student of Donald M. Norman. An year later, this is where I stand. I cannot believe most of what has happened since the time I started a blog back in February 2009. But I do believe in this:<br />
<br />
"When you want something, all the universe conspires in helping you to achieve it."<br />
Paulo Coelho<br />
Many people make an impact on our lives. My heartfelt thanks to my mentor Pradeep Soundararajan for inspiring me ever since I wrote my first blog and for being a major part of my learning journey. Thank You Pradeep, for gifting your precious time to me!<br />
<br />
Many organizations make an impact too. All my employers played a great role in my work. Amadeus, my current employer has been very supportive of my work. I am amazed every time I think about how the organization has grown from 2 people to 2000+ in roughly 6 years and continues to nurture great talent in the technology space. This is possible thanks to the fabulous leadership team and the talented people working here. I am happy to be a small part of it, shaping the future of travel for future generations to come. Thank You, Amadeus. You humble me!<br />
<br />
My super lovely team at Amadeus created this lovely poster for me. I am extremely grateful for the amazing support and love I have received so far, throughout my User Experience journey.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://1.bp.blogspot.com/-LsqFq6NL7Z0/XGt6iMfnhmI/AAAAAAAAKE8/eVux8F3CQCAOcNvPvjPEn4OvojDyDBVyACLcBGAs/s1600/0%2B%25281%2529.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="900" data-original-width="1600" height="180" src="https://1.bp.blogspot.com/-LsqFq6NL7Z0/XGt6iMfnhmI/AAAAAAAAKE8/eVux8F3CQCAOcNvPvjPEn4OvojDyDBVyACLcBGAs/s320/0%2B%25281%2529.png" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
I can't thank enough - all the simple people I have met, interacted with, worked with, inspired by, challenged by and impacted by. There are hundreds and thousands of colleagues, mentors, leaders and Dronacharyas who inspire me to do better each day. Special thanks to my chaddi buddies (they know who they are) for always being there for me.<br />
<br />
"If I have seen further than others, it is by standing upon the shoulders of giants."<br />
Isaac Newton<br />
A Big Thank You from to each one of you who has touched my work and my life in some way.<br />
<br />
Here's Wishing You All a Great 2019!<br />
<br />
<br />Parimala Hariprasadhttp://www.blogger.com/profile/15304352526906191995noreply@blogger.com0tag:blogger.com,1999:blog-2085771970779369940.post-41332601223491955312018-10-15T09:09:00.000+05:302018-10-15T09:09:47.104+05:30We Don't Need Mobile Apps. Do We?<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span> <span style="font-family: "georgia" , "times new roman" , serif;">A product evangelist I recently spoke to, as part of a technology forum asked, “Why do we need mobile apps?” At first, I got into an argument on how the mobile apps are changing the world. Changing the world – yes to some extent. But are mobile apps REALLY changing the world? Am I saying that creating another billion mobile apps will wash out out poverty, reduce crime, provide reasonable healthcare to senior citizens or other valuable benefits to the society? May be not. I kept wondering about this for next couple of days.</span><br />
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span> <span style="font-family: "georgia" , "times new roman" , serif;">This article is not a justification to the million dollar question, “Why do we need mobile apps?” This is a view of how I think mobile apps can impact the world in its own way.</span><br />
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span> <span style="font-family: "georgia" , "times new roman" , serif;">We need mobile apps for three reasons if not more:</span><br />
<br />
<ol>
<li>People are mobile and expect products to be accessible on the move</li>
<li>Mobile<span style="font-family: "georgia" , "times new roman" , serif;"> app is another new channel</span></li>
<li>Mobile<span style="font-family: "georgia" , "times new roman" , serif;"> app is a strong touchpoint in customer experience</span></li>
</ol>
<br />
<span style="font-family: "georgia" , "times new roman" , serif;">Let us look at each one in detail.</span><br />
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span>
<br />
<h4>
<span style="font-family: "georgia" , "times new roman" , serif;">People are mobile and expect products to be accessible on the move</span></h4>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://4.bp.blogspot.com/-Pm9I7LOxqwU/W8QKk5VgA-I/AAAAAAAAKDE/oh7F7BYp5MsINxJrOx1uFR3oycML7HJ3ACLcBGAs/s1600/Mobile%2Bphone%2Busers.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="517" data-original-width="737" height="280" src="https://4.bp.blogspot.com/-Pm9I7LOxqwU/W8QKk5VgA-I/AAAAAAAAKDE/oh7F7BYp5MsINxJrOx1uFR3oycML7HJ3ACLcBGAs/s400/Mobile%2Bphone%2Busers.png" width="400" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<span style="font-family: "georgia" , "times new roman" , serif;">According to a study done by Statista in 2018, the number of mobile phone users in the world is expected to pass the five billion mark by 2019. In 2016, an estimated 62.9 percent of the population worldwide already owned a mobile phone. The mobile phone penetration is forecasted to grow, rounding up to 67 percent by 2019. China was predicted to have just over 1.4 billion mobile connections in 2017, while India was forecast to reach over one billion. By 2019, China is expected to reach almost 1.5 billion mobile connections and India almost 1.1 billion. </span><br />
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span> <span style="font-family: "georgia" , "times new roman" , serif;">Most of the mobile market growth is attributed to the increasing popularity of smartphones. The users are all over the smartphones. So where should the products be?</span><br />
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span>
<br />
<blockquote class="tr_bq">
<span style="font-family: "georgia" , "times new roman" , serif;">The products better be on the smart phones.</span></blockquote>
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span> <span style="font-family: "georgia" , "times new roman" , serif;">Consider Oracle, SAP and other enterprise giants. Each one has built a mobile offering in the past 10 years for better outreach to their customers and users.</span><br />
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span>
<br />
<h4>
<span style="font-family: "georgia" , "times new roman" , serif;">Mobile app is another new channel</span></h4>
<span style="font-family: "georgia" , "times new roman" , serif;">A channel is the medium of interaction between a customer and an organization. Mobile app is a key channel in today’s world.</span><br />
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://4.bp.blogspot.com/-LYDqiWdEffY/W8QKoCW79BI/AAAAAAAAKDQ/oYzbI8QuSCM2RAIl7Vz66cijcbkc-EdHACEwYBhgL/s1600/interactionchannels.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="302" data-original-width="1440" height="132" src="https://4.bp.blogspot.com/-LYDqiWdEffY/W8QKoCW79BI/AAAAAAAAKDQ/oYzbI8QuSCM2RAIl7Vz66cijcbkc-EdHACEwYBhgL/s640/interactionchannels.png" width="640" /></a></div>
<span style="font-family: "georgia" , "times new roman" , serif;">Each organization has its own set of relevant channels built over a period of time. Some prefer brick and mortar stores, while others are on the internet. Even on the internet, organizations are faced with the question of whether they must just have </span>a a website<span style="font-family: "georgia" , "times new roman" , serif;"> or a mobile app, live chat support, chatbot or some latest technology offering. Take the example of Pepsi soft drink. Users can buy it from supermarkets, retail stores, order it from online marketplaces or vending machines placed in public places. Now, Pepsi might be faced with the challenge of adding a mobile app as an additional channel to users. Just adding a mobile app offering may not increase the sales right away, but it does become a new channel to users using mobile apps.</span><br />
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span> <span style="font-family: "georgia" , "times new roman" , serif;">Note that adding a mobile app may or may not generate revenues in many industries. It is up to the organization to decide if adding a mobile app works well with the overall product strategy and if it can impact long term sales and revenues in a positive way.</span><br />
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span> <span style="font-family: "georgia" , "times new roman" , serif;">Some organizations may even create their own unique channels to support their business. For example, Amazon’s dash buttons are Wi-Fi connected physical devices that allow users to reorder a product from Amazon with one press. Take a look at the video <a href="https://www.youtube.com/watch?v=c1mbyL8-CsU" target="_blank">HERE</a>.</span><br />
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span>
<br />
<h4>
<span style="font-family: "georgia" , "times new roman" , serif;">Mobile app is a strong touchpoint channel in customer experience</span></h4>
<span style="font-family: "georgia" , "times new roman" , serif;">During a customer journey, a user may interact with an organization several times using different channels. Each of these interaction instances represents a touchpoint between the customer and the organization.</span><br />
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://3.bp.blogspot.com/-DXHX9LcnfAU/W8QKnGj4ilI/AAAAAAAAKDc/-n1lU-qM7mApsXqtMTg6f85BQKTNPcV9gCEwYBhgL/s1600/touchpoints.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="527" data-original-width="1440" height="233" src="https://3.bp.blogspot.com/-DXHX9LcnfAU/W8QKnGj4ilI/AAAAAAAAKDc/-n1lU-qM7mApsXqtMTg6f85BQKTNPcV9gCEwYBhgL/s640/touchpoints.png" width="640" /></a></div>
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span>
<br />
<span style="font-family: "georgia" , "times new roman" , serif;">Customer touchpoint is the interface of a product or service with users before, during, and after a transaction. Touchpoints go a long way toward defining customer experience and an organization in general.</span><br />
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://1.bp.blogspot.com/-dDSqKXOFypc/W8QKmaS8ZKI/AAAAAAAAKDY/RSolIMeO45oGJWv_RnR_sNbgp9DsleYcwCEwYBhgL/s1600/Picture1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="722" data-original-width="818" height="352" src="https://1.bp.blogspot.com/-dDSqKXOFypc/W8QKmaS8ZKI/AAAAAAAAKDY/RSolIMeO45oGJWv_RnR_sNbgp9DsleYcwCEwYBhgL/s400/Picture1.png" width="400" /></a></div>
<br />
<span style="font-family: "georgia" , "times new roman" , serif;">Consumer habits are changing to a mobile-first lifestyle. Everyone is a fingertip away. Take the example of airline travelers. 1 in 4 airline leisure passengers worldwide is mobile only. "Mobile only" passengers own smartphones and tablets, but not desktops/laptops. Given these insights, mobile app is a critical part of the customer touchpoint.</span><br />
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span> <span style="font-family: "georgia" , "times new roman" , serif;">The users expect an omnichannel experience. Consider a simple traveler journey from flight shopping to the airport: Users search flights on the mobile app, continues flight booking process on the website, receives tickets over email, completes check-in on mobile app, receives boarding passes over email and mobile phone wallet, enquires about baggage allowance over chatbot (linked to the mobile app and/or website), asks specific questions using voice commands on the app, receives notifications about flight on the mobile app, books a taxi to the airport on the app and finally gets to the airport.</span><br />
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span> <span style="font-family: "georgia" , "times new roman" , serif;">The above example is just one type of customer journey. Some users might book flights on the mobile app and perform other interactions on web/chatbot/email/toll free phone lines. The whole idea of plugging in the mobile app into the customer journey is not forceful in this context, rather the need of the hour because users *ARE MOBILE* most of the time.</span><br />
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span>
<br />
<h4>
<span style="font-family: "georgia" , "times new roman" , serif;">What about Progressive Web Apps?</span></h4>
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span> <span style="font-family: "georgia" , "times new roman" , serif;">There is no denying that progressive web pages/apps, iOS app spotlight, Android app slices and other recent technologies are simplifying the complexities introduced by mobile apps (like download/install/uninstall hassle, offline availability etc). Having said that, one must note that newer technologies do not necessarily pre-empt older innovations all the time. Rather, some new technologies augment the value offered by older innovations and even take them to a higher level of value.</span><br />
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span>
<br />
<h4>
<span style="font-family: "georgia" , "times new roman" , serif;">So, What's the Future for Mobile Apps</span></h4>
<span style="font-family: "georgia" , "times new roman" , serif;">The future of mobile apps does not lie in adding to the existing trash pile of mobile apps in the market. The future lies in integrating mobile apps seamlessly into the daily lives so pervasively that they no longer need to be used by unlocking the phone, tapping on a few commands and waiting for them to respond. Take a look at this short video summarizing the work of the great David Rose.</span><br />
<br />
<span style="font-family: "georgia" , "times new roman" , serif;">The future I believe in does not rely on how many websites, mobile apps, chatbots or phone channels are stitched together to onboard more users and charge them.</span><br />
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span> <span style="font-family: "georgia" , "times new roman" , serif;">The future I believe in makes technology SO HUMANE that we humans do not have to open a laptop to access a website, or unlock a mobile phone to access an app or put your mouth close to a hardware device and make orders.</span><br />
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span>
<br />
<blockquote class="tr_bq">
<span style="font-family: "georgia" , "times new roman" , serif;">The future I believe in works so seamlessly that it almost seems HUMAN without challenging me on my intellect, emotions or privacy.</span></blockquote>
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span> <span style="font-family: "georgia" , "times new roman" , serif;">Sadly, today, we have left ourselves far far behind!</span><br />
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span> <span style="font-family: "georgia" , "times new roman" , serif;">Fortunately, we have some humane things happening around us. Stay tuned!</span><br />
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span> <span style="font-family: "georgia" , "times new roman" , serif;"><i>NOTE: I am talking about the future of mobile apps in my upcoming talk, "Enchanting Experiences - The Future of Mobile Apps" at Sydney. If you are in Sydney, then come say Hi at <a href="https://www.ministryoftesting.com/events/testbash-australia-2018" target="_blank">Test Bash Australia 2018.</a> </i></span><br />
<span style="font-family: "georgia" , "times new roman" , serif;"><i><br /></i></span> <span style="font-family: "georgia" , "times new roman" , serif;"><i>Is Sydney too far or too expensive? Take a look at an old version of this talk <a href="https://vimeo.com/242115373" target="_blank">HERE</a>. </i></span><br />
<br />Parimala Hariprasadhttp://www.blogger.com/profile/15304352526906191995noreply@blogger.com0tag:blogger.com,1999:blog-2085771970779369940.post-25696778259416210882018-09-30T18:28:00.001+05:302018-09-30T18:44:15.961+05:30Is Your Personal Data Secure? - A Beginner's Guide to GDPR<span style="font-size: large;"><br /></span> <span style="font-size: large;">Are you an individual who worries about your personal data while transacting online?</span><br />
<span style="font-size: large;"><br /></span> <span style="font-size: large;">Are you an organization doing business? Do you think about protecting your customer’s personal data? If not, are you ready to pay fines up to 4% of annual global turnover or more?</span><br />
<span style="font-size: large;"><br /></span>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://4.bp.blogspot.com/-7NeGNPAq8wM/W7DMFz94afI/AAAAAAAAKC0/5WBBJ8skmzgo-U4RtMBVXy6jeEAkjradgCLcBGAs/s1600/G3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="174" data-original-width="290" src="https://4.bp.blogspot.com/-7NeGNPAq8wM/W7DMFz94afI/AAAAAAAAKC0/5WBBJ8skmzgo-U4RtMBVXy6jeEAkjradgCLcBGAs/s1600/G3.png" /></a></div>
<span style="font-size: large;"><br /></span>
<span style="font-size: large;">Users personal data is in danger. Organizations handling data are in danger. Neither of them knows what is the right way to process and protect this personal data. This article is an attempt to educate you about what GDPR is and how it impacts all of us as individuals and organizations.</span><br />
<span style="font-size: large;"><br /></span> <span style="font-size: large;"><b>Personal Data Security</b></span><br />
<span style="font-size: large;">Given the great technological advancements, globalization and complex flows of personal data, users are increasingly worried about the security of their personal data online. Today, keying in a phone number or email address might reveal users’ personal information at the click of a button, if this data falls in the hands of an irresponsible organization. Are not governments worried? Are there any laws and regulations to protect users? </span><br />
<span style="font-size: large;"><br /></span> <span style="font-size: large;"><b>What is GDPR</b></span><br />
<span style="font-size: large;">The European Union's new General Data Protection Regulation (GDPR) came into effect on May 25, 2018. The GDPR will apply to organizations processing personal data in the EU and also to organizations outside of the EU who may be targeting, or offering goods and services to individuals within the EU. This regulation gives control to individuals over their data by letting them choose how their data is handled online. GDPR highlights how personal data is captured by organizations and documented, how it is processed and what changes are required to the systems, processing users' personal data to comply with GDPR requirements. </span><br />
<span style="font-size: large;"><br /></span> <span style="font-size: large;"><b>What GDPR means to Individuals and Organizations</b></span><br />
<span style="font-size: large;">Individuals use many products - be it mobile apps or websites. GDPR expects organizations owning these products to notify users how their personal information is consumed within the products. Products working with third party partners must have a personal data policy and a privacy policy to ensure there is no threat to the data when it changes hands from one entity to another.</span><br />
<span style="font-size: large;"><br /></span> <span style="font-size: large;"><b>Basic Definitions</b></span><br />
<span style="font-size: large;"><i>Personal Data</i></span><br />
<span style="font-size: large;">Any information related to a natural person, that can be used to directly or indirectly to identify the person is Personal Data. </span><br />
<span style="font-size: large;">It can be anything from a name, a photo, an email address, bank details, posts on social networking websites, medical information, or a computer IP address.</span><br />
<span style="font-size: large;"><br /></span> <span style="font-size: large;"><i>Data processor</i></span><br />
<span style="font-size: large;">The entity processing on behalf of and in accordance with the instructions of a data controller. </span><br />
<span style="font-size: large;"><br /></span> <span style="font-size: large;"><i>Data controller</i></span><br />
<span style="font-size: large;">The entity deciding the means and purpose of the processing of personal data. </span><br />
<span style="font-size: large;"><br /></span> <span style="font-size: large;"><b>What will change?</b></span><br />
<span style="font-size: large;">Under the GDPR, the obligations on data controllers will substantially increase and, importantly, data processors will also now have data protection obligations. For example:</span><br />
<span style="font-size: large;"><br /></span>
<br />
<ol>
<li><span style="font-size: large;">Data controllers and processors alike will now be required to keep records of their processing. </span></li>
<li><span style="font-size: large;">Contracts with processors will need to be updated with new mandatory provisions. Privacy notices will need to be updated. </span></li>
<li><span style="font-size: large;">“Consent” will be more difficult to obtain and may need to be refreshed. </span></li>
<li><span style="font-size: large;">Principles of “privacy by design” mean that organisations must look at their processing and assess whether it is imperative. </span></li>
</ol>
<br />
<span style="font-size: large;"><br /></span> <span style="font-size: large;">Privacy rules around the world are tightening. The GDPR is just one example of a regime change which aims to put the rights of the individual first. Many of the principles are similar in privacy regimes around the world, but the GDPR is often stricter. Although compliance with the GDPR will not guarantee compliance with all privacy regimes across the globe, it will help to reduce global risks.</span><br />
<span style="font-size: large;"><br /></span>
Parimala Hariprasadhttp://www.blogger.com/profile/15304352526906191995noreply@blogger.com0tag:blogger.com,1999:blog-2085771970779369940.post-57153845109884231692018-09-16T13:02:00.001+05:302018-09-19T09:24:07.887+05:30The One Thumb, One Eyeball Test<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif; font-size: large;"><br /></span>
<br />
<div class="MsoNormal" style="line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; vertical-align: baseline;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif; font-size: large;">Imaging that your user is on their phone, standing in the bus, surrounded by distractions and your app has to hold their attention. They must be able to use your product using an average thumb. If they can’t, you fail the <b><i><span style="border: 1pt none; padding: 0in;">One Thumb, One Eyeball</span></i></b> test, and will lose users.<o:p></o:p></span></div>
<div class="MsoNormal" style="line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; vertical-align: baseline;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif; font-size: large;"><br /></span></div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://3.bp.blogspot.com/-UrPN-Z6ayl0/W54I1E77yRI/AAAAAAAAKBk/XxytqzTd6p8y5y9FpiNbEHS26V8oVt4RQCLcBGAs/s1600/180361901.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif; font-size: large;"><img border="0" data-original-height="673" data-original-width="1024" height="210" src="https://3.bp.blogspot.com/-UrPN-Z6ayl0/W54I1E77yRI/AAAAAAAAKBk/XxytqzTd6p8y5y9FpiNbEHS26V8oVt4RQCLcBGAs/s320/180361901.jpg" width="320" /></span></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif; font-size: large;">A woman using the mobile phone with one hand on a beach</span></td></tr>
</tbody></table>
<div class="MsoNormal" style="line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; vertical-align: baseline;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif; font-size: large;"><br />Many mobile products have call to action buttons that are either too small, or placed too close together, or links are confusing, or new unwanted windows pop up. As soon as you redirect someone to a screen they didn’t want or expect, they’ll lift their head up and your product has lost. Users should be able to complete critical tasks quickly without losing focus. This means all the critical tasks are "do-able"using one thumb and one eyeball what come may - be it standing in the bus, leaning on to the wall at train station, sitting in a congested place at work, comfortably lying down on the couch or even better, sitting on the beach.</span></div>
<div class="MsoNormal" style="line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; vertical-align: baseline;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif; font-size: large;"><br /></span></div>
<div class="MsoNormal" style="line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; vertical-align: baseline;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif; font-size: large;"><o:p></o:p><b>One Thumb, One Eyeball Test <o:p></o:p></b></span></div>
<div class="MsoNormal" style="line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; vertical-align: baseline;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif; font-size: large;">People use mobile phones everywhere and anywhere. They are often distracted away from their mobile phones to get some work done or distracted by mobile phones to do some physical work without dropping the phone down. This forces them to use the mobile phone by investing only one eye and one thumb. This enables high speed interaction using one hand needing short attention spans.<o:p></o:p></span></div>
<div class="MsoNormal" style="line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; vertical-align: baseline;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif; font-size: large;"><br /></span></div>
<div class="MsoNormal" style="line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; vertical-align: baseline;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif; font-size: large;">The one thumb, one eyeball test was proposed by Luke W during the design of “Polar”, an app designed to create photo polls and allow voting on them. </span></div>
<div class="MsoNormal" style="line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; vertical-align: baseline;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif; font-size: large;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://4.bp.blogspot.com/-WlDAd5HMFH8/W54I5ZluYkI/AAAAAAAAKBs/GNDtG-H_QdgcCG59QyoeIAR8Xdh9pI87QCEwYBhgL/s1600/Natural%2BReach.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif; font-size: large;"><img border="0" data-original-height="1271" data-original-width="1600" height="254" src="https://4.bp.blogspot.com/-WlDAd5HMFH8/W54I5ZluYkI/AAAAAAAAKBs/GNDtG-H_QdgcCG59QyoeIAR8Xdh9pI87QCEwYBhgL/s320/Natural%2BReach.png" width="320" /></span></a></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif; font-size: large;"><br /></span></div>
<div class="MsoNormal" style="line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; vertical-align: baseline;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif; font-size: large;"><br /></span></div>
<div class="MsoNormal" style="line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; vertical-align: baseline;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif; font-size: large;">The objective was that a user should be able to create a new poll in less than a minute using only one thumb to do so. This test is now a global standard for mobile apps across the world.<o:p></o:p></span></div>
<div class="MsoNormal" style="line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; vertical-align: baseline;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif; font-size: large;"><br /></span></div>
<div class="MsoNormal" style="line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; mso-outline-level: 3; vertical-align: baseline;">
<b><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif; font-size: large;">Moving away from Hamburger to Tab bar design<o:p></o:p></span></b></div>
<div class="MsoNormal" style="line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; vertical-align: baseline;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif; font-size: large;">Hamburger menu placed in top left corners of the app are too hard to access. Take a look:<o:p></o:p></span></div>
<div class="MsoNormal" style="line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; vertical-align: baseline;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif; font-size: large;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://1.bp.blogspot.com/-u8gHhrPGa-w/W54I9HBj4wI/AAAAAAAAKCE/WwN-_-gpbHQnkNszuKn7RiTp2ErsCaOewCEwYBhgL/s1600/Hamburger%2BNew.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif; font-size: large;"><img border="0" data-original-height="938" data-original-width="1600" height="233" src="https://1.bp.blogspot.com/-u8gHhrPGa-w/W54I9HBj4wI/AAAAAAAAKCE/WwN-_-gpbHQnkNszuKn7RiTp2ErsCaOewCEwYBhgL/s400/Hamburger%2BNew.png" width="400" /></span></a></div>
<div class="MsoNormal" style="line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; vertical-align: baseline;">
<br /></div>
<div class="MsoNormal" style="line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; vertical-align: baseline;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif; font-size: large;">A user who is driving a car needs to use the phone in one hand with the other hand on the steering wheel. If the app hamburger is in the top-left corner, the one thumb use case fails. In other words, users must be able to perform critical tasks on the mobile app with just one thumb in a few seconds. Lesser the time (in seconds), the better. Users work in micro-moments - small units of time with distracted attention. Hence the need for speed.<o:p></o:p></span></div>
<div class="MsoNormal" style="line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; vertical-align: baseline;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif; font-size: large;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif; font-size: large; margin-left: 1em; margin-right: 1em;"><a href="https://1.bp.blogspot.com/-7NTxqrdiaw8/W54I4v4-iNI/AAAAAAAAKB8/e3PmPbqBm-QkyM6fUF13uTRYR0o6ikndACEwYBhgL/s1600/Tab%2Bbar%2BNew.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="955" data-original-width="517" height="320" src="https://1.bp.blogspot.com/-7NTxqrdiaw8/W54I4v4-iNI/AAAAAAAAKB8/e3PmPbqBm-QkyM6fUF13uTRYR0o6ikndACEwYBhgL/s320/Tab%2Bbar%2BNew.png" width="173" /></a></span></div>
<div class="MsoNormal" style="line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; vertical-align: baseline;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif; font-size: large;">In the above app, notice that most of the critical tasks like My Flights, Today's Deals, Booking are easily accessible using one thumb. This is the freedom users need.<o:p></o:p></span></div>
<div class="MsoNormal" style="line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; vertical-align: baseline;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif; font-size: large;"><br /></span></div>
<div class="MsoNormal" style="line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; mso-outline-level: 3; vertical-align: baseline;">
<b><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif; font-size: large;">Takeaway<o:p></o:p></span></b></div>
<div class="MsoNormal" style="line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; vertical-align: baseline;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif; font-size: large;">Effective mobile designs must accommodate for one eye and one thumb experiences. <o:p></o:p></span></div>
<div class="MsoNormal" style="line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; vertical-align: baseline;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif; font-size: large;"><br /></span></div>
<blockquote class="tr_bq" style="line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; vertical-align: baseline;">
<i><span style="border: 1pt none; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif; font-size: large; padding: 0in;">If people can get things done in time sensitive, limited mobility situations, they'll be even more efficient and products will have their full attention.</span></i></blockquote>
<div class="MsoNormal" style="line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; vertical-align: baseline;">
<i><span style="border: 1pt none; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif; font-size: large; padding: 0in;"><br /></span></i></div>
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif; font-size: large;"><br /></span>
<br />
<div class="MsoNormal" style="line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; vertical-align: baseline;">
<br />
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif; font-size: large;"><span style="color: rgba(0 , 0 , 0 , 0.75); white-space: pre-wrap;"><br /></span></span></div>
Parimala Hariprasadhttp://www.blogger.com/profile/15304352526906191995noreply@blogger.com0tag:blogger.com,1999:blog-2085771970779369940.post-44255585266037207582018-04-02T08:39:00.000+05:302018-04-02T08:39:01.500+05:30The Big Three Questions .... and User Research<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><br /></span>
<em class="markup--em markup--p-em" style="background-color: white; color: rgba(0, 0, 0, 0.84); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-feature-settings: 'liga' 1, 'salt' 1; font-size: 21px; letter-spacing: -0.063px;">This article was originally published on </em><a class="markup--anchor markup--p-anchor" data-href="https://www.linkedin.com/pulse/big-three-questions-user-research-parimala-hariprasad/?published=t" href="https://www.linkedin.com/pulse/big-three-questions-user-research-parimala-hariprasad/?published=t" rel="nofollow noopener" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0.54); background-color: white; background-image: linear-gradient(rgba(0, 0, 0, 0.68) 50%, rgba(0, 0, 0, 0) 50%); background-position: 0px 1.07em; background-repeat: repeat-x; background-size: 2px 0.1em; font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.063px; text-decoration-line: none;" target="_blank"><em class="markup--em markup--p-em" style="font-feature-settings: 'liga' 1, 'salt' 1;">Linked In</em></a><em class="markup--em markup--p-em" style="background-color: white; color: rgba(0, 0, 0, 0.84); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-feature-settings: 'liga' 1, 'salt' 1; font-size: 21px; letter-spacing: -0.063px;">.</em><br />
<em class="markup--em markup--p-em" style="background-color: white; color: rgba(0, 0, 0, 0.84); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-feature-settings: 'liga' 1, 'salt' 1; font-size: 21px; letter-spacing: -0.063px;"><br /></em>
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;">So, Life happens. I took an unplanned break from writing for past few months. The good news: I am back :). Without further ado, let us get started. I'll touch upon my experience of doing user research over past few years in this article.</span><br />
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><br /></span>
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><b>What is User Research</b></span><br />
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;">User Research is the process of understanding the *impact of design* on an audience with a focus on users’ behavior, needs, and motivation.</span><br />
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><br /></span>
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><b>Why do we need User Research?</b></span><br />
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><br /></span>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://2.bp.blogspot.com/-cuZO4m5rjyU/WsGehrqRPFI/AAAAAAAAJ_M/4aWF6FnvDKoBPyctaitVk7ztO193eFkbwCLcBGAs/s1600/0.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="481" data-original-width="640" height="300" src="https://2.bp.blogspot.com/-cuZO4m5rjyU/WsGehrqRPFI/AAAAAAAAJ_M/4aWF6FnvDKoBPyctaitVk7ztO193eFkbwCLcBGAs/s400/0.jpg" width="400" /></a></div>
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><br /></span>
<span style="font-family: Georgia, "Times New Roman", serif; font-size: large;">1. To create designs that are truly relevant to people</span><br />
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><br /></span>
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;">2. To create designs that are easy and pleasurable to use</span><br />
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><br /></span>
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;">3. To understand the return on investment (ROI) of your user experience (UX) design</span><br />
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><br /></span>
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><b>What is Wrong with User Research</b></span><br />
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;">We humans think that we are driven by rationality. Yet, we are far from it. How we behave is based on the heuristics and biases we have. These, in turn, influence the decision we make and the problems we solve. This is precisely why conclusions from user research may not improve the experience of the product. It is not that user research methods are faulty. It is because what people say about their motivations and behavior is far from what motivates them to behave in a real environment. Hence, observations about them during interviews may not capture the whole story.</span><br />
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><br /></span>
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><b>How to Fix it</b></span><br />
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;">Jeff Gothelf talks about The Big Three Research Questions in his book, The Lean UX.</span><br />
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><br /></span>
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><b>1. Is there a need or opportunity? </b></span><br />
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;">Identify a strong need or opportunity as this is critical to successful user research. This can be done through Observations and Interviews.</span><br />
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><br /></span>
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><b>2. Do people value my proposed solution? </b></span><br />
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;">Today, products suffer from feature bloats. Asking if the proposed solution for the identified need/opportunity is something people value. The value of the proposed solution can be measured using interviews. If people don't value the solution, there is no point building the solution. Just discard that need and move on to the next one.</span><br />
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><br /></span>
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><b>3. Can people use my proposed solution? </b></span><br />
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;">Building a solution without validating if people can use that solution is a waste of time and money. A good alternative is to build a simple prototype of the solution and watch people use it by performing usability testing and interviews.</span><br />
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><br /></span>
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;">The above research questions apply not just for user research, but for any problem you are trying to solve.</span><br />
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><br /></span>
<blockquote class="tr_bq">
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;">Next time around, when someone seeks user research, ask them what value are they looking for?</span></blockquote>
<div>
<br /></div>
<div>
<br /></div>
Parimala Hariprasadhttp://www.blogger.com/profile/15304352526906191995noreply@blogger.com1tag:blogger.com,1999:blog-2085771970779369940.post-46311905026036225282018-01-29T08:49:00.000+05:302018-01-29T08:49:29.300+05:30Flight Maps and Natural Mapping<div class="graf graf--p" style="background-color: white; color: #333333; padding: 0px;">
<em class="markup--em markup--p-em"><span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><br /></span></em></div>
<div class="graf graf--p" style="background-color: white; color: #333333; padding: 0px;">
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><em class="markup--em markup--p-em">This article was originally published on </em><a class="external-link" href="https://www.linkedin.com/pulse/flight-maps-natural-mapping-parimala-hariprasad/?trk=mp-reader-card" rel="nofollow" style="color: #326ca6; text-decoration-line: none;"><em class="markup--em markup--p-em">Linked In</em></a><em class="markup--em markup--p-em">.</em></span></div>
<div class="graf graf--p" style="background-color: white; color: #333333; margin-top: 10px; padding: 0px;">
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;">Interactive flight maps are a great way to kill time on long-haul flights. Few In-Flight Entertainment (IFE) systems get the geography wrong on these maps. Take a look at this one, I happened to be in last year.</span></div>
<div class="graf graf--p" style="background-color: white; color: #333333; margin-top: 10px; padding: 0px;">
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><br /></span></div>
<div style="background-color: white; color: #333333; margin-top: 10px; padding: 0px;">
<span class="confluence-embedded-file-wrapper" style="display: inline-block; max-width: 100%; position: relative;"><span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><img class="confluence-embedded-image graf-image confluence-external-resource" data-image-src="https://cdn-images-1.medium.com/max/800/0*tD8wgLgZzFa7ScXI.jpg" src="https://cdn-images-1.medium.com/max/800/0*tD8wgLgZzFa7ScXI.jpg" style="border: 0px; cursor: pointer; display: block; margin: 0px 2px; max-width: calc(100% - 4px); padding: 0px;" /></span></span></div>
<div class="graf graf--p" style="background-color: white; color: #333333; margin-top: 10px; padding: 0px;">
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><br /></span></div>
<div class="graf graf--p" style="background-color: white; color: #333333; margin-top: 10px; padding: 0px;">
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;">On a standard world map, we know that Auckland is far far away from Kuala Lumpur to its right. On this map shown above, representation shows that Kuala Lumpur is to the right of Auckland, and the flight is flying from Auckland to Kuala Lumpur.</span></div>
<div class="graf graf--p" style="background-color: white; color: #333333; margin-top: 10px; padding: 0px;">
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;">As you may notice, a natural mapping is missing on the interactive map since the location of Auckland and Kuala Lumpur are reversed.</span></div>
<div class="graf graf--p" style="background-color: white; color: #333333; margin-top: 10px; padding: 0px;">
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><strong class="markup--strong markup--p-strong"><em class="markup--em markup--p-em">Mapping</em></strong> is a technical term meaning the relationship between two things. Consider the steering wheel in a car. To turn the car to the right, one must turn the steering wheel clockwise, so that its top moves to the right. This mapping is easily learned and always remembered while changing directions of the car. In fact, turning the car to the right maps naturally with our right arm turning to the right, as a mental model. This is <strong class="markup--strong markup--p-strong"><em class="markup--em markup--p-em">natural mapping</em></strong>, natural because it naturally maps to how humans use their body and mental models. The human mind is trained for natural mapping.</span></div>
<div class="graf graf--p" style="background-color: white; color: #333333; margin-top: 10px; padding: 0px;">
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;">Natural mapping takes advantage of physical analogies and cultural standards (Another example — red traffic light means stop; green means go).</span></div>
<blockquote style="background-color: white; border-left: 1px solid rgb(46, 61, 84); color: #707070; margin: 10px 0px 0px 19px; padding: 10px 20px;">
<div style="background-color: transparent; color: #333333; padding: 0px;">
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;">Great products apply natural mapping to design enchanted experiences.</span></div>
</blockquote>
<div style="background-color: white; color: #333333; margin-top: 10px; padding: 0px;">
<br /></div>
<br />
<ul class="reader-article-header__meta Sans-15px-black-55% mv4" style="-webkit-text-stroke-width: 0px; background: 0px 0px rgb(255, 255, 255); border: 0px; box-sizing: inherit; color: rgba(0, 0, 0, 0.6); display: flex; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: 400; letter-spacing: normal; line-height: 20px; list-style: none; margin: 16px 0px; orphans: 2; outline: 0px; padding: 0px; text-align: start; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;"></ul>
<br />
<h1 class="reader-article-header__title Sans-42px-black-85%-regular pt6 pb4" style="-webkit-text-stroke-width: 0px; background: 0px 0px rgb(255, 255, 255); border: 0px; box-sizing: inherit; color: rgba(0, 0, 0, 0.9); font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Fira Sans", Ubuntu, Oxygen, "Oxygen Sans", Cantarell, "Droid Sans", "Lucida Grande", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Hiragino Kaku Gothic Pro", Meiryo, "Hiragino Sans GB W3", "Noto Naskh Arabic", "Droid Arabic Naskh", "Geeza Pro", "Simplified Arabic", "Noto Sans Thai", Thonburi, Dokchampa, "Droid Sans Thai", "Droid Sans Fallback", ".SFNSDisplay-Regular", "Heiti SC", "Microsoft Yahei"; font-size: 40px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: 700; letter-spacing: normal; line-height: 48px; margin: 0px; orphans: 2; outline: 0px; padding: 32px 0px 16px; text-align: start; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;">
<br /></h1>
Parimala Hariprasadhttp://www.blogger.com/profile/15304352526906191995noreply@blogger.com0tag:blogger.com,1999:blog-2085771970779369940.post-39377567106098264362017-12-22T09:15:00.000+05:302017-12-22T09:28:50.547+05:30Bibliography – Books I read in 2017<br />
<i>This article was originally published on <a href="https://www.linkedin.com/pulse/bibliography-2018-parimala-hariprasad/?trk=mp-reader-card" target="_blank">Linked In</a>.</i><br />
<br />
On route to Sweden this year, I met an amazing 78-year-old young man (yes, you read it right. YOUNG!) who talked to me for over 5 hours on a 10-hour flight. We discussed oldest human civilizations, evolution, philosophy, culture, gender equality and what not. Couple hours into our conversation, I asked, ‘Sir, Have you read Jared Diamond’s book Guns, Germs, and Steel? It might interest you.’ He gave me a nerd look and said, ‘Parimala, what do you mean by asking if I read books. Of course, I read books. I am a professor emeritus at Lund University.’ I was baffled. Here, I was, murmuring about things I know, to a learned man who did not throw an air of attitude or ego around a less learned individual like me. Apparently, this wonderful man grew up amidst 3000 books at his home where books were his best friends for most of his childhood. He has another 3000 decorated beautifully in his home and reads about 75 books a year on average. He speaks about the origin of chilies, with the same ease as about a 3rd century BC Ganesh idol in Gudimallam.<br />
<br />
<b>The Power of Reading</b><br />
<b><br /></b>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://4.bp.blogspot.com/-Tol_nSdNjxM/WjyBlw6_P5I/AAAAAAAAJ1M/ye1rrXCt3LshmPU4fwG8A_Qk36GNYWp7gCLcBGAs/s1600/Books.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1600" data-original-width="1200" height="320" src="https://4.bp.blogspot.com/-Tol_nSdNjxM/WjyBlw6_P5I/AAAAAAAAJ1M/ye1rrXCt3LshmPU4fwG8A_Qk36GNYWp7gCLcBGAs/s320/Books.JPG" width="240" /></a></div>
<b><br /></b>
<br />
The wise professor on the plane told me three things:<br />
<br />
1) Your history knowledge is poor. You must read more (my friends know I read a lot and here was a man telling me to read more. I love it though)<br />
<br />
2) You are such a poor listener. Listen.<br />
<br />
3) Throw your phone in the garbage and focus on experiencing life<br />
<br />
Reading and Writing books do exactly the same things he said I was not good at. They enhance knowledge about our roots. They help us to listen better. They help us dump technology in exchange for a good time with books that transform us into a real wonderland with utmost easy.<br />
<br />
I read few books this year (broadly in two categories – technology and learning) and I’ll share few nuggets from some of them in this post.<br />
<br />
<b>Technology</b><br />
<b><br /></b> <b>The Enchanted Objects – David Rose</b><br />
<br />
David Rose is a gifted innovator of our times. He does not go about putting chips under the human skin or USB's in our heads. He humanizes technologies in ways I have not witnessed before. He worries about old people forgetting to take their medicine. He worries about people needing to remember right things at the right time. He dreams about augmenting human capabilities.<br />
<br />
His book Enchanted Objects aims to create enchanting experiences for people using technology without disrupting human feelings/emotions.<br />
<br />
My favorite quote: “I’m particularly interested in your willingness to flex and consider the world from three perspectives: technology, design, and business. It takes a polyglot to understand and make smart decisions about human-centered products, so your ability to understand and communicate with other scientists, engineers, designers, psychologists, executives, and entrepreneurs – as well as customers and users – is essential to taking part in the next wave of the Internet.”<br />
<br />
If you want to humanize technology, do yourself a favor and read this book.<br />
<br />
<b>The User Experience Team of One – Leah Buley</b><br />
<br />
“Cut the crap, do what needs to be done.”, writes Leah Buley who has worked on many user experience projects as a one-woman army. In her view, many people make their way into user experience by crossing over from an adjacent field. These crossovers are the people who are carrying UX forward, taking it to new levels and new organizations.<br />
<br />
A quotable quote from the book: “Finishing a UX project is like sweeping a floor. You get the big pile easily, but those last few specks of dust are impossible to ever really clean up. You just keep cutting the dirt pile in half until finally you’re left with an acceptable amount of grime to put the broom away and get on with the next thing. Suffice it to say, the work is never really done.”<br />
<br />
If you are a UX team of one (which most UX folks are), this one is for you.<br />
<br />
<b>Lean UX – Jeff Gothelf</b><br />
<br />
This book teaches you how to apply lean principles to improve the user experience. The book is so lean; you can read it in a couple of days.<br />
<br />
Few quotes from the book: “Best experience never gets built.” and “Test your riskiest assumptions first.”<br />
<br />
The Lean Startup – Eric Ries<br />
<br />
In my experience, it is the boring stuff that people do that lead to great things in the first place. I could not say it any better. “I have learned from both my own successes and failures and those of many others that it's the boring stuff that matters the most”, confesses Eric Ries.<br />
<br />
Another good quote: “The question at the heart of lean - which of our efforts are value-creating and which are wasteful?”<br />
<br />
<b>Learning</b><br />
<b><br /></b> <b>Free to Learn – Peter Gray</b><br />
<br />
Peter Gray is an American Psychologist who found that play was critical to raising happy and self-reliant children, who can grow up to become better students of life. To his son, the school was a prison, and he had done nothing to deserve imprisonment. This experience and the decisions he took thereafter to educate his son, became the basis for this book. He writes about hunter-gatherer communities and how children were educated using play. This is a necessary read for every parent, educator, and mentor who teachers, mentors, inspires or guides people.<br />
<br />
A noteworthy quote from the book: “Free play is nature's means of teaching children that they are not helpless. In a play, away from adults, children really do have control and can practice asserting it. In free play, children learn to make their own decisions, solve their own problems, create and abide by rules, and get along with others as equals rather than as obedient or rebellious subordinates. None of these lessons can be taught through verbal means; they can be learned only through experience, which free play provides.”<br />
<br />
<b>When Breath Becomes Air – Paul Kalanithi</b><br />
<br />
Paul Sudhir Arul Kalanithi was an Indian-American neurosurgeon and writer. His book When Breath Becomes Air is a memoir about his life and illness battling stage IV metastatic lung cancer. Death is a white elephant in the room. It is so certain, yet we live our lives thinking it is never going to hit us. Paul documents his life as he approaches death and how his wife Lucy (the couple was heading for a divorce before Paul was diagnosed with cancer) stood by him after learning about his condition. They even chose to have a baby, Cady, knowing that the Paul might not be around in her growing up years. Cady did fill his last days with joy and a peaceful death. Paul, not once asks, ‘Why me?’ He handled this with such courage that Cady, Lucy and his entire family and everyone who knew him will learn from his courage.<br />
<br />
Paul’s note to Cady: “When you come to one of the many moments in life where you must give an account of yourself, provide a ledger of what you have been, and done, and meant to the world, do not, I pray, discount that you filled a dying man's days with a sated joy, a joy unknown to me in all my prior years, a joy that does not hunger for more and more but rests, satisfied. In this time, right now, that is an enormous thing.”<br />
<br />
A heart-wrenching, soul-stirring story of hope!<br />
<br />
<b>The Dance of the Possible – Scott Berkun</b><br />
<br />
“We always have more freedom than we think, we just forget.”, says Scott Berkun. If you do not have the freedom to read his books or blogs, then just know that you forgot and do remind yourself. Scott is one of the consistently wonderful writers of our times. He wrote this short book about creativity.<br />
<br />
“We can learn three simple rules from our ancestors in this regard: 1. if there’s something you want to do, you must simply go and do it. 2. If you want to be better at something, do it more often. 3. If you want to improve faster, ask someone who knows more than you to watch you and give their advice.”<br />
<br />
“The shower is one of the few places left that we all must go where there are no advertisements, no news, no screens and no input for our minds. We relax, we sink back into the comfort of our bodies, and our brains slowly recover from everything we’ve asked them to do all day long.”<br />
<br />
What I like about Scott is that he does not claim to know everything. He makes an attempt to do so. If you think you are not creative enough, Scott will surely tell you, you are creative! How? Go read this book.<br />
<br />
<b>The Dip – Seth Godin</b><br />
<br />
The Dip is an old classic from Seth Godin. Seth’s microblogs are good enough to inspire you to do good work. His books with classic examples and metaphors can push you to your limits.<br />
<br />
Favorite quote from the book: “The Dip is the long slog between starting and mastery. A long slog that's actually a shortcut, because it gets you where you want to go faster than any other path The Dip is the combination of bureaucracy and busy work you must deal with in order to get certified in scuba diving. The Dip is the difference between the easy "beginner" technique and the more useful "expert" approach in skiing or fashion design. The Dip is the long stretch between beginner's luck and real accomplishment. The Dip is the set of artificial screens set up to keep people like you out.”<br />
<br />
Another one: “But what if I fail? We all get to laugh at you.”<br />
<br />
<b>The Good Night Stories for Rebel Girls - Elena Favilli and Francesca Cavallo</b><br />
<br />
This year, I started reading kids’ books thanks to my older kid. This book illustrates the tales of 100 extraordinary women from across the world spread across multiple centuries. These tales highlight the challenges that women faced, as back as 700 BC and how they fought through it.<br />
<br />
Few notable quotes from women across generations:<br />
<br />
"You hold all life's possibilities in the palm of your hands" - Fado Dayib's mother<br />
<br />
The stars are not very different from us: they are born, they grow old, they die - Margherita Hack<br />
<br />
"If it's a good idea, go ahead and do it" - Grace Hopper<br />
<br />
The time is now - Wangari Maathai<br />
<br />
I, for one, am proud of this book.<br />
<br />
With this, blogging for 2017 comes to an end and it shall begin in the new year.<br />
<br />
<blockquote class="tr_bq">
Happy Holidays and Happy New Year 2018!</blockquote>
<br />
<div>
<br /></div>
Parimala Hariprasadhttp://www.blogger.com/profile/15304352526906191995noreply@blogger.com0tag:blogger.com,1999:blog-2085771970779369940.post-24654238430027678792017-12-12T09:03:00.003+05:302017-12-12T09:54:06.497+05:30Oredev Developer Conference 2017 - A Speaker Report<span style="font-family: "georgia" , "times new roman" , serif; font-size: large;"><i>This article was originally published on <a href="https://www.linkedin.com/pulse/oredev-developer-conference-2017-speaker-report-parimala-hariprasad/?trackingId=pDA%2BPSPSeR7E%2BnQ9chQplQ%3D%3D" target="_blank">Linked In</a>. </i></span><br />
<span style="font-family: "georgia" , "times new roman" , serif; font-size: large;"><br /></span> <span style="font-family: "georgia" , "times new roman" , serif; font-size: large;">Øredev Developer Conference is one of the premier developer conferences in Europe. Well-known for their passion for conferencing, special care-taking of speakers and keynote-level topics. I had first heard about Øredev in 2013. At the time, I dreamt of being at the conference someday, but I never imagined being a speaker. This was the first time I submitted a 1-hour talk to Øredev and voila, my talk was selected for the conference.</span><br />
<span style="font-family: "georgia" , "times new roman" , serif; font-size: large;"><br /></span> <span style="font-family: "georgia" , "times new roman" , serif; font-size: large;"><b>Conference Topics</b></span><br />
<span style="font-family: "georgia" , "times new roman" , serif; font-size: large;"><br /></span> <span style="font-family: "georgia" , "times new roman" , serif; font-size: large;">Even before I started to prepare for my talk, I got a chance to look at previous years’ recordings of the conference. Very few conferences bring the variety that Øredev brings – be it Product Management, User Experience, Development, Testing, Quality Assurance, DevOps, People Leadership and so forth. The conference also attracts keynoters from top universities across the world working in areas like AI, AR, VR, Mobile, Conversational UI, Bots and many others. Speakers in these areas are mostly practitioners working full-time and presenting their life’s work. Some of these speakers come with a backing of 30 years of professional work. Wow!</span><br />
<span style="font-family: "georgia" , "times new roman" , serif; font-size: large;"><br /></span> <span style="font-family: "georgia" , "times new roman" , serif; font-size: large;"><b>My Talk</b></span><br />
<span style="font-family: "georgia" , "times new roman" , serif; font-size: large;"><br /></span> <span style="font-family: "georgia" , "times new roman" , serif; font-size: large;">My talk was on <a href="https://vimeo.com/242115373?lipi=urn%3Ali%3Apage%3Ad_flagship3_pulse_read%3BanZXjnXMSCKp%2BUBDCokwtA%3D%3D" target="_blank">How to Design Intuitive Mobile Apps using Machine Input</a>. I am studying about machine input for 2 years now. I believe that our generation and the ones coming after us do not need the next big website, next cool mobile app or the next sexy bot working for us. I believe that we need products that augment our capabilities and make us better, not the ones who make us feel like shit or in other words, less human.</span><br />
<span style="font-family: "georgia" , "times new roman" , serif; font-size: large;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://3.bp.blogspot.com/-076BkoyhXVI/Wi9MVIykP1I/AAAAAAAAJ0M/DQGSmjE6XVsCLTN1wWNDAI5J3bbLVZ0eQCLcBGAs/s1600/IMG_1447.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="900" data-original-width="1200" height="300" src="https://3.bp.blogspot.com/-076BkoyhXVI/Wi9MVIykP1I/AAAAAAAAJ0M/DQGSmjE6XVsCLTN1wWNDAI5J3bbLVZ0eQCLcBGAs/s400/IMG_1447.JPG" width="400" /></a></div>
<span style="font-family: "georgia" , "times new roman" , serif; font-size: large;"><br /></span> <span style="font-family: "georgia" , "times new roman" , serif; font-size: large;">A bunch of innovators like Dan Saffer, Golden Krishna </span>and<span style="font-family: "georgia" , "times new roman" , serif; font-size: large;"> David Rose strengthened my beliefs through their wonderful books. It has taken me forever to study the complete works of these great men. Nevertheless, each learning day has been fruitful. I also wrote about it <a href="https://www.linkedin.com/pulse/designing-intuitive-mobile-apps-using-machine-input-hariprasad/?trk=mp-reader-card" target="_blank">HERE </a>in early 2017. Over time, my interest only grew and hence the idea for a talk was born. If you want to know more about my talk, the kind folks at Øredev have recorded my talk. You can watch it <a href="https://vimeo.com/242115373?lipi=urn%3Ali%3Apage%3Ad_flagship3_pulse_read%3BanZXjnXMSCKp%2BUBDCokwtA%3D%3D" target="_blank">HERE</a>.</span><br />
<span style="font-family: "georgia" , "times new roman" , serif; font-size: large;"><br /></span> <span style="font-family: "georgia" , "times new roman" , serif; font-size: large;"><b>Sessions I loved</b></span><br />
<span style="font-family: "georgia" , "times new roman" , serif; font-size: large;"><br /></span> <span style="font-family: "georgia" , "times new roman" , serif; font-size: large;"><b>The Real, the Virtual, and the Cortex - Noah Falstein</b></span><br />
<span style="font-family: "georgia" , "times new roman" , serif; font-size: large;"><br /></span> <span style="font-family: "georgia" , "times new roman" , serif; font-size: large;">Noah talked about VR, AR and Mixed Reality and its life-altering realities. He touched upon neuroscience, talked about how these technologies have enhanced our lives and put us under threat. Often, at conferences, I meet people who want to stitch a chip into kid’s bodies so we could track them when they are at school or other gory stories of how cyborgs can raise the quality of human life.</span><br />
<span style="font-family: "georgia" , "times new roman" , serif; font-size: large;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://1.bp.blogspot.com/-EKbC7Mib0-k/Wi9MaX6dGNI/AAAAAAAAJ0Q/Jc5FPCw-rrUcPW2DgVwz0UMa_vdAie1IwCLcBGAs/s1600/1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1073" data-original-width="1431" height="298" src="https://1.bp.blogspot.com/-EKbC7Mib0-k/Wi9MaX6dGNI/AAAAAAAAJ0Q/Jc5FPCw-rrUcPW2DgVwz0UMa_vdAie1IwCLcBGAs/s400/1.jpg" width="400" /></a></div>
<br />
<span style="font-family: "georgia" , "times new roman" , serif; font-size: large;">People like Noah give me hope that we do not want to build invasive products that creep into our bodies, that we need to have empathy, that our communications have to be humane. I just loved the humane touch he gave to his talk. You can find Noah’s talk <a href="https://vimeo.com/241863709?lipi=urn%3Ali%3Apage%3Ad_flagship3_pulse_read%3BanZXjnXMSCKp%2BUBDCokwtA%3D%3D" target="_blank">HERE</a>.</span><br />
<span style="font-family: "georgia" , "times new roman" , serif; font-size: large;"><br /></span> <span style="font-family: "georgia" , "times new roman" , serif; font-size: large;"><b>Software & storytelling, programming & play – Linda Liukas</b></span><br />
<span style="font-family: "georgia" , "times new roman" , serif; font-size: large;"><br /></span> <span style="font-family: "georgia" , "times new roman" , serif; font-size: large;">Linda is a great storyteller who teaches programming to kids, girls, young women (and others too) using innovative approaches. Her primary audience includes 6-year-olds on average. For a change, she had an audience with average ages of 25 – 30 years at Øredev where she keynoted.</span><br />
<span style="font-family: "georgia" , "times new roman" , serif; font-size: large;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://2.bp.blogspot.com/-5_ksyRZsVVE/Wi9MvpFkaYI/AAAAAAAAJ0U/ut3ryXcs-JclS78EQjQifbdQ64LXLHQlwCLcBGAs/s1600/2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1073" data-original-width="1431" height="298" src="https://2.bp.blogspot.com/-5_ksyRZsVVE/Wi9MvpFkaYI/AAAAAAAAJ0U/ut3ryXcs-JclS78EQjQifbdQ64LXLHQlwCLcBGAs/s400/2.jpg" width="400" /></a></div>
<span style="font-family: "georgia" , "times new roman" , serif; font-size: large;"><br /></span> <span style="font-family: "georgia" , "times new roman" , serif; font-size: large;">Before the conference, when I looked up her work, Linda came across as this little charismatic girl, always smiling, doing what she loves and working with the most awesome generation one ever can – young kids. It was good to learn about her. My takeaways from her talk included the metaphors/analogies that little kids can understand and key principles around teaching and learning. Linda is a breath of fresh air! You can watch her talk <a href="https://vimeo.com/242040149?lipi=urn%3Ali%3Apage%3Ad_flagship3_pulse_read%3BanZXjnXMSCKp%2BUBDCokwtA%3D%3D" target="_blank">HERE</a>. </span><br />
<span style="font-family: "georgia" , "times new roman" , serif; font-size: large;"><br /></span> <span style="font-family: "georgia" , "times new roman" , serif; font-size: large;"><b>What is AI? Can computers become intelligent through playing games? – Julian Togelius</b></span><br />
<span style="font-family: "georgia" , "times new roman" , serif; font-size: large;"><br /></span> <span style="font-family: "georgia" , "times new roman" , serif; font-size: large;">Julian is an Associate Professor at New York University. He showed several case studies of games and how computers could become intelligent using gaming patterns with live demos of some of the old games he has studied. His emphasis lay on AI and how videos games can help augment AI. Again, <a href="https://vimeo.com/242794067?lipi=urn%3Ali%3Apage%3Ad_flagship3_pulse_read%3BanZXjnXMSCKp%2BUBDCokwtA%3D%3D" target="_blank">his talk</a> demonstrated the deep work done in AI for several years.</span><br />
<span style="font-family: "georgia" , "times new roman" , serif; font-size: large;"><br /></span> <span style="font-family: "georgia" , "times new roman" , serif; font-size: large;"><b>Writing Apps for Mars – Kurt Leucht</b></span><br />
<span style="font-family: "georgia" , "times new roman" , serif; font-size: large;"><br /></span> <span style="font-family: "georgia" , "times new roman" , serif; font-size: large;">Kurt’s talk could have touched many a developer’s ego. He asked one fundamental question, ‘Developers take pride in the products they build. But do they know how those products perform in the real environment?’ He went on to give an example of onboard software for Mars rover (Oh! By the way, Kurt works for NASA. Ahem!) and show the differences between a good mobile app and a business app that serves a mission-critical need. A fabulous talk for mobile enthusiasts to focus on the purpose of building apps. Kurt’s talk is <a href="https://vimeo.com/241895278?lipi=urn%3Ali%3Apage%3Ad_flagship3_pulse_read%3BanZXjnXMSCKp%2BUBDCokwtA%3D%3D" target="_blank">HERE </a>if you are curious.</span><br />
<span style="font-family: "georgia" , "times new roman" , serif; font-size: large;"><br /></span> <span style="font-family: "georgia" , "times new roman" , serif; font-size: large;"><b>Conversational UIs: Talking to Siri, Alexa, and Your Web Browser – Scott Davis</b></span><br />
<span style="font-family: "georgia" , "times new roman" , serif; font-size: large;"><br /></span> <span style="font-family: "georgia" , "times new roman" , serif; font-size: large;">Scott was a high-energy person who gave a fabulous talk on bringing Siri, Alex and web browsers together. His talk had real-life examples of how his daughter who cannot speak clearly types data, asks Siri to read it for her, while Alexa listens to Siri and executes the commands. This is the kind of technology we need to create – to augment the abilities of differently abled people of our times and upcoming generations. I felt great hope for the future. Scott’s talk can be watched <a href="https://vimeo.com/241890498?lipi=urn%3Ali%3Apage%3Ad_flagship3_pulse_read%3BanZXjnXMSCKp%2BUBDCokwtA%3D%3D" target="_blank">HERE</a>.</span><br />
<span style="font-family: "georgia" , "times new roman" , serif; font-size: large;"><br /></span> <span style="font-family: "georgia" , "times new roman" , serif; font-size: large;"><b>Key takeaways</b></span><br />
<span style="font-family: "georgia" , "times new roman" , serif; font-size: large;"><br /></span> <span style="font-family: "georgia" , "times new roman" , serif; font-size: large;">Øredev is a conference with ~1300 attendees and 100+ speakers. It is not humanly possible to attend all sessions. I watched many of them after the conference. It was fun. You too can watch the Øredev talk videos <a href="http://oredev.org/2017/video?lipi=urn%3Ali%3Apage%3Ad_flagship3_pulse_read%3BanZXjnXMSCKp%2BUBDCokwtA%3D%3D" target="_blank">HERE</a>.</span><br />
<span style="font-family: "georgia" , "times new roman" , serif; font-size: large;"><br /></span> <span style="font-family: "georgia" , "times new roman" , serif; font-size: large;">I loved the talks around Conversational UIs, Bots, Virtual Reality concepts, Leadership and Product management talks. I was happy to learn (repeatedly) that there are humans who are concerned about fellow humans and not super gaga about plugging USBs into people’s heads or integrated chips into people's bodies. Linda Liukas’s teaching techniques were the biggest takeaway as I am looking up to designing my own tutorials next year. If you want to do just one thing after reading this, watch Linda’s talk for me.</span><br />
<span style="font-family: "georgia" , "times new roman" , serif; font-size: large;"><br /></span> <span style="font-family: "georgia" , "times new roman" , serif; font-size: large;">Until next Øredev, Aloha!</span><br />
<span style="font-family: "georgia" , "times new roman" , serif; font-size: large;"><br /></span>Parimala Hariprasadhttp://www.blogger.com/profile/15304352526906191995noreply@blogger.com0tag:blogger.com,1999:blog-2085771970779369940.post-75249139064221019022017-10-24T08:43:00.001+05:302017-10-24T08:43:14.202+05:30Who do you want your customer to become?<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><br /></span>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://2.bp.blogspot.com/-D2mTGWmJ7JE/We6vGJrlZlI/AAAAAAAAJyM/iqgyVfBPew43ts0Q5GhvD4x0JXlhLIXKACLcBGAs/s1600/AAIA_wDGAAAAAQAAAAAAAAyHAAAAJDM3NGNkZTEyLWM2ODQtNDZkYy04ODYxLTgzMzkyMDc2ZjNmMw.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><img border="0" data-original-height="344" data-original-width="639" height="215" src="https://2.bp.blogspot.com/-D2mTGWmJ7JE/We6vGJrlZlI/AAAAAAAAJyM/iqgyVfBPew43ts0Q5GhvD4x0JXlhLIXKACLcBGAs/s400/AAIA_wDGAAAAAQAAAAAAAAyHAAAAJDM3NGNkZTEyLWM2ODQtNDZkYy04ODYxLTgzMzkyMDc2ZjNmMw.jpg" width="400" /></span></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><span style="font-family: Georgia, Times New Roman, serif; font-size: large;">Customer is King</span></td></tr>
</tbody></table>
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><br /></span>
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><br /></span>
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;">Thinking about the customer is a high-risk innovation type. Customers' needs and desires keep changing, which adds to the risk. Inspiring customers to behave in a new way is something very few organizations are thinking about.</span><br />
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><br /></span>
<b><span style="font-family: Georgia, Times New Roman, serif; font-size: large;">Defining New Behavior</span></b><br />
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;">Steve Jobs' Apple designed touchscreen interface which inspired customers to behave differently. Henry Ford never thought about motivating horses to run faster. Instead, he built cars. Elon Musk didn't continue Henry's tradition. He is working on promoting faster travel through Hyperloop and supporting space tourism. Google is going a step further, building driverless cars. These products augment human abilities and improve their well-being in better ways.</span><br />
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><br /></span>
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;">Things get interesting when specially-abled people start to use such innovative technology. For example, a blind person using a cane could use google maps to guide her to the destination. Countries like Japan can entrust driverless cars for octogenarians who continue to drive and cause accidents. There are innumerable opportunities.</span><br />
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><br /></span>
<b><span style="font-family: Georgia, Times New Roman, serif; font-size: large;">Drones</span></b><br />
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;">Drones were discounted as toys in the early days. Today, they are used in photography in extreme conditions of climatic disasters, war scenarios, spying, products delivery and for many other purposes. A typical drone looks like a toy with a remote control, needs zero learning and is ready to fly as soon as you unpack it.</span><br />
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><br /></span>
<i><span style="font-family: Georgia, Times New Roman, serif; font-size: large;">Drones discovered new customer behavior.</span></i><br />
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><br /></span>
<b><span style="font-family: Georgia, Times New Roman, serif; font-size: large;">Hotel Bookings</span></b><br />
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;">Travelers want to book hotels in advance because when prices are cheaper. But, they are intimidated to make a payment in advance. If they are not sure to make it to the hotel, they would like to avoid refund hassles. They prefer paying on the day of their check-in. In many cases, travelers would like to cancel the booking. Since they didn't pay earlier, they are happy to cancel without spending a penny. Maybe, they are okay with a small cancellation fee, occasionally.</span><br />
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><br /></span>
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;">Booking.com re-defined customer behavior in many ways:</span><br />
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;">Travelers can book the hotel in advance without making payment. </span><span style="font-family: Georgia, "Times New Roman", serif; font-size: large;">Travelers can cancel the hotel with Zero cancellation fee. </span><span style="font-family: Georgia, "Times New Roman", serif; font-size: large;">Hotels with cancellation and non-cancellation policies are highlighted, directly encouraging travelers to book the hotels with free cancellation facilities. </span><span style="font-family: Georgia, "Times New Roman", serif; font-size: large;">Highlight cancellation dates and how much cancellation fee applies after due date. </span><span style="font-family: Georgia, "Times New Roman", serif; font-size: large;">Free cancellation feature encourages many tourists and business travelers to book hotels on booking.com for visa purposes if some countries have trouble issuing invitation letters to them.</span><br />
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><br /></span>
<i><span style="font-family: Georgia, Times New Roman, serif; font-size: large;">Booking.com discovered new customer behavior.</span></i><br />
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><br /></span>
<b><span style="font-family: Georgia, Times New Roman, serif; font-size: large;">Innovate with the Customer in Mind</span></b><br />
<blockquote class="tr_bq">
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;">Organizations / People looking to innovate with the customer in mind must spot unique change or trend in customer behavior</span></blockquote>
<br />
<b><span style="font-family: Georgia, Times New Roman, serif; font-size: large;">Steps involved in Customer Innovation</span></b><br />
<br />
<ol>
<li><span style="font-family: Georgia, Times New Roman, serif; font-size: large;">Discovery of a new customer behavior</span></li>
<li><span style="font-family: Georgia, Times New Roman, serif; font-size: large;">Creating a new type of customer based on the behavior</span></li>
<li><span style="font-family: Georgia, Times New Roman, serif; font-size: large;">Creating a new market</span></li>
</ol>
<br />
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><br /></span>
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;">This is a high-risk innovation which takes a long time to become disruptive. If done right, this innovation can re-define future of products and services.</span><br />
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><br /></span>
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;">Think Uber, Airbnb, SpaceX!</span><br />
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><br /></span>
<blockquote class="tr_bq">
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;">How do you innovate?</span></blockquote>
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><br /></span>
<br />Parimala Hariprasadhttp://www.blogger.com/profile/15304352526906191995noreply@blogger.com0tag:blogger.com,1999:blog-2085771970779369940.post-19534301306931950772017-10-09T16:22:00.001+05:302017-10-12T14:50:58.580+05:30What's the burning problem you want to solve?<h3>
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">The App Story</span></h3>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://1.bp.blogspot.com/-aVOocrWAAJg/WdtTrfc72AI/AAAAAAAAJtE/HJSJWhn8SRgKayZGBfXPMl-tZr3hEr8rgCLcBGAs/s1600/AAIA_wDGAAAAAQAAAAAAAAm7AAAAJDJlZmJjMDlmLTg5YWYtNDRkNS04MmE4LWU2ZTI1NzNmNmRlMQ.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="233" data-original-width="433" height="172" src="https://1.bp.blogspot.com/-aVOocrWAAJg/WdtTrfc72AI/AAAAAAAAJtE/HJSJWhn8SRgKayZGBfXPMl-tZr3hEr8rgCLcBGAs/s320/AAIA_wDGAAAAAQAAAAAAAAm7AAAAJDJlZmJjMDlmLTg5YWYtNDRkNS04MmE4LWU2ZTI1NzNmNmRlMQ.jpg" width="320" /></a></div>
<div>
<br /></div>
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">Want to order books? There's an app for that.</span><br />
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span> <span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">Want to rent furniture? There's an app for that.</span><br />
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span> <span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">Want to make mobile payments? There's an app for that.</span><br />
<br />
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">Want to tweet while you drive the car? There's an app for that! Remember Tesla? Tesla loves you so much that it supports social media buttons on the car interface</span><br />
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span> <span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">Want to talk to your driver? There's an app for that. Remember Uber? They care so much for your safety that they encourage drivers to chat with you as they drive.</span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://3.bp.blogspot.com/-nVcKr52Hq1Q/WdtT56xpriI/AAAAAAAAJtM/t_9l-39sCPgSNMSeKJ0j3zfe8BbWml9fwCLcBGAs/s1600/AAIA_wDGAAAAAQAAAAAAAAu9AAAAJGMwMmMxOTQ1LWRlNjQtNDYwOS1hMjZlLTYyMjM5MjdlZThiOQ.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="662" data-original-width="582" height="320" src="https://3.bp.blogspot.com/-nVcKr52Hq1Q/WdtT56xpriI/AAAAAAAAJtM/t_9l-39sCPgSNMSeKJ0j3zfe8BbWml9fwCLcBGAs/s320/AAIA_wDGAAAAAQAAAAAAAAu9AAAAJGMwMmMxOTQ1LWRlNjQtNDYwOS1hMjZlLTYyMjM5MjdlZThiOQ.jpg" width="281" /></a></div>
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span> <span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">Want to keep the baby busy? There's an app for that too!</span><br />
<h3>
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></h3>
<h3>
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">The Bot Story</span></h3>
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">Want to get to the call center analyst faster? There's a bot for that.</span><br />
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span> <span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">Want to converse with an e-commerce company? There's a bot for that. </span><br />
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span> <span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">The patient wants to talk to the nurse? There's a bot for that too!</span><br />
<h3>
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></h3>
<h3>
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">What's the burning problem you want to solve?</span></h3>
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">The world has many problems to be solved. Only </span>few<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"> are worth solving. When we think of building a website, an app, a bot or even a robot, we need to ask ourselves three fundamental questions: </span><br />
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span> <span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">1. Is this a problem that many others have?</span><br />
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span> <span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">2. Is this problem serious enough and worth solving?</span><br />
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span> <span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">3. How often does this problem occur?</span><br />
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span>
<br />
<h3>
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">How severe is the problem?</span></h3>
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><b>Mosquito Bite Problem</b></span><br />
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">Is the problem similar to a mosquito bite? There are mosquitoes, and they do bite people. But doing nothing is a viable option. In few cases, mosquito bites may lead to serious diseases, but those are rare cases in rare places. But, that's only rare. Fixing moquito bites is a 'Nice to Have'. Is this serious enough? May be not!</span><br />
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span> <span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><b>Shark Bite Problem</b></span><br />
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">Is this problem critical enough that many customers are trying to solve? Are they panicking that they are late to the market? Are they looking at competitors? Are they feeling as if a giant shark is going to eat them up. This is a Shark Bite problem.</span><br />
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://1.bp.blogspot.com/-DEo0YmiHn70/WdtT5kSoq_I/AAAAAAAAJtI/273h5vIet14vrElBserQtrq7e4OCD6rUQCEwYBhgL/s1600/AAIA_wDGAAAAAQAAAAAAAAp2AAAAJGMxYzkwMDM4LTMxZDgtNGU5ZS05OTE5LTA2MzkyZDE5YjBjMw.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="922" data-original-width="1103" height="267" src="https://1.bp.blogspot.com/-DEo0YmiHn70/WdtT5kSoq_I/AAAAAAAAJtI/273h5vIet14vrElBserQtrq7e4OCD6rUQCEwYBhgL/s320/AAIA_wDGAAAAAQAAAAAAAAp2AAAAJGMxYzkwMDM4LTMxZDgtNGU5ZS05OTE5LTA2MzkyZDE5YjBjMw.png" width="320" /></a></div>
<blockquote class="tr_bq">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">"Feature should be a Shark Bite Problem on a Mosquito Scale" ~ Omar Mohout</span></blockquote>
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span> <span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">Products or features must be built based on the seriousness of problems that occur at high frequencies. If we don't solve shark bite problems on mosquito scale, customers move to greener pastures in due course of time.</span><br />
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span> <span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">We live amidst an ocean of websites, apps, bots, robots and what not! Quote the problem and there you are - someone tells you about an innovative app or bot that solves your problem. We believe in a future of screens, smartphones, tablets, and laptops. We believe in a future where every possible technology is stitched into our brain, skin, flesh and appears to work for us. We believe in a world of interfaces. Some problems may go away with interfaces, but most of them can be solved only with meaningful solutions. So, what is the burning problem you want to solve?</span><br />
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span> <span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">Inventor and M.I.T. Media Lab researcher David Rose picks interesting problems and solves them. Take a look.</span><br />
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<iframe allowfullscreen="" class="YOUTUBE-iframe-video" data-thumbnail-src="https://i.ytimg.com/vi/teEZMLUXnSk/0.jpg" frameborder="0" height="266" src="https://www.youtube.com/embed/teEZMLUXnSk?feature=player_embedded" width="320"></iframe></div>
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span>
<br />
<blockquote class="tr_bq">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><b>David or the Screen Guy?</b></span></blockquote>
<br />Parimala Hariprasadhttp://www.blogger.com/profile/15304352526906191995noreply@blogger.comtag:blogger.com,1999:blog-2085771970779369940.post-73171711513970832432017-09-07T09:06:00.003+05:302017-09-07T09:06:56.027+05:30Four Ways to Improve Airline Customer<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><br /></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><i>This article was originally published on <a href="https://www.linkedin.com/pulse/four-ways-improve-airline-customer-parimala-hariprasad?trk=mp-reader-card" target="_blank">Linked In</a>. </i></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://3.bp.blogspot.com/-wF5SHqoQuv0/WbC-TqGFoAI/AAAAAAAAJnU/vWHCyJFSJv0zgBeVMiKxXBS4zNQM7cNBwCLcBGAs/s1600/Customer%2BService_Parimala%2BHariprasad.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><img border="0" data-original-height="400" data-original-width="744" height="215" src="https://3.bp.blogspot.com/-wF5SHqoQuv0/WbC-TqGFoAI/AAAAAAAAJnU/vWHCyJFSJv0zgBeVMiKxXBS4zNQM7cNBwCLcBGAs/s400/Customer%2BService_Parimala%2BHariprasad.jpg" width="400" /></span></a></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><br /></span></div>
<div class="separator" style="clear: both;">
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;">Seth Godin recently wrote an article, Four ways to improve customer service a while ago. Here's how I think, we can apply this concept to improve Airline Customer Service. Read on...</span></div>
<div class="separator" style="clear: both;">
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><br /></span></div>
<div class="separator" style="clear: both;">
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><b>1. Delegate it to your customers. Let them give feedback, good and bad, early and often.</b></span></div>
<div class="separator" style="clear: both;">
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><br /></span></div>
<div class="separator" style="clear: both;">
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;">Customers are more expressive today than ever. Given the penetration of internet, even children and teenagers have taken to social media to express dissatisfaction, with certain products or companies. Few airlines don't respond to complaints via email or phone. When a customer tags them on twitter, they immediately connect with that customer to fix the problem. Because the whole world is watching them. Live. Airlines use Twitter, Facebook, and other social media to promote their business. Customers use the same media to highlight problems, complain about problems or appreciate good gestures. When one customer does something on social media, hundreds and thousands join them, because they sympathize with the user. This leads to a small complaint or appreciation growing manifold, thanks to the retweets, likes or comments of many other customers, who went through similar experiences with the same airline or some other airline.</span></div>
<div class="separator" style="clear: both;">
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><br /></span></div>
<div class="separator" style="clear: both;">
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><b>The bad thing</b></span></div>
<div class="separator" style="clear: both;">
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><br /></span></div>
<div class="separator" style="clear: both;">
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;">In case of negative feedback, the brand value of the company plummets, in a matter of minutes or hours or days - the brand that was built over many years, hits the dust of the ground, with one tweet or post. The companies start wondering what went wrong. Take the case of United Airlines incident. A common seating problem on one of their flights in April 2017 ended with a man being bloodied and dragged from his seat and an already troubled airline earning more bad press. How did it all go so wrong? Firstly, the passenger was treated like a criminal although he paid for his seat. Secondly, the CEO, Oscar Munoz is believed to have defended the airline's action in an official email to his employees that it was the right thing to do.</span></div>
<div class="separator" style="clear: both;">
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><br /></span></div>
<div class="separator" style="clear: both;">
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;">Overbooking on flights happens all the time. Airlines boost their profit margins by overselling, betting against the number of passengers who will miss their flights. In this case, the problem arose because United decided at the last minute to fly four members of staff to a connection point and needed to bump four passengers to make way for them. One bad thing led to another bad thing that eventually led to the downfall of United Airlines.</span></div>
<div class="separator" style="clear: both;">
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><br /></span></div>
<div class="separator" style="clear: both;">
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><b>The good thing</b></span></div>
<div class="separator" style="clear: both;">
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><br /></span></div>
<div class="separator" style="clear: both;">
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;">Users are giving feedback for free. No interviews, no surveys, at zero cost. For FREE. KLM Airline has a dedicated social media team to serve customers. What started as a three member customer support team during the eruption of Icelandic volcano, Eyjafjallajökull in 2010 with employee volunteers, grew to 250 employees working full-time by 2015. In November 2014, KLM announced that they made €25m from social media segment alone. These are the fruits for listening to customers all the time and responding in the best possible way.</span></div>
<div class="separator" style="clear: both;">
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><br /></span></div>
<div class="separator" style="clear: both;">
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;">When things go wrong (and things do go wrong), if companies acknowledge the problem and fix it, customer loyalty only goes up.</span></div>
<div class="separator" style="clear: both;">
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><br /></span></div>
<div class="separator" style="clear: both;">
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;">"Encourage customer behavior and create a strong customer support system around it. Create an environment where users can give feedback, early and often. This leads to customer retention and loyalty."</span></div>
<div class="separator" style="clear: both;">
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><br /></span></div>
<div class="separator" style="clear: both;">
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><b>2. Delegate it to your managers. Build in close monitoring, training, and feedback. Have them walk the floor, co-creating with their teams.</b></span></div>
<div class="separator" style="clear: both;">
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><br /></span></div>
<div class="separator" style="clear: both;">
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;">Technical Managers handling product teams for airlines need to closely monitor customer feedback and work with the development teams to fix problems. Hands-on managers who know about incoming issues in depth can be of great help during problem resolution phases.</span></div>
<div class="separator" style="clear: both;">
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><br /></span></div>
<div class="separator" style="clear: both;">
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;">App stores are a great source of feedback for airline mobile apps. Products like Appbot, and Gnip help you identify specific problems, as well as problem patterns. They also categorize problems so product teams can learn quickly about which features are performing well and which are not.With individual teams focused on building specific features into the product, technical managers, product managers and relevant stakeholders must keep an eye on customer feedback on app stores and other media to offer timely resolutions. People who run airlines are business people, who need a strong technology hand to support them. Highly capable technology teams need to close this gap, monitor and gather customer feedback and support business teams by acting quickly during disruptions.</span></div>
<div class="separator" style="clear: both;">
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><br /></span></div>
<div class="separator" style="clear: both;">
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><b>3. Use technology. Monitor digital footprints, sales per square foot, visible customer actions.</b></span></div>
<div class="separator" style="clear: both;">
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><br /></span></div>
<div class="separator" style="clear: both;">
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;">Every customer who is online, leaves a digital footprint, whether he likes it or not. This footprint can be used to construct the preferences of the customer. Analytics plays a great role in offering humanizing experiences based on customer data and past history. Products need to be coded to capture critical events, actions etc and create patterns around product usage. Products like Adobe Experience Manager, Firebase, MixPanel, Omniture and several others assist products to capture exactly what a customer does as part of his journey. Analytics can identify where users err often, how many times do they abandon the journey and why they do so. This, in turn, can guide the long term vision and roadmap of the products.</span></div>
<div class="separator" style="clear: both;">
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><br /></span></div>
<div class="separator" style="clear: both;">
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;">Airlines need to have a strong analytics wing that studies customers for several years and months. Data coming out of such analytical research is used to target specific customer segments, push promotional offers customized to their needs, give them what they need it, exactly when they need it. Analytics teams need to work closely with product development, social media, marketing and branding teams to accomplish good customer service for customers.</span></div>
<div class="separator" style="clear: both;">
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><br /></span></div>
<div class="separator" style="clear: both;">
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><b>4. Create a culture where peers inspire peers, in which each employee acts like a leader, pushing the culture forward. People like us do things like this. People like us, care.</b></span></div>
<div class="separator" style="clear: both;">
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><br /></span></div>
<div class="separator" style="clear: both;">
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;">Back in 2010, when the Icelandic volcano broke out, many flights were disrupted, In particular, KLM Airline was worst affected of other airlines. They did not hike up prices for upcoming flights or seek a penalty from customers for canceled/delayed flights. Instead, they focused on helping customers, who were stranded for many days. They made sure that customers were informed about this natural disaster and they made alternate arrangements for them. This, in turn, re-enforced customer's trust in the brand called KLM.</span></div>
<div class="separator" style="clear: both;">
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><br /></span></div>
<div class="separator" style="clear: both;">
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;">At KLM, social media teams respond to tweets from customers to book a flight ticket, modify seats, purchase special meals and even search for their lost item. Queries are answered on twitter. In most instances, customers get a response in less than 13 minutes of their tweet or post going public using KLM handle. Payments are made using a payment plugin on Facebook. KLM has built many custom products to enable better outreach to customers.</span></div>
<div class="separator" style="clear: both;">
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><br /></span></div>
<div class="separator" style="clear: both;">
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;">KLM would never have imagined coming this far, and be profitable in this pursuit. How did this happen? KLM has the best social media team in the world. This happened over a period of 5 years. Good reputation didn't come easy. They worked hard for it. KLM focused on building a Customer Service oriented culture.</span></div>
<div class="separator" style="clear: both;">
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><br /></span></div>
<div class="separator" style="clear: both;">
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;">Culture plays a key role in how an organization grows over a period of time. Empowered employees go to great lengths to do great work, in turn inspiring their peers. First and foremost thing is to keep employees happy, focused and empowered. Allowing employees to fail, learn and move on is critical to creating an open culture where great stuff gets built.</span></div>
<div class="separator" style="clear: both;">
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><br /></span></div>
<div class="separator" style="clear: both;">
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;">In the article that he wrote on customer service, Seth Godin quotes,</span></div>
<div class="separator" style="clear: both;">
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><br /></span></div>
<div class="separator" style="clear: both;">
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;">"You've probably guessed that the most valuable one, the fourth, is also far and away the most difficult to create. Culture is a posture that lasts. It's corroded by shortcuts and by inattention and fed by constant investment and care.</span></div>
<div class="separator" style="clear: both;">
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;">Big company or small, it doesn't matter. There are government agencies and tiny non-profits that have a culture of care and service. And then there are the rest…"</span></div>
<div class="separator" style="clear: both;">
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><br /></span></div>
<div class="separator" style="clear: both;">
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;">How do you handle customer service?</span></div>
<div class="separator" style="clear: both;">
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><br /></span></div>
<div style="height: 0px;">
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><br /></span></div>
<div style="height: 0px;">
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><br /></span></div>
<div style="height: 0px;">
<br /></div>
Parimala Hariprasadhttp://www.blogger.com/profile/15304352526906191995noreply@blogger.comtag:blogger.com,1999:blog-2085771970779369940.post-78127206135782337822017-06-28T13:04:00.004+05:302017-06-28T13:05:18.161+05:30How To Educate Mobile Users Using Contextual Tutorials<div class="separator" style="clear: both; text-align: center;">
</div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: 0px 0px; background-repeat: initial; background-size: initial; border: 0px; box-sizing: border-box; counter-reset: list-1 0 list-2 0 list-3 0 list-4 0 list-5 0 list-6 0 list-7 0 list-8 0 list-9 0; line-height: 32px; margin-bottom: 3.2rem; outline: 0px; padding: 0px; vertical-align: baseline; white-space: pre-wrap;">
<span style="font-family: "georgia" , "times new roman" , serif; font-size: large;">You heard good things about an app. You downloaded and installed it. You launched the app. You are faced with 7-screen long swipe tutorial that educates you about each and every feature in the app. You hope to remember the features like a memory expert would. </span><span style="font-family: "georgia" , "times new roman" , serif; font-size: large;">Except that, you won't! </span><span style="font-family: georgia, "times new roman", serif; font-size: large;">Mobile app tutorials make or break the app based on their design. Let's take a look at two types of tutorial and which one of these creates a positive impact on users.</span></div>
<div style="border-width: 100%; direction: ltr;">
<div style="direction: ltr; margin-left: 0in; margin-top: 0in; width: 6.1305in;">
<div style="direction: ltr; margin-left: 0in; margin-top: 0in; width: 6.1305in;">
<div style="line-height: 24pt; margin: 0in;">
<span style="font-weight: bold;"><span style="font-family: "georgia" , "times new roman" , serif; font-size: large;"> 1. Screen by Screen Tutorial</span></span></div>
<div style="margin: 0in;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://1.bp.blogspot.com/-Y94cQ1GdDrk/WVNYvErxxeI/AAAAAAAAJiU/6Es3eLkz3Vcq83lf6AVI6T9ZHM0eCZN0ACEwYBhgL/s1600/justintime-tour.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="480" data-original-width="320" height="320" src="https://1.bp.blogspot.com/-Y94cQ1GdDrk/WVNYvErxxeI/AAAAAAAAJiU/6Es3eLkz3Vcq83lf6AVI6T9ZHM0eCZN0ACEwYBhgL/s320/justintime-tour.png" width="213" /></a></div>
<span style="font-family: "georgia" , "times new roman" , serif; font-size: large;"></span><br />
<span style="font-family: "georgia" , "times new roman" , serif; font-size: large;"></span>
<div style="line-height: 24pt; margin: 0in;">
<span style="font-family: "georgia" , "times new roman" , serif; font-size: large;">Pulse app throws a big help file called <span style="font-style: italic; font-weight: bold;">Quick Tutorial</span> educating the user about 4 gestures. The first thing the user does is to 'Dismiss' this screen, due to cognitive overload. As he uses the app thereafter, he struggles to recollect which gestures are mapped to which tasks. In many apps, a quick tutorial is a first-time launch screen that disappears into wilderness forever. Users end up uneducated.</span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://4.bp.blogspot.com/-r_1RD9d_6Uc/WVNYvnXOiiI/AAAAAAAAJiU/U0_r9C2Ro2IQ9ugI0mdnzFJ7ChSITQnEgCEwYBhgL/s1600/justintime-tour2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="480" data-original-width="320" height="320" src="https://4.bp.blogspot.com/-r_1RD9d_6Uc/WVNYvnXOiiI/AAAAAAAAJiU/U0_r9C2Ro2IQ9ugI0mdnzFJ7ChSITQnEgCEwYBhgL/s320/justintime-tour2.png" width="213" /></a></div>
<div style="line-height: 24pt; margin: 0in;">
<span style="font-family: "georgia" , "times new roman" , serif; font-size: large;">Another example is a static tutorial like the one above. Perhaps, some users take a screenshot and store it. In this case, user's don't just forget the tutorial, but they even forget where the screenshot was stored in the first place. End solution - uninstall the app, reinstall and re-launch the app. Easy. Isn't it?</span></div>
<div style="line-height: 24pt; margin: 0in;">
<span style="font-style: italic; font-weight: bold;"><span style="font-family: "georgia" , "times new roman" , serif; font-size: large;"><br /></span></span></div>
<div style="line-height: 24pt; margin: 0in;">
<span style="font-style: italic; font-weight: bold;"><span style="font-family: "georgia" , "times new roman" , serif; font-size: large;">NO!</span></span></div>
<div style="margin: 0in 0in 0in 0.375in;">
<span style="font-style: italic;"><span style="font-family: "georgia" , "times new roman" , serif; font-size: large;"><br /></span></span></div>
<blockquote class="tr_bq" style="margin: 0in 0in 0in 0.375in;">
<span style="font-style: italic;"><span style="font-family: "georgia" , "times new roman" , serif; font-size: large;">Users don't install apps to get a Ph.D degree in How to use your app. They want to accomplish their primary goal, quickly. They are least interested in browsing a 7 screen tutorial on app design features.</span></span></blockquote>
<div style="line-height: 24pt; margin: 0in;">
<span style="font-family: "georgia" , "times new roman" , serif; font-size: large;"><br /></span></div>
<div style="line-height: 24pt; margin: 0in;">
<span style="font-family: "georgia" , "times new roman" , serif; font-size: large;">Conventional wisdom states that tutorials/static educational screens must be displayed at first launch of the app. Users must go through the learning process (if you are lucky, there'll be a skip option), before proceeding to use the app. This works best in a world where tasks happen in a linear sequence - one task after the other. Sadly, tasks are non-sequential, occurring in a random manner. This leads to remembering features, gestures or ideas difficult.</span></div>
<div style="line-height: 24pt; margin: 0in;">
<span style="font-family: "georgia" , "times new roman" , serif; font-size: large;"><br /></span></div>
<div style="line-height: 24pt; margin: 0in;">
<span style="font-weight: bold;"><span style="font-family: "georgia" , "times new roman" , serif; font-size: large;">2. Contextual (Just In Time) Tutorials</span></span></div>
<div style="line-height: 24pt; margin: 0in;">
<span style="font-family: "georgia" , "times new roman" , serif; font-size: large;">A contextual (just-in-time) tutorial is displayed <span style="font-style: italic; font-weight: bold;">just in time</span> when the user needs it. A contextual tutorial tells the user what is the right thing to do at that moment in time, without referring to the previous or next screen. It provides relevant and necessary information, unlike screen by screen tutorial which throws loads of information at once, irrespective of which flow the user might be using.</span></div>
<div style="line-height: 24pt; margin: 0in;">
<span style="font-family: "georgia" , "times new roman" , serif; font-size: large;"><br /></span></div>
<div style="line-height: 24pt; margin: 0in;">
<span style="font-family: "georgia" , "times new roman" , serif; font-size: large;">Contextual tutorials can be used to educate users in multiple ways:</span></div>
<div style="line-height: 24pt; margin: 0in;">
<span style="font-weight: bold;"><span style="font-family: "georgia" , "times new roman" , serif; font-size: large;">a. Interactive Tour, One Feature At A Time</span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://3.bp.blogspot.com/-52qAxrKEd70/WVNYu1yttzI/AAAAAAAAJiU/rpRjwt9jofcWFPGf6WfYBpB0SrijlxS_wCEwYBhgL/s1600/IMG_9168.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1136" data-original-width="640" height="320" src="https://3.bp.blogspot.com/-52qAxrKEd70/WVNYu1yttzI/AAAAAAAAJiU/rpRjwt9jofcWFPGf6WfYBpB0SrijlxS_wCEwYBhgL/s320/IMG_9168.PNG" width="180" /></a></div>
<div style="line-height: 24pt; margin: 0in;">
<span style="font-family: "georgia" , "times new roman" , serif; font-size: large;">Elk is a currency converter app with simple UI. A user can convert a value from one currency to another for whole numbers and decimals. For e.g., a user can seek conversion of 10.35 INR to HUF. This app doesn't show a long tutorial at first launch. Instead, the feature is introduced step by step, the app waits for the user to try the step, understand it and then move on to next feature. </span><span style="font-family: "georgia" , "times new roman" , serif; font-size: large;">Interactive </span><span style="font-family: "georgia" , "times new roman" , serif; font-size: large;">tour works well for complex apps.</span></div>
<div style="line-height: 24pt; margin: 0in;">
<span style="font-weight: bold;"><span style="font-family: "georgia" , "times new roman" , serif; font-size: large;"><br /></span></span></div>
<div style="line-height: 24pt; margin: 0in;">
<span style="font-weight: bold;"><span style="font-family: "georgia" , "times new roman" , serif; font-size: large;">b. When Users Commit Errors</span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://3.bp.blogspot.com/-Euu1CAPNY-0/WVNbdpDLw3I/AAAAAAAAJic/UzftVd7fwWISNrdnDymWjIH0-k0YRoRJgCLcBGAs/s1600/IMG_8066.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1136" data-original-width="640" height="320" src="https://3.bp.blogspot.com/-Euu1CAPNY-0/WVNbdpDLw3I/AAAAAAAAJic/UzftVd7fwWISNrdnDymWjIH0-k0YRoRJgCLcBGAs/s320/IMG_8066.PNG" width="180" /></a></div>
<div style="line-height: 24pt; margin: 0in;">
<span style="font-family: "georgia" , "times new roman" , serif; font-size: large;">When users commit errors, it is common practice to display an error message, educating the user. It turns out, users don't want to be educated. Rather, they love to be guided when they go wrong. On Wego app, when the user forgets to select travel dates during flight booking, a simple action dulls rest of the screen and highlights just the departure and arrival dates, indicating that user needs to enter this data to proceed. This is a delightful way to tell users how exactly they went wrong, where they went wrong and how to fix it. The job is done well.</span></div>
<div style="line-height: 24pt; margin: 0in;">
<span style="font-family: "georgia" , "times new roman" , serif; font-size: large;"><br /></span></div>
<div style="line-height: 24pt; margin: 0in;">
<span style="font-family: "georgia" , "times new roman" , serif; font-size: large;">Users are no longer excited about elaborate onboarding ceremonies before performing their task. They want to setup the app as quickly as possible, complete the task on hand and get out. It's best to think of contextual/just in time education as improving the quality of lives users have by creating delightful experiences for them.</span></div>
<div style="line-height: 24pt; margin: 0in;">
<span style="font-style: italic; font-weight: bold;"><span style="font-family: "georgia" , "times new roman" , serif; font-size: large;"><br /></span></span></div>
<div style="line-height: 24pt; margin: 0in;">
<span style="font-style: italic; font-weight: bold;"><span style="font-family: "georgia" , "times new roman" , serif; font-size: large;">Do you have a contextual tutorial in your app?</span></span></div>
<div style="line-height: 24pt; margin: 0in;">
<br /></div>
<div style="line-height: 24pt; margin: 0in;">
<span style="font-family: "georgia" , "times new roman" , serif; font-size: large;"><br /></span></div>
</div>
</div>
</div>
Parimala Hariprasadhttp://www.blogger.com/profile/15304352526906191995noreply@blogger.comtag:blogger.com,1999:blog-2085771970779369940.post-61677355926431845262017-06-08T13:56:00.000+05:302017-06-16T14:02:53.872+05:30Top UX Influencers You Need to Know<em style="background-color: white; color: #333333; font-family: Arial, sans-serif; font-size: 14px;"><br /></em>
<em style="background-color: white; color: #333333; font-family: Arial, sans-serif; font-size: 14px;">This article was originally published on <a href="https://www.linkedin.com/pulse/top-ux-influencers-you-need-know-parimala-hariprasad?published=t" style="color: rgb(50, 108, 166) !important; text-decoration-line: none;">Linked In</a>.</em><br />
<blockquote class="graf graf--blockquote graf-after--figure" id="72b7" name="72b7" style="--baseline-multiplier: 0.179; background-color: white; border-left: 3px solid rgba(0, 0, 0, 0.8); color: rgba(0, 0, 0, 0.8); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; font-style: italic; letter-spacing: -0.003em; line-height: 1.58; margin: 38px 0px 0px -23px; padding-bottom: 2px; padding-left: 20px;">
If I have seen further than others, it is by standing upon the shoulders of giants.</blockquote>
<div class="graf graf--p graf-after--blockquote" id="98d9" name="98d9" style="--baseline-multiplier: 0.179; background-color: white; color: rgba(0, 0, 0, 0.8); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
Thus said, Isaac Newton. Thanks to the Internet, I am constantly learning from the work of many great people across the world. This article is a small attempt to introduce you to few giants in User Experience (UX) space. This list is never complete as there are hundreds of thousands of people who are quietly doing their work.</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://4.bp.blogspot.com/-x4fJR2Gxq6M/WTkJt5LRKzI/AAAAAAAAJeM/Oc96jJDjmm4Wk_x0yr-Eob8l6O9OmsQ5wCLcB/s1600/DSC_0354.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="950" data-original-width="1425" height="213" src="https://4.bp.blogspot.com/-x4fJR2Gxq6M/WTkJt5LRKzI/AAAAAAAAJeM/Oc96jJDjmm4Wk_x0yr-Eob8l6O9OmsQ5wCLcB/s320/DSC_0354.JPG" width="320" /></a></div>
<div class="graf graf--p graf-after--p" id="8059" name="8059" style="--baseline-multiplier: 0.179; background-color: white; color: rgba(0, 0, 0, 0.8); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
Twitter is a treasure trove of experts in different fields. I frequent Twitter to learn from the experts on specific topics like UX, read about latest trends and apply them to projects based on the context. Many experts I wrote to, responded graciously and guided me. I am amazed and grateful forever, for the great work done by these great people who have generously shared their experience and expertise for free to make this world a better place for all of us. Aspiring UXers and designers looking for inspiration can learn from these UX influencers with a great legacy behind them. The names are in no particular order.</div>
<div class="graf graf--p graf-after--p" id="58c5" name="58c5" style="--baseline-multiplier: 0.179; background-color: white; color: rgba(0, 0, 0, 0.8); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
********************************************************</div>
<div class="graf graf--p graf-after--p" id="f723" name="f723" style="--baseline-multiplier: 0.179; background-color: white; color: rgba(0, 0, 0, 0.8); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
<span class="markup--strong markup--p-strong" style="font-weight: 700;">Donald Norman @jnd1er</span></div>
<div class="graf graf--p graf-after--p" id="08f0" name="08f0" style="--baseline-multiplier: 0.179; background-color: white; color: rgba(0, 0, 0, 0.8); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
<a class="markup--anchor markup--p-anchor" data-href="http://www.jnd.org/" href="http://www.jnd.org/" rel="noopener nofollow nofollow noopener" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0.44); background-color: transparent; background-image: linear-gradient(rgba(0, 0, 0, 0.6) 50%, rgba(0, 0, 0, 0) 50%); background-position: 0px 1.07em; background-repeat: repeat-x; background-size: 2px 0.1em; text-decoration-line: none;" target="_blank">www.jnd.org</a></div>
<div class="graf graf--p graf-after--p" id="ec4c" name="ec4c" style="--baseline-multiplier: 0.179; background-color: white; color: rgba(0, 0, 0, 0.8); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
The founding father of user experience, Donald Norman is credited with coining the term “user experience”. He is one of the world’s most famous UX Designers with @NNgroup. Don Norman’s books are intense, thought-provoking, and showcase his love to create humanizing experiences for users.</div>
<div class="graf graf--p graf-after--p" id="66d5" name="66d5" style="--baseline-multiplier: 0.179; background-color: white; color: rgba(0, 0, 0, 0.8); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
<span class="markup--strong markup--p-strong" style="font-weight: 700;">Recommended Reading: </span><em class="markup--em markup--p-em" style="font-feature-settings: 'liga' 1, 'salt' 1;">All of Donald Norman’s books</em></div>
<div class="graf graf--p graf-after--p" id="58c5" name="58c5" style="--baseline-multiplier: 0.179; background-color: white; color: rgba(0, 0, 0, 0.8); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
********************************************************</div>
<div class="graf graf--p graf-after--p" id="e0c4" name="e0c4" style="--baseline-multiplier: 0.179; background-color: white; color: rgba(0, 0, 0, 0.8); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
<span style="font-weight: 700; letter-spacing: -0.003em;">Luke Wroblewski @lukew</span></div>
<div class="graf graf--p graf-after--p" id="b870" name="b870" style="--baseline-multiplier: 0.179; background-color: white; color: rgba(0, 0, 0, 0.8); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
<a class="markup--anchor markup--p-anchor" data-href="http://www.lukew.com/" href="http://www.lukew.com/" rel="noopener nofollow nofollow noopener" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0.44); background-color: transparent; background-image: linear-gradient(rgba(0, 0, 0, 0.6) 50%, rgba(0, 0, 0, 0) 50%); background-position: 0px 1.07em; background-repeat: repeat-x; background-size: 2px 0.1em; text-decoration-line: none;" target="_blank">www.lukew.com</a></div>
<div class="graf graf--p graf-after--p" id="dabd" name="dabd" style="--baseline-multiplier: 0.179; background-color: white; color: rgba(0, 0, 0, 0.8); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
Luke Wroblewski is my digital transformation hero. He is a straight-speaking UX guy with a penchant for all things UX in Web and Mobile. His deep work and advice on building next generation mobile apps are close to none other. True to his Twitter bio, he is truly humanizing technology. Luke is a truly hands-on, highly insightful technical subject matter expert of our times.</div>
<div class="graf graf--p graf-after--p" id="6f5e" name="6f5e" style="--baseline-multiplier: 0.179; background-color: white; color: rgba(0, 0, 0, 0.8); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
<span class="markup--strong markup--p-strong" style="font-weight: 700;">Recommended Reading: </span><em class="markup--em markup--p-em" style="font-feature-settings: 'liga' 1, 'salt' 1;">Every article he has ever written!</em></div>
<div class="graf graf--p graf-after--p" id="58c5" name="58c5" style="--baseline-multiplier: 0.179; background-color: white; color: rgba(0, 0, 0, 0.8); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
********************************************************</div>
<div class="graf graf--p graf-after--p" id="c734" name="c734" style="--baseline-multiplier: 0.179; background-color: white; color: rgba(0, 0, 0, 0.8); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
<span style="font-weight: 700; letter-spacing: -0.003em;">Jared Spool @jmspool</span></div>
<div class="graf graf--p graf-after--p" id="e325" name="e325" style="--baseline-multiplier: 0.179; background-color: white; color: rgba(0, 0, 0, 0.8); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
<a class="markup--anchor markup--p-anchor" data-href="https://www.uie.com/brainsparks/" href="https://www.uie.com/brainsparks/" rel="noopener nofollow nofollow noopener" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0.44); background-color: transparent; background-image: linear-gradient(rgba(0, 0, 0, 0.6) 50%, rgba(0, 0, 0, 0) 50%); background-position: 0px 1.07em; background-repeat: repeat-x; background-size: 2px 0.1em; text-decoration-line: none;" target="_blank">https://www.uie.com/brainsparks/</a></div>
<div class="graf graf--p graf-after--p" id="76f5" name="76f5" style="--baseline-multiplier: 0.179; background-color: white; color: rgba(0, 0, 0, 0.8); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
Jared Spool is a UX legend and one of the most influential authority on UX design for almost 40 years. His articles, talks, and workshops give you fundamental insights we need to build great experiences. He emphasizes on overall human experiences while building products. Jared’s thought-provoking satire on his experience of flying United Airlines experiences can air drop you into a thinking pool.</div>
<div class="graf graf--p graf-after--p" id="7de8" name="7de8" style="--baseline-multiplier: 0.179; background-color: white; color: rgba(0, 0, 0, 0.8); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
<span class="markup--strong markup--p-strong" style="font-weight: 700;">Recommended Reading:</span> <em class="markup--em markup--p-em" style="font-feature-settings: 'liga' 1, 'salt' 1;">Every article he has ever written!</em></div>
<div class="graf graf--p graf-after--p" id="58c5" name="58c5" style="--baseline-multiplier: 0.179; background-color: white; color: rgba(0, 0, 0, 0.8); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
********************************************************</div>
<div class="graf graf--p graf-after--p" id="76b7" name="76b7" style="--baseline-multiplier: 0.179; background-color: white; color: rgba(0, 0, 0, 0.8); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
<span style="font-weight: 700; letter-spacing: -0.003em;">Steve Krug @skrug</span></div>
<div class="graf graf--p graf-after--p" id="ed94" name="ed94" style="--baseline-multiplier: 0.179; background-color: white; color: rgba(0, 0, 0, 0.8); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
<a class="markup--anchor markup--p-anchor" data-href="https://www.sensible.com/" href="https://www.sensible.com/" rel="noopener nofollow nofollow noopener" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0.44); background-color: transparent; background-image: linear-gradient(rgba(0, 0, 0, 0.6) 50%, rgba(0, 0, 0, 0) 50%); background-position: 0px 1.07em; background-repeat: repeat-x; background-size: 2px 0.1em; text-decoration-line: none;" target="_blank">https://www.sensible.com/</a></div>
<div class="graf graf--p graf-after--p" id="2f5a" name="2f5a" style="--baseline-multiplier: 0.179; background-color: white; color: rgba(0, 0, 0, 0.8); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
Steve’s best-selling book <a class="markup--anchor markup--p-anchor" data-href="https://www.amazon.com/Dont-Make-Think-Revisited-Usability/dp/0321965515" href="https://www.amazon.com/Dont-Make-Think-Revisited-Usability/dp/0321965515" rel="noopener nofollow nofollow noopener" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0.44); background-color: transparent; background-image: linear-gradient(rgba(0, 0, 0, 0.6) 50%, rgba(0, 0, 0, 0) 50%); background-position: 0px 1.07em; background-repeat: repeat-x; background-size: 2px 0.1em; text-decoration-line: none;" target="_blank">Don’t Make Me Think</a> was the first book that got me thinking about usability. His books are simple and easy to understand for beginners. His insights on human-computer interactions and user testing are commendable. If you are starting out in usability, this guy’s body of work does wonders for you.</div>
<div class="graf graf--p graf-after--p" id="c10c" name="c10c" style="--baseline-multiplier: 0.179; background-color: white; color: rgba(0, 0, 0, 0.8); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
<span class="markup--strong markup--p-strong" style="font-weight: 700;">Recommended Reading:</span> <em class="markup--em markup--p-em" style="font-feature-settings: 'liga' 1, 'salt' 1;">Don’t Make Me Think</em></div>
<div class="graf graf--p graf-after--p" id="58c5" name="58c5" style="--baseline-multiplier: 0.179; background-color: white; color: rgba(0, 0, 0, 0.8); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
********************************************************</div>
<div class="graf graf--p graf-after--p" id="24d3" name="24d3" style="--baseline-multiplier: 0.179; background-color: white; color: rgba(0, 0, 0, 0.8); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
<span class="markup--strong markup--p-strong" style="font-weight: 700; letter-spacing: -0.003em;">David Rose </span><a class="markup--anchor markup--p-anchor" data-href="https://twitter.com/davidrose" href="https://twitter.com/davidrose" rel="noopener nofollow nofollow noopener" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0.44); background-color: transparent; background-image: linear-gradient(rgba(0, 0, 0, 0.6) 50%, rgba(0, 0, 0, 0) 50%); background-position: 0px 1.07em; background-repeat: repeat-x; background-size: 2px 0.1em; letter-spacing: -0.003em; text-decoration-line: none;" target="_blank"><span class="markup--strong markup--p-strong" style="font-weight: 700;">@davidrose</span></a></div>
<div class="graf graf--p graf-after--p" id="50aa" name="50aa" style="--baseline-multiplier: 0.179; background-color: white; color: rgba(0, 0, 0, 0.8); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
<a class="markup--anchor markup--p-anchor" data-href="https://about.me/davidlrose" href="https://about.me/davidlrose" rel="noopener nofollow nofollow noopener" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0.44); background-color: transparent; background-image: linear-gradient(rgba(0, 0, 0, 0.6) 50%, rgba(0, 0, 0, 0) 50%); background-position: 0px 1.07em; background-repeat: repeat-x; background-size: 2px 0.1em; text-decoration-line: none;" target="_blank">https://about.me/davidlrose</a></div>
<div class="graf graf--p graf-after--p" id="5be4" name="5be4" style="--baseline-multiplier: 0.179; background-color: white; color: rgba(0, 0, 0, 0.8); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
David Rose is a world-renowned MIT Media Lab researcher who has built fabulous products with <em class="markup--em markup--p-em" style="font-feature-settings: 'liga' 1, 'salt' 1;">enchanting experiences</em>, as he calls them. The products he has built imbibe subtle human feelings. His products and book are <em class="markup--em markup--p-em" style="font-feature-settings: 'liga' 1, 'salt' 1;">must learn</em> stuff. David is one of the gifted UX artists we have today.</div>
<div class="graf graf--p graf-after--p" id="c529" name="c529" style="--baseline-multiplier: 0.179; background-color: white; color: rgba(0, 0, 0, 0.8); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
<span class="markup--strong markup--p-strong" style="font-weight: 700;">Recommended Reading:</span> <em class="markup--em markup--p-em" style="font-feature-settings: 'liga' 1, 'salt' 1;">Enchanted Objects: Design, Human Desire, and the Internet of Things</em></div>
<div class="graf graf--p graf-after--p" id="58c5" name="58c5" style="--baseline-multiplier: 0.179; background-color: white; color: rgba(0, 0, 0, 0.8); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
********************************************************</div>
<div class="graf graf--p graf-after--p" id="85e8" name="85e8" style="--baseline-multiplier: 0.179; background-color: white; color: rgba(0, 0, 0, 0.8); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
<span style="font-weight: 700; letter-spacing: -0.003em;">Bill Buxton @wasbuxton</span></div>
<div class="graf graf--p graf-after--p" id="8f37" name="8f37" style="--baseline-multiplier: 0.179; background-color: white; color: rgba(0, 0, 0, 0.8); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
<a class="markup--anchor markup--p-anchor" data-href="http://www.billbuxton.com/" href="http://www.billbuxton.com/" rel="noopener nofollow nofollow noopener" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0.44); background-color: transparent; background-image: linear-gradient(rgba(0, 0, 0, 0.6) 50%, rgba(0, 0, 0, 0) 50%); background-position: 0px 1.07em; background-repeat: repeat-x; background-size: 2px 0.1em; text-decoration-line: none;" target="_blank">http://www.billbuxton.com/</a></div>
<div class="graf graf--p graf-after--p" id="63b4" name="63b4" style="--baseline-multiplier: 0.179; background-color: white; color: rgba(0, 0, 0, 0.8); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
Bill Buxton is a Principal Researcher, Interaction Designer and a relentless advocate for innovation and design. His 2007 book, <a class="markup--anchor markup--p-anchor" data-href="http://www.amazon.com/Sketching-User-Experiences-Getting-Design/dp/0123740371/ref=pd_bbs_sr_1/104-7396138-7307151?ie=UTF8&s=books&qid=1177046911&sr=8-1" href="http://www.amazon.com/Sketching-User-Experiences-Getting-Design/dp/0123740371/ref=pd_bbs_sr_1/104-7396138-7307151?ie=UTF8&s=books&qid=1177046911&sr=8-1" rel="noopener nofollow nofollow noopener" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0.44); background-color: transparent; background-image: linear-gradient(rgba(0, 0, 0, 0.6) 50%, rgba(0, 0, 0, 0) 50%); background-position: 0px 1.07em; background-repeat: repeat-x; background-size: 2px 0.1em; text-decoration-line: none;" target="_blank">Sketching User Experiences</a> reflects his love for human values and culture.</div>
<div class="graf graf--p graf-after--p" id="05df" name="05df" style="--baseline-multiplier: 0.179; background-color: white; color: rgba(0, 0, 0, 0.8); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
<span class="markup--strong markup--p-strong" style="font-weight: 700;">Recommended Reading:</span> <em class="markup--em markup--p-em" style="font-feature-settings: 'liga' 1, 'salt' 1;">Sketching User Experiences</em></div>
<div class="graf graf--p graf-after--p" id="58c5" name="58c5" style="--baseline-multiplier: 0.179; background-color: white; color: rgba(0, 0, 0, 0.8); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
********************************************************</div>
<div class="graf graf--p graf-after--p" id="403a" name="403a" style="--baseline-multiplier: 0.179; background-color: white; color: rgba(0, 0, 0, 0.8); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
<span class="markup--strong markup--p-strong" style="font-weight: 700; letter-spacing: -0.003em;">Alan Cooper </span><a class="markup--anchor markup--p-anchor" data-href="https://twitter.com/MrAlanCooper" href="https://twitter.com/MrAlanCooper" rel="noopener nofollow nofollow noopener" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0.44); background-color: transparent; background-image: linear-gradient(rgba(0, 0, 0, 0.6) 50%, rgba(0, 0, 0, 0) 50%); background-position: 0px 1.07em; background-repeat: repeat-x; background-size: 2px 0.1em; letter-spacing: -0.003em; text-decoration-line: none;" target="_blank"><span class="markup--strong markup--p-strong" style="font-weight: 700;">@MrAlanCooper</span></a></div>
<div class="graf graf--p graf-after--p" id="82d2" name="82d2" style="--baseline-multiplier: 0.179; background-color: white; color: rgba(0, 0, 0, 0.8); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
<a class="markup--anchor markup--p-anchor" data-href="https://www.cooper.com/" href="https://www.cooper.com/" rel="noopener nofollow nofollow noopener" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0.44); background-color: transparent; background-image: linear-gradient(rgba(0, 0, 0, 0.6) 50%, rgba(0, 0, 0, 0) 50%); background-position: 0px 1.07em; background-repeat: repeat-x; background-size: 2px 0.1em; text-decoration-line: none;" target="_blank">https://www.cooper.com/</a></div>
<div class="graf graf--p graf-after--p" id="c32e" name="c32e" style="--baseline-multiplier: 0.179; background-color: white; color: rgba(0, 0, 0, 0.8); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
Rightly called the Software Alchemist, Alan Cooper is the ‘Father of Visual Basic,’ and Inventor of design personas. Alan’s books focus on how not to drive users crazy and keep them sane.</div>
<div class="graf graf--p graf-after--p" id="0b79" name="0b79" style="--baseline-multiplier: 0.179; background-color: white; color: rgba(0, 0, 0, 0.8); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
<span class="markup--strong markup--p-strong" style="font-weight: 700;">Recommended Reading:</span> <em class="markup--em markup--p-em" style="font-feature-settings: 'liga' 1, 'salt' 1;">The Inmates Are Running the Asylum: Why High-Tech Products Drive Us Crazy and How to Restore the Sanity.</em></div>
<div class="graf graf--p graf-after--p" id="58c5" name="58c5" style="--baseline-multiplier: 0.179; background-color: white; color: rgba(0, 0, 0, 0.8); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
********************************************************</div>
<div class="graf graf--p graf-after--p" id="4fac" name="4fac" style="--baseline-multiplier: 0.179; background-color: white; color: rgba(0, 0, 0, 0.8); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
<span class="markup--strong markup--p-strong" style="font-weight: 700; letter-spacing: -0.003em;">Golden Krishna </span><a class="markup--anchor markup--p-anchor" data-href="https://twitter.com/goldenkrishna" href="https://twitter.com/goldenkrishna" rel="noopener nofollow nofollow noopener" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0.44); background-color: transparent; background-image: linear-gradient(rgba(0, 0, 0, 0.6) 50%, rgba(0, 0, 0, 0) 50%); background-position: 0px 1.07em; background-repeat: repeat-x; background-size: 2px 0.1em; letter-spacing: -0.003em; text-decoration-line: none;" target="_blank"><span class="markup--strong markup--p-strong" style="font-weight: 700;">@goldenkrishna</span></a></div>
<div class="graf graf--p graf-after--p" id="bb79" name="bb79" style="--baseline-multiplier: 0.179; background-color: white; color: rgba(0, 0, 0, 0.8); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
<a class="markup--anchor markup--p-anchor" data-href="http://www.nointerface.com/" href="http://www.nointerface.com/" rel="noopener nofollow nofollow noopener" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0.44); background-color: transparent; background-image: linear-gradient(rgba(0, 0, 0, 0.6) 50%, rgba(0, 0, 0, 0) 50%); background-position: 0px 1.07em; background-repeat: repeat-x; background-size: 2px 0.1em; text-decoration-line: none;" target="_blank">http://www.nointerface.com</a></div>
<div class="graf graf--p graf-after--p" id="8ce9" name="8ce9" style="--baseline-multiplier: 0.179; background-color: white; color: rgba(0, 0, 0, 0.8); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
One of the top hands-on designers with a legacy of great UX work at Zappos, Amazon, Samsung, Cooper and now at Google, Golden Krishna is a human-centered designer who is making technology human-friendly.</div>
<div class="graf graf--p graf-after--p" id="5719" name="5719" style="--baseline-multiplier: 0.179; background-color: white; color: rgba(0, 0, 0, 0.8); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
<span class="markup--strong markup--p-strong" style="font-weight: 700;">Recommended Reading:</span> <em class="markup--em markup--p-em" style="font-feature-settings: 'liga' 1, 'salt' 1;">Best Interface is No Interface</em></div>
<div class="graf graf--p graf-after--p" id="58c5" name="58c5" style="--baseline-multiplier: 0.179; background-color: white; color: rgba(0, 0, 0, 0.8); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
********************************************************</div>
<div class="graf graf--p graf-after--p" id="d672" name="d672" style="--baseline-multiplier: 0.179; background-color: white; color: rgba(0, 0, 0, 0.8); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
<span style="letter-spacing: -0.003em;">I follow many others like Jakob Nielsen, Bruce Tognazzini, Adrian Zumbrunnen, Susan Weinschenk, Karen McGrane, Annette Priest, Laura Klein, Ethan Marcotte, Jess James Garrett and a hundred others. I’ll add their information once I have read their books/blogs and learn more about their body of work.</span></div>
<div class="graf graf--p graf-after--p" id="a3d6" name="a3d6" style="--baseline-multiplier: 0.179; background-color: white; color: rgba(0, 0, 0, 0.8); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
I use the term Expert for a constant learner, a teacher or a guru. With due credits to all great people who claim to be experts as well as those who don’t think of themselves as experts, we need to understand, there are no EXPERTS on any subject or in any field. Every so called <em class="markup--em markup--p-em" style="font-feature-settings: 'liga' 1, 'salt' 1;">expert </em>builds on the knowledge and experience of their predecessors and contemporaries. <em class="markup--em markup--p-em" style="font-feature-settings: 'liga' 1, 'salt' 1;">Making this world a better place to live is the only thing that matters.</em> And many people do that. I express my heartfelt thanks to everyone who share what they know and help others to become better moment by moment through Twitter, books, blogs, and other online/offline forums. THANK YOU!</div>
<div class="graf graf--p graf-after--p graf--trailing" id="3dc8" name="3dc8" style="--baseline-multiplier: 0.179; background-color: white; color: rgba(0, 0, 0, 0.8); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
Guru devo bhava!</div>
<div class="graf graf--p graf-after--p graf--trailing" id="3dc8" name="3dc8" style="--baseline-multiplier: 0.179; background-color: white; color: rgba(0, 0, 0, 0.8); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
<br /></div>
Parimala Hariprasadhttp://www.blogger.com/profile/15304352526906191995noreply@blogger.comtag:blogger.com,1999:blog-2085771970779369940.post-65682078497742144762017-05-22T13:44:00.000+05:302017-05-22T13:45:53.120+05:30How to Improve Payment Forms Using Four Interaction Design Patterns on Mobile Devices<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><i><span class="markup--em markup--p-em" style="font-family: "georgia" , "times new roman" , serif; font-size: medium;">This article was originally published on </span><a class="markup--anchor markup--p-anchor" data-href="https://www.linkedin.com/pulse/how-improve-payment-forms-using-four-interaction-parimala-hariprasad" href="https://www.linkedin.com/pulse/how-improve-payment-forms-using-four-interaction-parimala-hariprasad" rel="noopener" style="font-family: Georgia, "Times New Roman", serif; font-size: x-large;" target="_blank"><span class="markup--em markup--p-em">Linked In</span></a><span class="markup--em markup--p-em" style="font-family: "georgia" , "times new roman" , serif; font-size: medium;">.</span></i></span><br />
<br />
<br />
<br />
<figure class="graf graf--figure" name="b7be" style="text-align: center;"><span style="font-family: "georgia" , "times new roman" , serif; font-size: large;"><img class="graf-image" data-height="393" data-image-id="1*7ABrxFFUs-jBHH8NKQ8KWg.gif" data-width="422" height="298" src="https://cdn-images-1.medium.com/max/800/1*7ABrxFFUs-jBHH8NKQ8KWg.gif" width="320" /></span></figure><br />
<div class="graf graf--p" name="7411">
<span style="font-family: "georgia" , "times new roman" , serif; font-size: large;">Payment forms are critical on mobile apps, to sell products online. Conventional payment forms have at least 4 input controls — Name on Card, Card Number, Expiry Date, CVV and in some cases, even Card Type — Visa, Mastercard, American Express and so forth. We seek card type although we can detect which type of card it is using first two digits of the card number. We seek detail to this level in the name of providing freedom and control to users.</span></div>
<br />
<br />
<br />
<figure class="graf graf--figure" name="3d78" style="text-align: center;"><span style="font-family: "georgia" , "times new roman" , serif; font-size: large;"><img class="graf-image" data-height="668" data-image-id="0*TW9P-HKRFXiSqxmD.png" data-width="561" height="320" src="https://cdn-images-1.medium.com/max/800/0*TW9P-HKRFXiSqxmD.png" width="268" /></span></figure><br />
<div class="graf graf--p" name="78c9">
<span style="font-family: "georgia" , "times new roman" , serif; font-size: large;">Typing through each field, by looking intermittently at the card and the payment form to ensure correctness can be a daunting task. <strong class="markup--strong markup--p-strong"><em class="markup--em markup--p-em">Payment form listed above can be simplified by reducing the number of input controls from 4 to 1.</em></strong></span></div>
<br />
<br />
<br />
<figure class="graf graf--figure" name="6131" style="text-align: center;"><span style="font-family: "georgia" , "times new roman" , serif; font-size: large;"><img class="graf-image" data-height="374" data-image-id="0*L-bgj0B4BTzgN4ju.png" data-width="638" height="187" src="https://cdn-images-1.medium.com/max/800/0*L-bgj0B4BTzgN4ju.png" width="320" /></span></figure><br />
<div class="graf graf--p" name="6dbf">
<span style="font-family: "georgia" , "times new roman" , serif; font-size: large;">Great! It’s a given that this single input control gathers all the information previously done but in a more elegant and simplified way.</span></div>
<div class="graf graf--p" name="6dbf">
<span style="font-family: "georgia" , "times new roman" , serif; font-size: large;"><br /></span></div>
<div class="graf graf--p" name="ca14">
<strong class="markup--strong markup--p-strong"><span style="font-family: "georgia" , "times new roman" , serif; font-size: large;">Interaction Design Patterns</span></strong></div>
<div class="graf graf--p" name="1f94">
<span style="font-family: "georgia" , "times new roman" , serif; font-size: large;">Good experience only begins from here — the single input control. Four intuitive interaction design patterns can be used to improve the input experience further.</span></div>
<div class="graf graf--p" name="1f94">
<span style="font-family: "georgia" , "times new roman" , serif; font-size: large;"><br /></span></div>
<div class="graf graf--p" name="ba7e">
<strong class="markup--strong markup--p-strong"><span style="font-family: "georgia" , "times new roman" , serif; font-size: large;">1. Contextual Keypad</span></strong></div>
<div class="graf graf--p" name="ae62">
<span style="font-family: "georgia" , "times new roman" , serif; font-size: large;">Tapping on the card number field displays a keypad. A lot of mobile apps display qwerty type keypad. The user has to switch to the numeric keypad with few taps to enter the card number.</span></div>
<br />
<br />
<br />
<figure class="graf graf--figure" name="c64b" style="text-align: center;"><span style="font-family: "georgia" , "times new roman" , serif; font-size: large;"><img class="graf-image" data-height="1136" data-image-id="0*WC3a6fTqTWkENhby.png" data-width="640" height="400" src="https://cdn-images-1.medium.com/max/800/0*WC3a6fTqTWkENhby.png" width="225" /></span></figure><br />
<div class="graf graf--p" name="7176">
<span style="font-family: "georgia" , "times new roman" , serif; font-size: large;">Reducing the effort required to switch between multiple keypads while entering input is a big relief to users. Displaying a numeric keypad (input type=tel) since.</span></div>
<div class="graf graf--p" name="b16d">
<strong class="markup--strong markup--p-strong"><span style="font-family: "georgia" , "times new roman" , serif; font-size: large;"><br /></span></strong></div>
<div class="graf graf--p" name="b16d">
<strong class="markup--strong markup--p-strong"><span style="font-family: "georgia" , "times new roman" , serif; font-size: large;">2. Input Masks</span></strong></div>
<div class="graf graf--p" name="6068">
<span style="font-family: "georgia" , "times new roman" , serif; font-size: large;">As a user types the card number, after typing first 4 digits, he/she pauses to decide whether to give space or hyphen symbol. The user needs intuitive guidance here on which separators (space/hyphen) to use and how many digits are remaining.</span></div>
<br />
<br />
<br />
<figure class="graf graf--figure" name="6ce3" style="text-align: center;"><span style="font-family: "georgia" , "times new roman" , serif; font-size: large;"><img class="graf-image" data-height="312" data-image-id="0*4j4HE-TjOVG4J_Dn.gif" data-width="972" height="128" src="https://cdn-images-1.medium.com/max/800/0*4j4HE-TjOVG4J_Dn.gif" width="400" /></span></figure><br />
<div class="graf graf--p" name="9944">
<span style="font-family: "georgia" , "times new roman" , serif; font-size: large;">Input mask is the answer. Input mask can be implemented in many ways:</span></div>
<ul class="postList">
<li class="graf graf--li" name="491f"><span style="font-family: "georgia" , "times new roman" , serif; font-size: large;">Use ‘XXXX-XXXX-XXXX-XXXX’ and gradually reveal the input structure as user types along</span></li>
<li class="graf graf--li" name="39fc"><span style="font-family: "georgia" , "times new roman" , serif; font-size: large;">Use real text like ‘Expiry Date’, ‘CVV’ to hint users</span></li>
<li class="graf graf--li" name="ed36"><span style="font-family: "georgia" , "times new roman" , serif; font-size: large;">Auto-populate card logo based on card number as user types first two digits of the card number. This provides feedback to the user that he/she has indeed, entered the right card number.</span></li>
</ul>
<div class="graf graf--p" name="5e2b">
<strong class="markup--strong markup--p-strong"><span style="font-family: "georgia" , "times new roman" , serif; font-size: large;">3. Animation</span></strong></div>
<div class="graf graf--p" name="7d64">
<span style="font-family: "georgia" , "times new roman" , serif; font-size: large;">An improved design pattern for payment forms is to introduce animation using <em class="markup--em markup--p-em">card metaphor</em> by designing a virtual card layout. As a user enters the data, it is auto-populated on the card to give a real card visual experience.</span></div>
<br />
<br />
<br />
<figure class="graf graf--figure" name="9638" style="text-align: center;"><span style="font-family: "georgia" , "times new roman" , serif; font-size: large;"><img class="graf-image" data-height="600" data-image-id="0*RICn6I063xW5AA6g.gif" data-width="800" height="300" src="https://cdn-images-1.medium.com/max/800/0*RICn6I063xW5AA6g.gif" width="400" /></span></figure><br />
<div class="graf graf--p" name="4cb6">
<strong class="markup--strong markup--p-strong"><span style="font-family: "georgia" , "times new roman" , serif; font-size: large;">4. Machine Input</span></strong></div>
<div class="graf graf--p" name="5dc7">
<span style="font-family: "georgia" , "times new roman" , serif; font-size: large;">Tired of typing input manually? There is a simpler pattern :). The built-in camera on mobile phones can be used to retrieve card information by just scanning the card.</span></div>
<br />
<br />
<br />
<figure class="graf graf--figure" name="6124" style="text-align: center;"><span style="font-family: "georgia" , "times new roman" , serif; font-size: large;"><img class="graf-image" data-height="436" data-image-id="0*x2UQqH6ucZzdN1g0.png" data-width="684" height="254" src="https://cdn-images-1.medium.com/max/800/0*x2UQqH6ucZzdN1g0.png" width="400" /></span></figure><br />
<div class="graf graf--p" name="3025">
<span style="font-family: "georgia" , "times new roman" , serif; font-size: large;">The user doesn’t need to enter card number manually anymore. Many mobile apps are adopting this approach these days [This approach might need intense machine learning algorithms to work with precision.]</span></div>
<div class="graf graf--p" name="3025">
<span style="font-family: "georgia" , "times new roman" , serif; font-size: large;"><br /></span></div>
<div class="graf graf--p" name="c438">
<span style="font-family: "georgia" , "times new roman" , serif; font-size: large;">Using small/big fingers on small screens to perform input operations can be challenging for many users. Payment forms are particularly risky given the secure nature of operations. Intuitive interaction design patterns listed above can soothe stressed out users by simplifying payment forms to a large extent.</span></div>
<blockquote class="graf graf--blockquote" name="63cc">
<span style="font-family: "georgia" , "times new roman" , serif; font-size: large;">How simple are the forms in your apps?</span></blockquote>
<br />Parimala Hariprasadhttp://www.blogger.com/profile/15304352526906191995noreply@blogger.comtag:blogger.com,1999:blog-2085771970779369940.post-55087239669521312642017-05-09T10:40:00.000+05:302017-05-09T10:40:41.473+05:30How Linked In Got Skeleton Screens Wrong<div class="separator" style="clear: both; text-align: center;">
</div>
<div style="color: #333333; margin-left: 1em; margin-right: 1em; text-align: center;">
<br /></div>
<blockquote style="border-left: 1px solid rgb(46, 61, 84); color: #707070; margin: 0px 0px 0px 19px; padding: 10px 20px;">
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;">A skeleton screen is essentially a blank version of a page into which information is gradually loaded.</span></blockquote>
<div style="color: #333333; margin-top: 10px; word-wrap: break-word;">
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;">Luke Wroblewski introduced Skeleton Screens in 2013 through his work on the Polar app, later acquired by Google. I also wrote a short write-up on <a data-mce-href="https://www.linkedin.com/pulse/facilitating-better-interactions-using-skeleton-parimala-hariprasad?trk=mp-reader-card" href="https://www.linkedin.com/pulse/facilitating-better-interactions-using-skeleton-parimala-hariprasad?trk=mp-reader-card" style="color: rgb(50, 108, 166) !important; text-decoration-line: none;">Facilitating Better Interactions Using Skeleton Screens</a> last year by applying it to mobile apps.</span></div>
<div style="color: #333333; margin-top: 10px; word-wrap: break-word;">
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;">Following Luke's work and Medium's implementation of skeleton screens for images, Linked In implemented it roughly a year ago. The Linked In team picked few pages/screens for this implementation.</span></div>
<div style="color: #333333; margin-top: 10px; word-wrap: break-word;">
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><br /></span></div>
<div style="color: #333333; margin-top: 10px; word-wrap: break-word;">
<strong><span style="font-family: Georgia, Times New Roman, serif; font-size: large;">Notifications</span></strong></div>
<div style="color: #333333; margin-top: 10px; word-wrap: break-word;">
<strong><span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><br /></span></strong></div>
<div style="color: #333333; margin-top: 10px; word-wrap: break-word;">
<a href="https://media.licdn.com/mpr/mpr/AAEAAQAAAAAAAAp4AAAAJDY5Mzg3Yzc3LTZkNjUtNDE3MC1iMWY1LTZhMzMxMjRlZTM4MA.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em; text-align: center;"><span style="font-size: large;"><img border="0" class="confluence-embedded-image confluence-external-resource image-left" data-image-src="https://media.licdn.com/mpr/mpr/AAEAAQAAAAAAAAp4AAAAJDY5Mzg3Yzc3LTZkNjUtNDE3MC1iMWY1LTZhMzMxMjRlZTM4MA.png" data-mce-src="https://media.licdn.com/mpr/mpr/AAEAAQAAAAAAAAp4AAAAJDY5Mzg3Yzc3LTZkNjUtNDE3MC1iMWY1LTZhMzMxMjRlZTM4MA.png" height="400" src="https://media.licdn.com/mpr/mpr/AAEAAQAAAAAAAAp4AAAAJDY5Mzg3Yzc3LTZkNjUtNDE3MC1iMWY1LTZhMzMxMjRlZTM4MA.png" style="margin-top: 0px; max-width: none; vertical-align: text-bottom;" /></span></a><strong><span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><br /></span></strong></div>
<div style="color: #333333; text-align: center;">
<span style="font-size: large;"><br /></span></div>
<div style="color: #333333; text-align: center;">
<span style="font-size: large;"><br /></span></div>
<div style="color: #333333; text-align: center;">
<span style="font-size: large;"><br /></span></div>
<div style="color: #333333; text-align: center;">
<span style="font-size: large;"><br /></span></div>
<div style="color: #333333; text-align: center;">
<span style="font-size: large;"><br /></span></div>
<div style="color: #333333; text-align: center;">
<span style="font-size: large;"><br /></span></div>
<div style="color: #333333; text-align: center;">
<span style="font-size: large;"><br /></span></div>
<div style="color: #333333; text-align: center;">
<span style="font-size: large;"><br /></span></div>
<div style="color: #333333; text-align: center;">
<span style="font-size: large;"><br /></span></div>
<div style="color: #333333; text-align: center;">
<span style="font-size: large;"><br /></span></div>
<div style="color: #333333; text-align: center;">
<span style="font-size: large;"><br /></span></div>
<div style="color: #333333; text-align: center;">
<span style="font-size: large;"><br /></span></div>
<div style="color: #333333; text-align: center;">
<span style="font-size: large;"><br /></span></div>
<div style="color: #333333; text-align: center;">
<span style="font-size: large;"><br /></span></div>
<div style="color: #333333; text-align: center;">
<br /></div>
<div style="color: #333333; margin-top: 10px; word-wrap: break-word;">
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><br /></span></div>
<div style="color: #333333; margin-top: 10px; word-wrap: break-word;">
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;">The skeleton screen on the mobile web appears as shown in the screenshot above. The content appears to load in a gradually revealing fashion. It looks neat and clean.</span></div>
<div style="color: #333333; margin-top: 10px; word-wrap: break-word;">
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><br /></span></div>
<div style="color: #333333; margin-top: 10px; word-wrap: break-word;">
<strong><span style="font-family: Georgia, Times New Roman, serif; font-size: large;">So, What Went Wrong with Linked In Implementation?</span></strong></div>
<div style="color: #333333; margin-top: 10px; word-wrap: break-word;">
<strong><span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><br /></span></strong></div>
<div style="color: #333333; margin-top: 10px; word-wrap: break-word;">
<img class="confluence-embedded-image confluence-external-resource image-left" data-image-src="https://media.licdn.com/mpr/mpr/AAEAAQAAAAAAAAoGAAAAJGNmNzgwZjI4LTc3ZTctNDE1Ni1iZmU2LTNhNDAyMTM0ZGU3OQ.png" data-mce-src="https://media.licdn.com/mpr/mpr/AAEAAQAAAAAAAAoGAAAAJGNmNzgwZjI4LTc3ZTctNDE1Ni1iZmU2LTNhNDAyMTM0ZGU3OQ.png" height="250" src="https://media.licdn.com/mpr/mpr/AAEAAQAAAAAAAAoGAAAAJGNmNzgwZjI4LTc3ZTctNDE1Ni1iZmU2LTNhNDAyMTM0ZGU3OQ.png" style="float: left; margin: 0px 10px 10px 0px; max-width: none; text-align: center; vertical-align: text-bottom;" /></div>
<div style="color: #333333; margin-top: 10px; word-wrap: break-word;">
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><br /></span></div>
<div style="color: #333333; margin-top: 10px; word-wrap: break-word;">
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><br /></span></div>
<div style="color: #333333; margin-top: 10px; word-wrap: break-word;">
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><br /></span></div>
<div style="color: #333333; margin-top: 10px; word-wrap: break-word;">
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><br /></span></div>
<div style="color: #333333; margin-top: 10px; word-wrap: break-word;">
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><br /></span></div>
<div style="color: #333333; margin-top: 10px; word-wrap: break-word;">
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><br /></span></div>
<div style="color: #333333; margin-top: 10px; word-wrap: break-word;">
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><br /></span></div>
<div style="color: #333333; margin-top: 10px; word-wrap: break-word;">
<br /></div>
<div style="color: #333333; margin-top: 10px; word-wrap: break-word;">
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><br /></span></div>
<div style="color: #333333; margin-top: 10px; word-wrap: break-word;">
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;">Let us consider Notifications screen on Linked In, accessed over a mobile device. There are many additional elements on the actual screen, compared to the number of elements on the skeleton screen. For example, the carousel section, time component and ‘Send InMail’ button are not present in the skeleton screen. The user looks for a 1:1 content mapping which is missing in this case, hence leading to greater confusion.</span></div>
<div style="color: #333333; margin-top: 10px; word-wrap: break-word;">
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><br /></span></div>
<div style="color: #333333; margin-top: 10px; word-wrap: break-word;">
<strong><span style="font-family: Georgia, Times New Roman, serif; font-size: large;">Can This Be Fixed?</span></strong></div>
<div style="color: #333333; margin-top: 10px; word-wrap: break-word;">
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;">As you might notice, a natural mapping is missing in the Notifications screen.</span></div>
<blockquote style="border-left: 1px solid rgb(46, 61, 84); color: #707070; margin: 10px 0px 0px 19px; padding: 10px 20px;">
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;">Mapping is a technical term meaning the relationship between two things.</span></blockquote>
<div data-mce-style="text-align: left;" style="color: #333333; margin-top: 10px; word-wrap: break-word;">
<span style="font-family: Georgia, "Times New Roman", serif;"><span style="font-size: large;">Consider the steering wheel in a car. To turn the car to the right, one turns the steering wheel clockwise (so that its top moves to the right). The mapping is easily learned and always remembered.</span></span></div>
<div style="color: #333333; margin-top: 10px; word-wrap: break-word;">
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><br /></span></div>
<div style="color: #333333; margin-top: 10px; word-wrap: break-word;">
<strong><span style="font-family: Georgia, Times New Roman, serif; font-size: large;">Natural Mapping</span></strong></div>
<div style="color: #333333; margin-top: 10px; word-wrap: break-word;">
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;">Natural mapping takes advantage of physical analogies and cultural standards (Another example - red traffic light means stop; green means go). The human mind is trained for natural mapping. As a result, products, in general, should exploit natural mapping to design enchanted experiences.</span></div>
<div style="color: #333333; margin-top: 10px; word-wrap: break-word;">
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><br /></span></div>
<div style="color: #333333; margin-top: 10px; word-wrap: break-word;">
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;">Skeleton screens need a worthy implementation. When poorly done, users are put off by the experience rather than feeling joyful about it.</span></div>
<div style="color: #333333; margin-top: 10px; word-wrap: break-word;">
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><br /></span></div>
<blockquote style="border-left: 1px solid rgb(46, 61, 84); color: #707070; margin: 10px 0px 0px 19px; padding: 10px 20px;">
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;">How do you want your users to feel?</span></blockquote>
<div style="color: #333333; font-family: Arial, sans-serif; margin-top: 10px; word-wrap: break-word;">
<span style="font-size: large;"><br /></span></div>
<div style="color: #333333; font-family: Arial, sans-serif; font-size: 14px; margin-top: 10px; word-wrap: break-word;">
<br /></div>
Parimala Hariprasadhttp://www.blogger.com/profile/15304352526906191995noreply@blogger.comtag:blogger.com,1999:blog-2085771970779369940.post-19260357405953976052017-04-19T09:04:00.000+05:302017-05-09T10:41:09.875+05:30Facts, Figures, Data OR Good Experiences?<span style="font-family: "georgia" , "times new roman" , serif; font-size: large;"><br /></span>
<br />
<div style="color: #333333; word-wrap: break-word;">
<span style="font-family: "georgia" , "times new roman" , serif; font-size: large;">Take any weather app. It tells you precisely the weather for any particular day.</span></div>
<div style="color: #333333; margin-top: 10px; word-wrap: break-word;">
<span style="font-family: "georgia" , "times new roman" , serif; font-size: large;">Planning for an overseas trip? Look up the weather app.</span></div>
<div style="color: #333333; margin-top: 10px; word-wrap: break-word;">
<span style="font-family: "georgia" , "times new roman" , serif; font-size: large;">Visiting family in your home town? Look up the weather app. </span></div>
<div style="color: #333333; margin-top: 10px; word-wrap: break-word;">
<span style="font-family: "georgia" , "times new roman" , serif; font-size: large;">Sadly, all the weather apps do is to throw 'weather data' at you for different days and weeks. </span></div>
<div style="color: #333333; margin-top: 10px; word-wrap: break-word;">
<span style="font-family: "georgia" , "times new roman" , serif; font-size: large;"><br /></span></div>
<div style="color: #333333; margin-top: 10px; word-wrap: break-word;">
<strong><span style="font-family: "georgia" , "times new roman" , serif; font-size: large;">Can we make it better?</span></strong></div>
<div style="color: #333333; margin-top: 10px; word-wrap: break-word;">
<span style="font-family: "georgia" , "times new roman" , serif; font-size: large;"><br /></span></div>
<div style="color: #333333; margin-top: 10px; word-wrap: break-word;">
<span style="font-family: "georgia" , "times new roman" , serif; font-size: large;"><img class="confluence-embedded-image" data-base-url="https://rndwww.nce.amadeus.net/confluence" data-image-height="1050" data-image-src="/confluence/download/attachments/252412416/043856cc6976ad7da290a67f64c3df2b.jpg?version=1&modificationDate=1492572624000&api=v2" data-image-width="2560" data-linked-resource-container-id="252412416" data-linked-resource-container-version="1" data-linked-resource-content-type="image/jpeg" data-linked-resource-default-alias="043856cc6976ad7da290a67f64c3df2b.jpg" data-linked-resource-id="252412415" data-linked-resource-type="attachment" data-linked-resource-version="1" data-location="R&D-ALB-MCC-FRM > 2017/04/19 > Facts, Figures, Data OR Good Experiences? > 043856cc6976ad7da290a67f64c3df2b.jpg" data-mce-src="https://rndwww.nce.amadeus.net/confluence/download/attachments/252412416/043856cc6976ad7da290a67f64c3df2b.jpg?version=1&modificationDate=1492572624000&api=v2" data-unresolved-comment-count="0" height="129" src="https://rndwww.nce.amadeus.net/confluence/download/attachments/252412416/043856cc6976ad7da290a67f64c3df2b.jpg?version=1&modificationDate=1492572624000&api=v2" style="margin-left: 2px; margin-right: 2px; max-width: none; vertical-align: text-bottom;" title="R&D-ALB-MCC-FRM > 2017/04/19 > Facts, Figures, Data OR Good Experiences? > 043856cc6976ad7da290a67f64c3df2b.jpg" width="320" /></span></div>
<div style="color: #333333; margin-top: 10px; word-wrap: break-word;">
<span style="font-family: "georgia" , "times new roman" , serif; font-size: large;"><br /></span></div>
<blockquote style="border-left: 1px solid rgb(46, 61, 84); color: #707070; margin: 10px 0px 0px 19px; padding: 10px 20px;">
<span style="font-family: "georgia" , "times new roman" , serif; font-size: large;">Throwing data at users is one way of interacting with users. Analyzing readily available data and making suggestions to users is another, in fact, better way of interacting with users. </span></blockquote>
<div style="color: #333333; margin-top: 10px; word-wrap: break-word;">
<span style="font-family: "georgia" , "times new roman" , serif; font-size: large;"><br data-mce-bogus="1" /></span></div>
<div style="color: #333333; text-align: center;">
<img class="confluence-embedded-image confluence-external-resource image-left" data-image-src="https://media.licdn.com/mpr/mpr/AAEAAQAAAAAAAAuuAAAAJDkxYmJkMzE3LWUxNTYtNGZjMi1hOTQzLTBlNjgwYmQxZDY3OA.png" data-mce-src="https://media.licdn.com/mpr/mpr/AAEAAQAAAAAAAAuuAAAAJDkxYmJkMzE3LWUxNTYtNGZjMi1hOTQzLTBlNjgwYmQxZDY3OA.png" height="145" src="https://media.licdn.com/mpr/mpr/AAEAAQAAAAAAAAuuAAAAJDkxYmJkMzE3LWUxNTYtNGZjMi1hOTQzLTBlNjgwYmQxZDY3OA.png" style="float: left; margin: 0px 10px 10px 0px; max-width: calc(100% - 4px); text-align: center; vertical-align: text-bottom;" width="320" /></div>
<div style="color: #333333; margin-top: 10px; word-wrap: break-word;">
<span style="font-family: "georgia" , "times new roman" , serif; font-size: large;"><br /></span></div>
<div style="color: #333333; margin-top: 10px; word-wrap: break-word;">
<span style="font-family: "georgia" , "times new roman" , serif; font-size: large;"><br /></span></div>
<div style="color: #333333; margin-top: 10px; word-wrap: break-word;">
<span style="font-family: "georgia" , "times new roman" , serif; font-size: large;"><br /></span></div>
<div style="color: #333333; margin-top: 10px; word-wrap: break-word;">
<span style="font-family: "georgia" , "times new roman" , serif; font-size: large;"><br /></span></div>
<div style="color: #333333; margin-top: 10px; word-wrap: break-word;">
<br /></div>
<div style="color: #333333; margin-top: 10px; word-wrap: break-word;">
<span style="font-family: "georgia" , "times new roman" , serif; font-size: large;">The Facebook website shows weather forecasts on days with unusual weather changes. For e.g., a hot day that is unusually hot, an unexpected rain or storm and so forth. This experience delights users, not the data.</span></div>
<div style="color: #333333; margin-top: 10px; word-wrap: break-word;">
<span style="font-family: "georgia" , "times new roman" , serif; font-size: large;"><br /></span></div>
<blockquote style="border-left: 1px solid rgb(46, 61, 84); color: #707070; margin: 10px 0px 0px 19px; padding: 10px 20px;">
<span style="font-family: "georgia" , "times new roman" , serif; font-size: large;">User's joy is driven by good experiences, not facts/figures/data.</span></blockquote>
<div style="color: #333333; margin-top: 10px; word-wrap: break-word;">
<span style="font-family: "georgia" , "times new roman" , serif; font-size: large;"><br /></span></div>
<div style="color: #333333; margin-top: 10px; word-wrap: break-word;">
<span style="font-family: "georgia" , "times new roman" , serif; font-size: large;">Do you throw data at your users?</span></div>
<div style="color: #333333; margin-top: 10px; word-wrap: break-word;">
<span style="font-family: "georgia" , "times new roman" , serif; font-size: large;"><br /></span></div>
<div style="color: #333333; font-family: Arial, sans-serif; font-size: 14px; margin-top: 10px; word-wrap: break-word;">
<br /></div>
Parimala Hariprasadhttp://www.blogger.com/profile/15304352526906191995noreply@blogger.comtag:blogger.com,1999:blog-2085771970779369940.post-17246927288896905572017-04-10T16:43:00.000+05:302017-04-10T16:43:30.926+05:30Designing Intuitive Mobile Apps Using Machine Input<div class="graf graf--p graf-after--h3" id="09e4" name="09e4" style="--baseline-multiplier: 0.179; background-color: white; color: rgba(0, 0, 0, 0.8); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 10px;">
<br /></div>
<div class="graf graf--p graf-after--h3" id="09e4" name="09e4" style="--baseline-multiplier: 0.179; background-color: white; color: rgba(0, 0, 0, 0.8); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 10px;">
This article was originally published on <a href="https://www.linkedin.com/pulse/designing-intuitive-mobile-apps-using-machine-input-hariprasad?trk=mp-reader-card" target="_blank">Linked In</a>.</div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; color: rgba(0, 0, 0, 0.701961); font-family: "Source Serif Pro", serif; font-size: 21px; font-stretch: inherit; font-variant-numeric: inherit; line-height: 32px; margin-bottom: 3.2rem; margin-top: 3.2rem; outline: 0px; padding: 0px; vertical-align: baseline;">
Walk in to any <a href="http://en.wikipedia.org/wiki/Caf%C3%A9_Coffee_Day" rel="nofollow noopener" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; color: #8c68cb; cursor: pointer; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; outline: none; padding: 0px; text-decoration-line: none; vertical-align: baseline; word-wrap: break-word;" target="_blank">Café Coffee Day</a> outlet. The staff entices you, the customer with a 10% discount on the final bill if you install their app. Thereafter, on every visit to Café Coffee Day, the staffs asks you to ‘Show App at counter’ to get more offers and earn bean rewards.</div>
<div class="slate-resizable-image-embed slate-image-embed__resize-full-width" data-imgsrc="https://media.licdn.com/mpr/mpr/AAEAAQAAAAAAAAt7AAAAJDM0NWJjZTUyLTExNmEtNGVhMi05ODA2LTg0ZDEzNTIzNjU0Nw.png" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; clear: both; color: rgba(0, 0, 0, 0.701961); font-family: "Source Serif Pro", serif; font-size: 21px; font-stretch: inherit; font-variant-numeric: inherit; line-height: 32px; margin: 3.2rem 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
<img height="162" src="https://media.licdn.com/mpr/mpr/AAEAAQAAAAAAAAt7AAAAJDM0NWJjZTUyLTExNmEtNGVhMi05ODA2LTg0ZDEzNTIzNjU0Nw.png" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; height: auto; line-height: inherit; margin: 0px; max-width: 100%; outline: 0px; padding: 0px; vertical-align: baseline; width: 743.991px;" width="320" /></div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; color: rgba(0, 0, 0, 0.701961); font-family: "Source Serif Pro", serif; font-size: 21px; font-stretch: inherit; font-variant-numeric: inherit; line-height: 32px; margin-bottom: 3.2rem; margin-top: 3.2rem; outline: 0px; padding: 0px; vertical-align: baseline;">
The customer, now has to do perform below steps in roughly the same order:</div>
<ol style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; color: rgba(0, 0, 0, 0.701961); font-family: "Source Serif Pro", serif; font-size: 21px; font-stretch: inherit; font-variant-numeric: inherit; line-height: 32px; list-style-image: initial; list-style-position: initial; margin: 3.2rem 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
<li style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 2.4rem 0px 2.4rem 3.2rem; outline: 0px; padding: 0px; vertical-align: baseline;">Pull out the phone out of the pocket / handbag</li>
<li style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 2.4rem 0px 2.4rem 3.2rem; outline: 0px; padding: 0px; vertical-align: baseline;">Wake the phone up</li>
<li style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 2.4rem 0px 2.4rem 3.2rem; outline: 0px; padding: 0px; vertical-align: baseline;">Unlock the phone</li>
<li style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 2.4rem 0px 2.4rem 3.2rem; outline: 0px; padding: 0px; vertical-align: baseline;">Close apps that were left open</li>
<li style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 2.4rem 0px 2.4rem 3.2rem; outline: 0px; padding: 0px; vertical-align: baseline;">Swim through an ocean of icons / screens to find Café Coffee Day app</li>
<li style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 2.4rem 0px 2.4rem 3.2rem; outline: 0px; padding: 0px; vertical-align: baseline;">Tap on the app icon to launch it</li>
<li style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 2.4rem 0px 2.4rem 3.2rem; outline: 0px; padding: 0px; vertical-align: baseline;">Look for that elusive ‘Show App at counter’ bar</li>
<li style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 2.4rem 0px 2.4rem 3.2rem; outline: 0px; padding: 0px; vertical-align: baseline;">Show it off to the staff [who probably offer 1 buck off for every bean you have accumulated and add more beans for the recent purchase you just made]</li>
</ol>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; color: rgba(0, 0, 0, 0.701961); font-family: "Source Serif Pro", serif; font-size: 21px; font-stretch: inherit; font-variant-numeric: inherit; line-height: 32px; margin-bottom: 3.2rem; margin-top: 3.2rem; outline: 0px; padding: 0px; vertical-align: baseline;">
Imagine, you visit one such shop with your family, with some bags around, toddlers/kids who are pestering you to order their favorite croissants, your phone in one hand and wallet in another, and then Café Coffee Day asks you to perform this whole circus of eight steps or more.</div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; color: rgba(0, 0, 0, 0.701961); font-family: "Source Serif Pro", serif; font-size: 21px; font-stretch: inherit; font-variant-numeric: inherit; line-height: 32px; margin-bottom: 3.2rem; margin-top: 3.2rem; outline: 0px; padding: 0px; vertical-align: baseline;">
Well, you need to earn your discount. How else would you do that, if not for the circus? This experience left me thinking how can this be changed? Can we somehow walk into Café Coffee Day, place an order and the app/staff can automagically credit beans/discount to me and spare me the circus?</div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; color: rgba(0, 0, 0, 0.701961); font-family: "Source Serif Pro", serif; font-size: 21px; font-stretch: inherit; font-variant-numeric: inherit; line-height: 32px; margin-bottom: 3.2rem; margin-top: 3.2rem; outline: 0px; padding: 0px; vertical-align: baseline;">
Can sensors do that? Can someone tell the staff that a customer just walked in with her phone, where the app is already installed and dying to be launched? Can the staff remember her face and app id somehow and create this magic manually, or even better magically?</div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; color: rgba(0, 0, 0, 0.701961); font-family: "Source Serif Pro", serif; font-size: 21px; font-stretch: inherit; font-variant-numeric: inherit; line-height: 32px; margin-bottom: 3.2rem; margin-top: 3.2rem; outline: 0px; padding: 0px; vertical-align: baseline;">
<strong style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">How Square Wallet solved this problem by Jack Dorsey</strong></div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; color: rgba(0, 0, 0, 0.701961); font-family: "Source Serif Pro", serif; font-size: 21px; font-stretch: inherit; font-variant-numeric: inherit; line-height: 32px; margin-bottom: 3.2rem; margin-top: 3.2rem; outline: 0px; padding: 0px; vertical-align: baseline;">
Square Wallet, a company founded by Twitter CEO Jack Dorsey does this kind of magic. The customer can walk in to any store, and the merchant actually gets a notification that the customer is in the store and that he had a cappuccino last time and every single time. So the merchant can actually start making the cappuccino and say, 'Here Pari, here's your cappuccino,' and then it's done. It's super simple. And that's what builds loyalty. That's what keeps people coming back.... You go to the same store again and again, they know your name, they greet you with a smile, and they know your order. It's amazing.</div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; color: rgba(0, 0, 0, 0.701961); font-family: "Source Serif Pro", serif; font-size: 21px; font-stretch: inherit; font-variant-numeric: inherit; line-height: 32px; margin-bottom: 3.2rem; margin-top: 3.2rem; outline: 0px; padding: 0px; vertical-align: baseline;">
<strong style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Applying Machine Input to Flight Booking Apps</strong></div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; color: rgba(0, 0, 0, 0.701961); font-family: "Source Serif Pro", serif; font-size: 21px; font-stretch: inherit; font-variant-numeric: inherit; line-height: 32px; margin-bottom: 3.2rem; margin-top: 3.2rem; outline: 0px; padding: 0px; vertical-align: baseline;">
Mobile apps can be as smart as the Square Wallet app using machine input.</div>
<blockquote style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; color: rgba(0, 0, 0, 0.701961); font-family: Georgia, "Source Serif Pro", serif; font-size: 2.4rem; font-stretch: inherit; font-style: italic; font-variant-numeric: inherit; line-height: 3.6rem; margin: 4.8rem 120px; outline: 0px; padding: 0px; quotes: none; text-align: center; vertical-align: baseline;">
Machine input is the information that digital devices find on their own, whenever and wherever possible.</blockquote>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; color: rgba(0, 0, 0, 0.701961); font-family: "Source Serif Pro", serif; font-size: 21px; font-stretch: inherit; font-variant-numeric: inherit; line-height: 32px; margin-bottom: 3.2rem; margin-top: 3.2rem; outline: 0px; padding: 0px; vertical-align: baseline;">
Many input methods like radio, sensors, camera, APIs, web browsers and many others collect actionable information rather than adding more screens or dropdown menus. Consider the context of a mobile flight booking app like MeRCI. Here is how machine input can be put to use:</div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; color: rgba(0, 0, 0, 0.701961); font-family: "Source Serif Pro", serif; font-size: 21px; font-stretch: inherit; font-variant-numeric: inherit; line-height: 32px; margin-bottom: 3.2rem; margin-top: 3.2rem; outline: 0px; padding: 0px; vertical-align: baseline;">
<strong style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Flight Booking</strong></div>
<ol style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; color: rgba(0, 0, 0, 0.701961); font-family: "Source Serif Pro", serif; font-size: 21px; font-stretch: inherit; font-variant-numeric: inherit; line-height: 32px; list-style-image: initial; list-style-position: initial; margin: 3.2rem 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
<li style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 2.4rem 0px 2.4rem 3.2rem; outline: 0px; padding: 0px; vertical-align: baseline;">Auto-default nearest airport based on current location</li>
<li style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 2.4rem 0px 2.4rem 3.2rem; outline: 0px; padding: 0px; vertical-align: baseline;">Auto-suggest all nearby airports</li>
<li style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 2.4rem 0px 2.4rem 3.2rem; outline: 0px; padding: 0px; vertical-align: baseline;">Auto-populate frequently used airports</li>
<li style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 2.4rem 0px 2.4rem 3.2rem; outline: 0px; padding: 0px; vertical-align: baseline;">Save previous search information for subsequent use if booking is incomplete</li>
</ol>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; color: rgba(0, 0, 0, 0.701961); font-family: "Source Serif Pro", serif; font-size: 21px; font-stretch: inherit; font-variant-numeric: inherit; line-height: 32px; margin-bottom: 3.2rem; margin-top: 3.2rem; outline: 0px; padding: 0px; vertical-align: baseline;">
<strong style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Form Filling</strong></div>
<ol style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; color: rgba(0, 0, 0, 0.701961); font-family: "Source Serif Pro", serif; font-size: 21px; font-stretch: inherit; font-variant-numeric: inherit; line-height: 32px; list-style-image: initial; list-style-position: initial; margin: 3.2rem 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
<li style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 2.4rem 0px 2.4rem 3.2rem; outline: 0px; padding: 0px; vertical-align: baseline;">Auto-fill forms from passport using camera</li>
<li style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 2.4rem 0px 2.4rem 3.2rem; outline: 0px; padding: 0px; vertical-align: baseline;">Support smart defaults like Country, Language, Currency, Zip Code, Country Code etc.</li>
<li style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 2.4rem 0px 2.4rem 3.2rem; outline: 0px; padding: 0px; vertical-align: baseline;">Contextual keypads for input fields like text, password, email and website which need different characters like *, @, ., / etc. to be typed in</li>
</ol>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; color: rgba(0, 0, 0, 0.701961); font-family: "Source Serif Pro", serif; font-size: 21px; font-stretch: inherit; font-variant-numeric: inherit; line-height: 32px; margin-bottom: 3.2rem; margin-top: 3.2rem; outline: 0px; padding: 0px; vertical-align: baseline;">
<strong style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Expense Management Using Camera</strong></div>
<ol style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; color: rgba(0, 0, 0, 0.701961); font-family: "Source Serif Pro", serif; font-size: 21px; font-stretch: inherit; font-variant-numeric: inherit; line-height: 32px; list-style-image: initial; list-style-position: initial; margin: 3.2rem 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
<li style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 2.4rem 0px 2.4rem 3.2rem; outline: 0px; padding: 0px; vertical-align: baseline;">Scan Bills/Receipts</li>
<li style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 2.4rem 0px 2.4rem 3.2rem; outline: 0px; padding: 0px; vertical-align: baseline;">Auto-stamp location on receipts</li>
</ol>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; color: rgba(0, 0, 0, 0.701961); font-family: "Source Serif Pro", serif; font-size: 21px; font-stretch: inherit; font-variant-numeric: inherit; line-height: 32px; margin-bottom: 3.2rem; margin-top: 3.2rem; outline: 0px; padding: 0px; vertical-align: baseline;">
<strong style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Auto-sync</strong></div>
<ol style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; color: rgba(0, 0, 0, 0.701961); font-family: "Source Serif Pro", serif; font-size: 21px; font-stretch: inherit; font-variant-numeric: inherit; line-height: 32px; list-style-image: initial; list-style-position: initial; margin: 3.2rem 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
<li style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 2.4rem 0px 2.4rem 3.2rem; outline: 0px; padding: 0px; vertical-align: baseline;">Auto-sync flight information to calendar</li>
<li style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 2.4rem 0px 2.4rem 3.2rem; outline: 0px; padding: 0px; vertical-align: baseline;">Provide disruption information to passengers</li>
<li style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 2.4rem 0px 2.4rem 3.2rem; outline: 0px; padding: 0px; vertical-align: baseline;">Inform users which blocks of time are available on calendar to pursue something at airports or in flight.</li>
</ol>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; color: rgba(0, 0, 0, 0.701961); font-family: "Source Serif Pro", serif; font-size: 21px; font-stretch: inherit; font-variant-numeric: inherit; line-height: 32px; margin-bottom: 3.2rem; margin-top: 3.2rem; outline: 0px; padding: 0px; vertical-align: baseline;">
<strong style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Guiding passengers based on location and barometer</strong></div>
<ol style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; color: rgba(0, 0, 0, 0.701961); font-family: "Source Serif Pro", serif; font-size: 21px; font-stretch: inherit; font-variant-numeric: inherit; line-height: 32px; list-style-image: initial; list-style-position: initial; margin: 3.2rem 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
<li style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 2.4rem 0px 2.4rem 3.2rem; outline: 0px; padding: 0px; vertical-align: baseline;">Alerting travelers on clothing and transportation</li>
<li style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 2.4rem 0px 2.4rem 3.2rem; outline: 0px; padding: 0px; vertical-align: baseline;">Underground maps at train stations</li>
<li style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 2.4rem 0px 2.4rem 3.2rem; outline: 0px; padding: 0px; vertical-align: baseline;">Indoor maps in shopping malls</li>
<li style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 2.4rem 0px 2.4rem 3.2rem; outline: 0px; padding: 0px; vertical-align: baseline;">Smarter audio tours</li>
</ol>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; color: rgba(0, 0, 0, 0.701961); font-family: "Source Serif Pro", serif; font-size: 21px; font-stretch: inherit; font-variant-numeric: inherit; line-height: 32px; margin-bottom: 3.2rem; margin-top: 3.2rem; outline: 0px; padding: 0px; vertical-align: baseline;">
Suppose, you are traveling to Finland. You look up the weather app and it says that the week you are in Finland, the temperature is 5 degrees Celsius. So many websites, apps and weather tools do that. Is that cool? Perhaps not. If the flight booking app that booked my flight ticket can look up the weather tools (APIs) on its own and tell me 1 week prior to my trip, “Hey Pari, Finland is unusually cold next week with all the unexpected snow, particularly on 4th Feb. You might want to pack lots of warm clothes.” Or even better. “Hey Pari, there is an unexpected storm in and around Helsinki. Here is an alternate hotel you can book without any additional charges.” Now, this is COOL!</div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; color: rgba(0, 0, 0, 0.701961); font-family: "Source Serif Pro", serif; font-size: 21px; font-stretch: inherit; font-variant-numeric: inherit; line-height: 32px; margin-bottom: 3.2rem; margin-top: 3.2rem; outline: 0px; padding: 0px; vertical-align: baseline;">
Above listed possibilities are just the tip of the iceberg. Machine input, if used to its power can rid the apps of innumerable interfaces and scores of options and create humanizing experiences. Remember, Good experience design isn’t good screens. Its good experiences.</div>
<blockquote style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; color: rgba(0, 0, 0, 0.701961); font-family: Georgia, "Source Serif Pro", serif; font-size: 2.4rem; font-stretch: inherit; font-style: italic; font-variant-numeric: inherit; line-height: 3.6rem; margin: 4.8rem 120px; outline: 0px; padding: 0px; quotes: none; text-align: center; vertical-align: baseline;">
What do you think?</blockquote>
Parimala Hariprasadhttp://www.blogger.com/profile/15304352526906191995noreply@blogger.comtag:blogger.com,1999:blog-2085771970779369940.post-41648900039796307952017-03-02T08:38:00.000+05:302017-03-02T08:38:36.205+05:30UX is NOT EQUAL to UI<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><br /></span>
<i><span style="font-family: Georgia, Times New Roman, serif; font-size: large;">This was originally published on <a href="https://www.linkedin.com/pulse/ux-equal-ui-parimala-hariprasad" target="_blank">Linked In</a>.</span></i><br />
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><br /></span>
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;">Excerpts from the book, <i>The Best Interface is No Interface</i>.</span><br />
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><br /></span>
<b><span style="font-family: Georgia, Times New Roman, serif; font-size: large;">This is UI:</span></b><br />
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;">Navigation, subnavigation, menus, drop-downs, buttons, links, windows, rounded corners, shadowing, error messages, alerts, updates, checkboxes, password fields, search fields, text inputs, radio selections, text areas, hover states, selection states, pressed states, tooltips, banner ads, embedded videos, swipe animations, scrolling, clicking, iconography, colors, lists, slideshows, alt text, badges, notifications, gradients, pop-ups, carousels, OK/Cancel, etc. etc. etc.</span><br />
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><br /></span>
<b><span style="font-family: Georgia, Times New Roman, serif; font-size: large;">This is UX:</span></b><br />
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;">People, happiness, solving problems, understanding needs, love, efficiency, entertainment, pleasure, delight, smiles, soul, warmth, personality, joy, satisfaction, gratification, elation, exhilaration, bliss, euphoria, convenience, enchantment, magic, productivity, effectiveness, etc. etc. etc.</span><br />
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><br /></span>
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;">Somewhere along the way, we confused the two. And instead of pursuing the best, most creative, inventive, and useful ways to solve a problem, we started solving problems with screens because that was our job description. When we saw problems, we slapped an interface on it. UX stopped being about people, and started being about rounded rectangles and parallax animations.</span><br />
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><br /></span>
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;">It’s gotten to the point where many of our greatest minds aren’t being pushed into advancing science or taking us into space; they’re working at the new screen-based megacorporations that have surpassed oil companies in profits and political influence. They’re cranking out glorified digital billboards masked as websites and apps that are trying to monetize your eyeballs by pushing creepy ads onto all of your screens.</span><br />
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><br /></span>
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;">In the words of Jeff Hammerbacher, a former manager at Facebook and the founder of Cloudera, “The best minds of my generation are thinking about how to make people click ads. That sucks.”</span><br />
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><br /></span>
<blockquote class="tr_bq">
<div style="text-align: center;">
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;">"There’s a better path. There’s a better way of thinking. When we separate the two roles, we can start defining new, better experiences."</span><span style="font-family: Georgia, Times New Roman, serif; font-size: large;">Golden Krishna</span></div>
</blockquote>
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><br /></span>
<b><span style="font-family: Georgia, Times New Roman, serif; font-size: large;">Related Post</span></b><br />
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><a href="http://www.linkedin.com/pulse/introduction-visual-design-goals-parimala-hariprasad" target="_blank">User Experience Design != Visual Design</a></span><br />
<br />
<br />
<div>
<br /></div>
Parimala Hariprasadhttp://www.blogger.com/profile/15304352526906191995noreply@blogger.comtag:blogger.com,1999:blog-2085771970779369940.post-2849306814841795562017-02-16T08:45:00.000+05:302017-02-16T08:45:05.717+05:30The Traveler from Stone Soup - The Secret to Design Thinking by Jared M. Spool<span style="font-size: large;"><br /></span>
<span style="font-size: large;">This article was originally published by Jared M. Spool as <a href="http://medium.com/ux-immersion-interactions/ssh-dont-tell-them-there-s-no-magic-in-design-thinking-b95f33867656#.186kzapvr" target="_blank">Shh! Don’t Tell Them There’s No Magic In Design Thinking</a>. I am reposting a part of the article - an inspiring story titled, 'The Traveler from Stone Soup' here.</span><br />
<span style="font-size: large;"><br /></span>
<span style="font-size: large;">[As written by Jared M. Spool]</span><br />
<span style="font-size: large;"><br /></span>
<span style="font-size: large;">The magical powers that people assign to Design Thinking reminds me of an old Eastern European folk tale. The story takes place at a time when walking was the only way to travel from one village to the next (before horses were invented). In that time, it was traditional to offer visitors to your village scraps of food to replenish their hunger after such a long walk.</span><br />
<span style="font-size: large;"><br /></span>
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://3.bp.blogspot.com/-hgZelDxnrCU/WKUZDHJy5CI/AAAAAAAAJQQ/HTmFcvW4oRAVPaF6923lpcnHVrGZ30uoQCLcB/s1600/The%2Bstone%2Bsoup.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="199" src="https://3.bp.blogspot.com/-hgZelDxnrCU/WKUZDHJy5CI/AAAAAAAAJQQ/HTmFcvW4oRAVPaF6923lpcnHVrGZ30uoQCLcB/s320/The%2Bstone%2Bsoup.jpg" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Source: www.expectmiraculous.com</td></tr>
</tbody></table>
<span style="font-size: large;"><br /></span>
<span style="font-size: large;">One traveler, upon arriving at a new town, knocked on the door of the first house he saw. However, despite the tradition, the homeowner didn’t offer any food. She explained that they were experiencing a drought and barely had enough food to feed their own family. They couldn’t spare a scrap.</span><br />
<span style="font-size: large;"><br /></span>
<span style="font-size: large;">Every house the traveler visited had the same story. It was a drought and there was no extra food.</span><br />
<span style="font-size: large;"><br /></span>
<span style="font-size: large;">When the traveler reached the center of town, he decided he needed to make something for himself. He took out his pots, started a little fire, and set up to cook himself some dinner.</span><br />
<span style="font-size: large;"><br /></span>
<span style="font-size: large;">He reached into his bag and pulled out a round stone. He set the stone in the bottom of the pot and started stirring. A crowd of villagers started to form.</span><br />
<span style="font-size: large;"><br /></span>
<span style="font-size: large;">“What are you doing?” a curious villager asked.</span><br />
<span style="font-size: large;"><br /></span>
<span style="font-size: large;">“I’m making Stone Soup,” the traveler responded.</span><br />
<span style="font-size: large;"><br /></span>
<span style="font-size: large;">“You can make a soup out of stone?” asked the villager.</span><br />
<span style="font-size: large;"><br /></span>
<span style="font-size: large;">“Yes, but a little water makes it better.”</span><br />
<span style="font-size: large;"><br /></span>
<span style="font-size: large;">“I have a little water in my well,” said another villager. He then ran off and fetched the water. The water was added to the pot and the traveler resumed his stirring.</span><br />
<span style="font-size: large;"><br /></span>
<span style="font-size: large;">“What will it taste like?” a villager new to the scene asked.</span><br />
<span style="font-size: large;"><br /></span>
<span style="font-size: large;">“Well, it would taste better with some carrots.” Upon hearing this another villager ran to his house to grab a few carrots from his garden.</span><br />
<span style="font-size: large;"><br /></span>
<span style="font-size: large;">Then another villager offered up some other vegetables he’d salvaged from his garden. And a woman mentioned she had some meat scraps on her pantry.</span><br />
<span style="font-size: large;"><br /></span>
<span style="font-size: large;">“All of it would make the soup even better,” said the traveler. Off they all went to grab what they had.</span><br />
<span style="font-size: large;"><br /></span>
<span style="font-size: large;">Soon the pot was filled with a lovely large stew. The traveler graciously shared his dinner with the villagers. Everybody had a grand time eating the Stone Soup.</span><br />
<span style="font-size: large;"><br /></span>
<span style="font-size: large;">After the festive evening, as the traveler was packing up to head on his way, he thanked everyone for helping.</span><br />
<span style="font-size: large;"><br /></span>
<span style="font-size: large;">“As a repayment for your kindness and generosity,” the traveler announced, “I’d like to give your village the gift of this stone. So, you can keep making soup even when you have a drought upon you.” The villagers all cheered with delight.</span><br />
<span style="font-size: large;"><br /></span>
<span style="font-size: large;">They thanked the traveler profusely as he made his way out of town. He continued on his way.</span><br />
<span style="font-size: large;"><br /></span>
<span style="font-size: large;">When the traveler was a few miles out of the town, he looked down at the road and spotted a lovely round stone. He picked it up and admired it for second. Then he dropped it into his bag and continued on his way with a smile on his face.</span><br />
<span style="font-size: large;"><br /></span>
<span style="font-size: large;">What Does the Traveler Think?</span><br />
<span style="font-size: large;"><br /></span>
<span style="font-size: large;">Design Thinking is our stone. When we apply Design Thinking, we bring the entire organization together to collaboratively solve big problems.</span><br />
<span style="font-size: large;"><br /></span>
<span style="font-size: large;">Yet, to me, that’s not the important lesson from the story. The lesson I take away is that, at no time during the story, do we believe that the traveler thinks the stone makes soup.</span><br />
<span style="font-size: large;"><br /></span>
<span style="font-size: large;">Instead, the traveler sees that the villagers need their thinking reframed. They have enough food to eat, if only they worked together. The stone isn’t magical. It’s a device.</span><br />
<span style="font-size: large;"><br /></span>
<span style="font-size: large;">Maybe the villagers believe the stone makes soup? Maybe a smart villager or two see what the traveler did? But at no time did the traveler himself ever believe the stone made soup. He’d starve if he did.</span><br />
<span style="font-size: large;"><br /></span>
<span style="font-size: large;">As design professionals, we shouldn’t let ourselves think there’s any magic in Design Thinking. Our teams, stakeholders, and executives can believe in it, but we shouldn’t. To do so would be to depend on Design Thinking having magic and such magic doesn’t really exist.</span><br />
<span style="font-size: large;"><br /></span>
<span style="font-size: large;">That’s the design professional’s secret. Shh! Don’t tell them!</span><br />
<span style="font-size: large;"><br /></span>
<span style="font-size: large;"><br /></span>
<br />Parimala Hariprasadhttp://www.blogger.com/profile/15304352526906191995noreply@blogger.comtag:blogger.com,1999:blog-2085771970779369940.post-76792543033269015872017-01-27T14:33:00.001+05:302017-01-27T14:41:04.648+05:30Why Some Best Products Never See the Light of the Day<div class="separator" style="clear: both; text-align: center;">
<a href="https://1.bp.blogspot.com/-WfqT6ZeotQM/WIrvDBuFqVI/AAAAAAAAJPo/hOJspi_bZR4d4oZBEoRBZhBmshh1t_GEwCEw/s1600/Web-Shopping%2Bcarts.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="266" src="https://1.bp.blogspot.com/-WfqT6ZeotQM/WIrvDBuFqVI/AAAAAAAAJPo/hOJspi_bZR4d4oZBEoRBZhBmshh1t_GEwCEw/s400/Web-Shopping%2Bcarts.jpg" width="400" /></a></div>
<span style="font-size: large;"><span style="font-family: "georgia" , "times new roman" , serif;"><br /></span></span> <span style="font-size: large;"><span style="font-family: "georgia" , "times new roman" , serif;">Many Revolutionary products die over the politics of egomaniacal leaders who neither have the talent to innovate nor the ability to let their teams innovate. While there are great leaders and visionaries who let their teams build great products, more often than not, few such leaders are at the mercy of </span>so called<span style="font-family: "georgia" , "times new roman" , serif;"> *power people* who make decisions in favor of bank balance rather than real users’ needs. Short sightedness takes over long term investment in users. Let us take a look at 2 great products that died an early death.</span></span><br />
<span style="font-family: "georgia" , "times new roman" , serif; font-size: large;"><br /></span> <span style="font-family: "georgia" , "times new roman" , serif; font-size: large;"><b>The Magic Cart that Never Went Shopping</b></span><br />
<span style="font-family: "georgia" , "times new roman" , serif; font-size: large;">Few years ago, two Indian students studying in Singapore saw a problem (and an opportunity) with long check-out lines in super markets. They studied the problem for months visiting supermarkets, identified problem patterns and came up with a simple solution: Provide a seamless check-out experience. These students designed a magic shopping cart that calculates the bill amount automatically, so that users could just pay and leave the billing counter, hence taking away the manual billing time by the operator. Here is how it worked. As soon as a shopper picked an item and put it into the shopping cart, the item would be scanned automatically by a scanner placed in the inside walls of the cart. The cart was designed such that the item could not get inside without passing through the scanner, whilst not making shoppers conscious of the way they put their items into the cart. This was in the year 2001. An auditorium of 1000+ students were floored by the idea, even though the retail revolution was at a nascent stage at the time. </span><br />
<span style="font-family: "georgia" , "times new roman" , serif; font-size: large;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<span style="font-size: large;"><iframe allowfullscreen="" class="YOUTUBE-iframe-video" data-thumbnail-src="https://i.ytimg.com/vi/NrmMk1Myrxc/0.jpg" frameborder="0" height="266" src="https://www.youtube.com/embed/NrmMk1Myrxc?feature=player_embedded" width="320"></iframe></span></div>
<span style="font-size: large;"><br /></span> <span style="font-family: "georgia" , "times new roman" , serif; font-size: large;">Fast forward to 2016. <a href="https://www.youtube.com/watch?v=NrmMk1Myrxc" target="_blank">Amazon Go</a> has wowed many shoppers. Amazon started actual work on Amazon Go in 2012, 11 years after what two young students had created with magic shopping cart. What is it that those two Indian students did that failed them? What did Amazon do that put them at the center stage of the world with Amazon Go? The easiest answer might be, ‘Amazon has a lot of investor money’, ‘Amazon is a giant’, ‘Those two students did not make use of the right ecosystems’ and so forth. In an ideal world, what is it that makes some products sticky and fail others? Oh! I forget that we are not in an ideal world, or so we think.</span><br />
<span style="font-family: "georgia" , "times new roman" , serif; font-size: large;"><br /></span> <span style="font-family: "georgia" , "times new roman" , serif; font-size: large;"><b>A Self-Healing Product couldn’t Keep Itself Alive</b></span><br />
<span style="font-family: "georgia" , "times new roman" , serif; font-size: large;">In 2008, I worked on a self-healing product that could detect different kinds of problems in a computer or a laptop and also fix about 70% of those problems. The only problems the product couldn’t fix is like a defective modem or manually connect LAN cable. The technology used in that product at the time if applied to mobile devices and appliances even today, would turn out revolutionary. Yet, that product got sold to a services conglomerate because the shareholders thought that this product wasn’t making money and they didn’t want to burn anymore on a *dying product*. </span><br />
<span style="font-family: "georgia" , "times new roman" , serif; font-size: large;"><br /></span> <span style="font-family: "georgia" , "times new roman" , serif; font-size: large;"><b>Product Success Depends on Office Politics</b></span><br />
<span style="font-family: "georgia" , "times new roman" , serif; font-size: large;">So, what makes products successful? Do best products really see the light of the day? As we celebrate the success of products like Amazon Go or Kuri or Pepper, we must remember what Golden Krishna once said: </span><br />
<blockquote class="tr_bq">
<span style="font-family: "georgia" , "times new roman" , serif; font-size: large;">“So while we sometimes recall and retell technological history through effortless tales, the reality is that many meaningful technology accomplishments at the most influential companies are the result of successful internal political wins, a slow climb of convincing the right people in the right place at the right time that a good idea is actually good. What you see as a consumer is not truly the latest and greatest, but instead what managed to squeeze through the available channels, and somehow convince enough influencers in the company that they wouldn't get fired for agreeing to approve it.”</span></blockquote>
<span style="font-family: "georgia" , "times new roman" , serif; font-size: large;"><br /></span> <span style="font-family: "georgia" , "times new roman" , serif; font-size: large;">Next time, when you see great products come to life, remember it was the work of a courageous bunch of people who stuck to their guns because they dreamt of a better world for themselves and the rest of the world.</span><br />
<span style="font-family: "georgia" , "times new roman" , serif; font-size: large;"><br /></span><span style="font-size: large;"><i>This article was originally published on <a href="https://www.linkedin.com/pulse/why-some-best-products-never-see-light-day-parimala-hariprasad?trk=mp-author-card" target="_blank">Linked In.</a></i></span> <span style="font-family: "georgia" , "times new roman" , serif; font-size: large;"><br /></span>
<br />
<br />
<br />Parimala Hariprasadhttp://www.blogger.com/profile/15304352526906191995noreply@blogger.comtag:blogger.com,1999:blog-2085771970779369940.post-1758766017817291412017-01-11T13:09:00.001+05:302017-01-11T13:09:39.153+05:30Bibliography – Books I read in 2016<div class="graf graf--p graf-after--h3" id="efe9" name="efe9" style="--baseline-multiplier: 0.179; background-color: white; color: rgba(0, 0, 0, 0.8); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 10px;">
<em class="markup--em markup--p-em" style="font-feature-settings: 'liga' 1, 'salt' 1;">This article was originally published on </em><a class="markup--anchor markup--p-anchor" data-href="https://www.linkedin.com/pulse/bibliography-books-i-read-2016-parimala-hariprasad?published=t" href="https://www.linkedin.com/pulse/bibliography-books-i-read-2016-parimala-hariprasad?published=t" rel="nofollow" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0.439216); background-color: transparent; background-image: linear-gradient(rgba(0, 0, 0, 0.6) 50%, rgba(0, 0, 0, 0) 50%); background-position: 0px 1.07em; background-repeat: repeat-x; background-size: 2px 0.1em; text-decoration: none;" target="_blank"><em class="markup--em markup--p-em" style="font-feature-settings: 'liga' 1, 'salt' 1;">Linked In</em></a><em class="markup--em markup--p-em" style="font-feature-settings: 'liga' 1, 'salt' 1;">.</em></div>
<div class="graf graf--p graf-after--p" id="e7ca" name="e7ca" style="--baseline-multiplier: 0.179; background-color: white; color: rgba(0, 0, 0, 0.8); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
My first encounter with a book apart from school books was in my 9th grade. I think, it was a short story written by Munshi Premchand, well-known for his modern Hindi-Urdu literature. I neither remember the story nor the name of the book, but I remember going to the school library for the first time in my life and picking this book. Years later, I was introduced to Swami Vivekananda’s writings by a friend Preethi in college. Since then, my reading journey has undergone a sea of change.</div>
<h3 class="graf graf--h3 graf-after--p" id="4f18" name="4f18" style="--baseline-multiplier: 0.157; background-color: white; color: rgba(0, 0, 0, 0.8); font-family: medium-content-sans-serif-font, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Arial, sans-serif; font-size: 32px; letter-spacing: -0.02em; line-height: 1.15; margin: 56px 0px 0px -2px;">
Books I read in 2016</h3>
<div class="graf graf--p graf-after--h3" id="e065" name="e065" style="--baseline-multiplier: 0.179; background-color: white; color: rgba(0, 0, 0, 0.8); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 8px;">
These books are in roughly the same order in which I read through the year.</div>
<h3 class="graf graf--h3 graf-after--p" id="a602" name="a602" style="--baseline-multiplier: 0.157; background-color: white; color: rgba(0, 0, 0, 0.8); font-family: medium-content-sans-serif-font, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Arial, sans-serif; font-size: 32px; letter-spacing: -0.02em; line-height: 1.15; margin: 56px 0px 0px -2px;">
User Experience</h3>
<div class="graf graf--p graf-after--h3" id="c2f6" name="c2f6" style="--baseline-multiplier: 0.179; background-color: white; color: rgba(0, 0, 0, 0.8); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 8px;">
<span class="markup--strong markup--p-strong" style="font-weight: 700;">Change by Design by Tim Brown</span></div>
<div class="graf graf--p graf-after--p" id="182b" name="182b" style="--baseline-multiplier: 0.179; background-color: white; color: rgba(0, 0, 0, 0.8); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
Written by the CEO of Ideo, one of the top design companies of the world, this is a moving book on creating a human-centered design framework to build products. This book also includes two interesting case studies from India. My favorite quote from the book is:</div>
<blockquote class="graf graf--blockquote graf--startsWithDoubleQuote graf-after--p" id="c0c8" name="c0c8" style="--baseline-multiplier: 0.179; background-color: white; border-left: 3px solid rgba(0, 0, 0, 0.8); color: rgba(0, 0, 0, 0.8); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; font-style: italic; letter-spacing: -0.003em; line-height: 1.58; margin: 29px 0px 0px -23px; padding-bottom: 2px; padding-left: 20px;">
“UX Design is not a link in the chain, it’s the hub of a wheel”</blockquote>
<div class="graf graf--p graf-after--blockquote" id="ab0e" name="ab0e" style="--baseline-multiplier: 0.179; background-color: white; color: rgba(0, 0, 0, 0.8); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
<span class="markup--strong markup--p-strong" style="font-weight: 700;">Designing for Interaction: Creating Innovative Applications and Devices (Voices That Matter) by Dan Saffer</span></div>
<div class="graf graf--p graf-after--p" id="22a1" name="22a1" style="--baseline-multiplier: 0.179; background-color: white; color: rgba(0, 0, 0, 0.8); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
This book is a good introduction to Interaction Design and the little things that matter. This is also the first book that set me in the direction of specializing in Interaction Design last year. The quote below is a reflection of how important it is to focus on ‘Now’ in Interaction Design phase.</div>
<blockquote class="graf graf--blockquote graf--startsWithDoubleQuote graf-after--p" id="1f39" name="1f39" style="--baseline-multiplier: 0.179; background-color: white; border-left: 3px solid rgba(0, 0, 0, 0.8); color: rgba(0, 0, 0, 0.8); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; font-style: italic; letter-spacing: -0.003em; line-height: 1.58; margin: 29px 0px 0px -23px; padding-bottom: 2px; padding-left: 20px;">
“What you think of as the past is a memory trace, stored in the mind, of a former Now. When you remember the past, you reactivate a memory trace — and you do so now. The future is an imagined Now, a projection of the mind. When the future comes, it comes as the Now. When you think about the future, you do it Now. Past and future have no reality of their own. Just as the moon has no light of its own, but can only reflect the light of the sun, so are past and future only pale reflections of the light, power, and reality of the eternal present. Their reality is “borrowed” from the Now”</blockquote>
<div class="graf graf--p graf-after--blockquote" id="8082" name="8082" style="--baseline-multiplier: 0.179; background-color: white; color: rgba(0, 0, 0, 0.8); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
<span class="markup--strong markup--p-strong" style="font-weight: 700;">Laws of Simplicity (Simplicity: Design, Technology, Business, Life) by John Maeda</span></div>
<div class="graf graf--p graf-after--p" id="9ac1" name="9ac1" style="--baseline-multiplier: 0.179; background-color: white; color: rgba(0, 0, 0, 0.8); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
A simple book that promotes simplicity at its best.</div>
<blockquote class="graf graf--blockquote graf--startsWithDoubleQuote graf-after--p" id="e6fa" name="e6fa" style="--baseline-multiplier: 0.179; background-color: white; border-left: 3px solid rgba(0, 0, 0, 0.8); color: rgba(0, 0, 0, 0.8); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; font-style: italic; letter-spacing: -0.003em; line-height: 1.58; margin: 29px 0px 0px -23px; padding-bottom: 2px; padding-left: 20px;">
“The world’s always been falling apart. So relax.” ~ Anonymous”</blockquote>
<div class="graf graf--p graf-after--blockquote" id="6a5e" name="6a5e" style="--baseline-multiplier: 0.179; background-color: white; color: rgba(0, 0, 0, 0.8); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
<span class="markup--strong markup--p-strong" style="font-weight: 700;">Mobile First by Luke Wroblewski</span></div>
<div class="graf graf--p graf-after--p" id="19b0" name="19b0" style="--baseline-multiplier: 0.179; background-color: white; color: rgba(0, 0, 0, 0.8); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
Luke Wroblewski is my mobile hero. I am very grateful to have discovered his deep work in mobile space. Every word he speaks or writes has such depth and brilliance, that it is hard to believe that he is a human. He is a true icon of our times!</div>
<blockquote class="graf graf--blockquote graf--startsWithDoubleQuote graf-after--p" id="22ef" name="22ef" style="--baseline-multiplier: 0.179; background-color: white; border-left: 3px solid rgba(0, 0, 0, 0.8); color: rgba(0, 0, 0, 0.8); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; font-style: italic; letter-spacing: -0.003em; line-height: 1.58; margin: 29px 0px 0px -23px; padding-bottom: 2px; padding-left: 20px;">
“As a general rule, content takes precedence over navigation on mobile. Whether people are checking on frequently updated data like stocks, news, or scores; looking up local information; or finding their way to articles through search or communication tools — they want immediate answers to their needs and not your site map.”</blockquote>
<div class="graf graf--p graf-after--blockquote" id="b78f" name="b78f" style="--baseline-multiplier: 0.179; background-color: white; color: rgba(0, 0, 0, 0.8); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
<span class="markup--strong markup--p-strong" style="font-weight: 700;">Content Strategy for Mobile by Karen McGrane</span></div>
<div class="graf graf--p graf-after--p" id="cf72" name="cf72" style="--baseline-multiplier: 0.179; background-color: white; color: rgba(0, 0, 0, 0.8); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
Our lives are overloaded with <em class="markup--em markup--p-em" style="font-feature-settings: 'liga' 1, 'salt' 1;">hard to manage</em> content everywhere and all the time. Karen takes us through a sensitive journey on suiting content in mobile application contexts.</div>
<blockquote class="graf graf--blockquote graf--startsWithDoubleQuote graf-after--p" id="57d3" name="57d3" style="--baseline-multiplier: 0.179; background-color: white; border-left: 3px solid rgba(0, 0, 0, 0.8); color: rgba(0, 0, 0, 0.8); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; font-style: italic; letter-spacing: -0.003em; line-height: 1.58; margin: 29px 0px 0px -23px; padding-bottom: 2px; padding-left: 20px;">
“Whether we want to deliver exactly the same content to everyone, or prioritize and feature content differently on different platforms, we have a process that helps us do that without wasted effort. That future is adaptive content. Adaptive content is content that is flexible, so it can adapt to different screen sizes, and can be presented in different formats as appropriate for the device. What’s the secret to this flexibility? Why, it’s having more structure! Adaptive content has structure and metadata attached to it, which helps it figure out what to do when it winds up on all those different platforms and devices.”</blockquote>
<h3 class="graf graf--h3 graf-after--blockquote" id="4521" name="4521" style="--baseline-multiplier: 0.157; background-color: white; color: rgba(0, 0, 0, 0.8); font-family: medium-content-sans-serif-font, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Arial, sans-serif; font-size: 32px; letter-spacing: -0.02em; line-height: 1.15; margin: 56px 0px 0px -2px;">
Machine Learning</h3>
<div class="graf graf--p graf-after--h3" id="2c67" name="2c67" style="--baseline-multiplier: 0.179; background-color: white; color: rgba(0, 0, 0, 0.8); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 8px;">
<span class="markup--strong markup--p-strong" style="font-weight: 700;">Best Interface is No Interface: The simple path to brilliant technology (Voices That Matter) by Golden Krishna</span></div>
<div class="graf graf--p graf-after--p" id="85fd" name="85fd" style="--baseline-multiplier: 0.179; background-color: white; color: rgba(0, 0, 0, 0.8); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
As a child, Golden Krishna was apparently named ‘Golden’ because astrology suggested that his first name should start with G and have 6 letters in all. His work in User Experience Design is pure gold. He is one of the most accomplished and sound User Experience Designers of our times. I am so proud to walk this earth around the same time as him.</div>
<blockquote class="graf graf--blockquote graf--startsWithDoubleQuote graf-after--p" id="500a" name="500a" style="--baseline-multiplier: 0.179; background-color: white; border-left: 3px solid rgba(0, 0, 0, 0.8); color: rgba(0, 0, 0, 0.8); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; font-style: italic; letter-spacing: -0.003em; line-height: 1.58; margin: 29px 0px 0px -23px; padding-bottom: 2px; padding-left: 20px;">
“Let’s change our conversation with computers. Let’s empower computers to observe the world beyond form fields. Let’s give them the ability to sense our needs with sensors and other signals. Let’s replace tedious user input with instantaneous and painless machine input — where the computer system finds the information it needs on its own — whenever and wherever possible”</blockquote>
<h3 class="graf graf--h3 graf-after--blockquote" id="86e7" name="86e7" style="--baseline-multiplier: 0.157; background-color: white; color: rgba(0, 0, 0, 0.8); font-family: medium-content-sans-serif-font, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Arial, sans-serif; font-size: 32px; letter-spacing: -0.02em; line-height: 1.15; margin: 56px 0px 0px -2px;">
Deep Work and Passion</h3>
<div class="graf graf--p graf-after--h3" id="fb25" name="fb25" style="--baseline-multiplier: 0.179; background-color: white; color: rgba(0, 0, 0, 0.8); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 8px;">
<span class="markup--strong markup--p-strong" style="font-weight: 700;">Good to Great: Why Some Companies Make the Leap……And Others Don’t by Jim Collins</span></div>
<div class="graf graf--p graf-after--p" id="452e" name="452e" style="--baseline-multiplier: 0.179; background-color: white; color: rgba(0, 0, 0, 0.8); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
There is an old saying, “What got you here, won’t get you there”. This book tells you how to move from being good to great and how much of hard work it can be.</div>
<blockquote class="graf graf--blockquote graf--startsWithDoubleQuote graf-after--p" id="d8d0" name="d8d0" style="--baseline-multiplier: 0.179; background-color: white; border-left: 3px solid rgba(0, 0, 0, 0.8); color: rgba(0, 0, 0, 0.8); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; font-style: italic; letter-spacing: -0.003em; line-height: 1.58; margin: 29px 0px 0px -23px; padding-bottom: 2px; padding-left: 20px;">
“People are not your most important asset. The Right People are!”</blockquote>
<div class="graf graf--p graf-after--blockquote" id="9af1" name="9af1" style="--baseline-multiplier: 0.179; background-color: white; color: rgba(0, 0, 0, 0.8); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
<span class="markup--strong markup--p-strong" style="font-weight: 700;">Deep Work — Rules for Focused Success in a Distracted World by Cal Newport</span></div>
<div class="graf graf--p graf-after--p" id="774f" name="774f" style="--baseline-multiplier: 0.179; background-color: white; color: rgba(0, 0, 0, 0.8); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
In a world of constant distractions and interruptions, it is hard to focus. This book tells you how you can focus, do deep work and deliver great resulst, the kind that we think only ‘research scholars’ are capable of.</div>
<blockquote class="graf graf--blockquote graf--startsWithDoubleQuote graf-after--p" id="594c" name="594c" style="--baseline-multiplier: 0.179; background-color: white; border-left: 3px solid rgba(0, 0, 0, 0.8); color: rgba(0, 0, 0, 0.8); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; font-style: italic; letter-spacing: -0.003em; line-height: 1.58; margin: 29px 0px 0px -23px; padding-bottom: 2px; padding-left: 20px;">
“If you are comfortably going deep, you’ll be comfortable mastering the increasingly complex systems and skills needed to thrive in our economy. If you instead remain one of the many for whom depth is uncomfortable and distraction ubiquitous, you shouldn’t expect these systems and skills to come easily to you”</blockquote>
<div class="graf graf--p graf-after--blockquote" id="2168" name="2168" style="--baseline-multiplier: 0.179; background-color: white; color: rgba(0, 0, 0, 0.8); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
<span class="markup--strong markup--p-strong" style="font-weight: 700;">Together is Better by Simon Sinek</span></div>
<div class="graf graf--p graf-after--p" id="88ad" name="88ad" style="--baseline-multiplier: 0.179; background-color: white; color: rgba(0, 0, 0, 0.8); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
I sense warmth when I listen to Simon Sinek. A great influencer of our times, he comes out with another fabulous book on the power of team work and being together. If you are pressed for time, you should watch <a class="markup--anchor markup--p-anchor" data-href="http://www.youtube.com/watch?v=FvL7zRfx8lo" href="http://www.youtube.com/watch?v=FvL7zRfx8lo" rel="noopener nofollow nofollow" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0.439216); background-color: transparent; background-image: linear-gradient(rgba(0, 0, 0, 0.6) 50%, rgba(0, 0, 0, 0) 50%); background-position: 0px 1.07em; background-repeat: repeat-x; background-size: 2px 0.1em; text-decoration: none;" target="_blank">this video</a>.</div>
<blockquote class="graf graf--blockquote graf--startsWithDoubleQuote graf-after--p" id="66e6" name="66e6" style="--baseline-multiplier: 0.179; background-color: white; border-left: 3px solid rgba(0, 0, 0, 0.8); color: rgba(0, 0, 0, 0.8); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; font-style: italic; letter-spacing: -0.003em; line-height: 1.58; margin: 29px 0px 0px -23px; padding-bottom: 2px; padding-left: 20px;">
“Leadership is hard work. Not the hard work of doing the job — it’s the hard work of learning to let go. It’s the hard work of training people, coaching people, believing in people and trusting people. Leadership is a human activity. And, unlike the job, leadership lasts beyond whatever happens during the workday”</blockquote>
<div class="graf graf--p graf-after--blockquote" id="18e2" name="18e2" style="--baseline-multiplier: 0.179; background-color: white; color: rgba(0, 0, 0, 0.8); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
<span class="markup--strong markup--p-strong" style="font-weight: 700;">Presentation Zen: Simple Ideas on Presentation Design and Delivery (Voices That Matter) by Garr Reynolds</span></div>
<div class="graf graf--p graf-after--p" id="53b0" name="53b0" style="--baseline-multiplier: 0.179; background-color: white; color: rgba(0, 0, 0, 0.8); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
One of the three best books on Presentation Skills ever. Period!</div>
<blockquote class="graf graf--blockquote graf--startsWithDoubleQuote graf-after--p" id="9bd0" name="9bd0" style="--baseline-multiplier: 0.179; background-color: white; border-left: 3px solid rgba(0, 0, 0, 0.8); color: rgba(0, 0, 0, 0.8); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; font-style: italic; letter-spacing: -0.003em; line-height: 1.58; margin: 29px 0px 0px -23px; padding-bottom: 2px; padding-left: 20px;">
“There are four characteristics of a good presenter:</blockquote>
<blockquote class="graf graf--blockquote graf-after--blockquote" id="941d" name="941d" style="--baseline-multiplier: 0.179; background-color: white; border-left: 3px solid rgba(0, 0, 0, 0.8); color: rgba(0, 0, 0, 0.8); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; font-style: italic; letter-spacing: -0.003em; line-height: 1.58; margin: 0px 0px 0px -23px; padding-bottom: 2px; padding-left: 20px; padding-top: 27px;">
1. He knew his material inside and out, and he knew what he wanted to say</blockquote>
<blockquote class="graf graf--blockquote graf-after--blockquote" id="1abf" name="1abf" style="--baseline-multiplier: 0.179; background-color: white; border-left: 3px solid rgba(0, 0, 0, 0.8); color: rgba(0, 0, 0, 0.8); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; font-style: italic; letter-spacing: -0.003em; line-height: 1.58; margin: 0px 0px 0px -23px; padding-bottom: 2px; padding-left: 20px; padding-top: 27px;">
2. He stood front and center and spoke in a real, down-to-earth language that was conversational yet passionate</blockquote>
<blockquote class="graf graf--blockquote graf-after--blockquote" id="1fa7" name="1fa7" style="--baseline-multiplier: 0.179; background-color: white; border-left: 3px solid rgba(0, 0, 0, 0.8); color: rgba(0, 0, 0, 0.8); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; font-style: italic; letter-spacing: -0.003em; line-height: 1.58; margin: 0px 0px 0px -23px; padding-bottom: 2px; padding-left: 20px; padding-top: 27px;">
3. He did not let technical glitches get in his way. When they occurred, he moved forward without missing a beat, never losing his engagement with the audience</blockquote>
<blockquote class="graf graf--blockquote graf-after--blockquote" id="f564" name="f564" style="--baseline-multiplier: 0.179; background-color: white; border-left: 3px solid rgba(0, 0, 0, 0.8); color: rgba(0, 0, 0, 0.8); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; font-style: italic; letter-spacing: -0.003em; line-height: 1.58; margin: 0px 0px 0px -23px; padding-bottom: 2px; padding-left: 20px; padding-top: 27px;">
4. And he used real, sometimes humorous, anecdotes to illustrate his points, and all his stories were supremely poignant and relevant, supporting his core message”</blockquote>
<h3 class="graf graf--h3 graf-after--blockquote" id="63ab" name="63ab" style="--baseline-multiplier: 0.157; background-color: white; color: rgba(0, 0, 0, 0.8); font-family: medium-content-sans-serif-font, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Arial, sans-serif; font-size: 32px; letter-spacing: -0.02em; line-height: 1.15; margin: 56px 0px 0px -2px;">
Non-Fiction Inspiration</h3>
<div class="graf graf--p graf-after--h3" id="6939" name="6939" style="--baseline-multiplier: 0.179; background-color: white; color: rgba(0, 0, 0, 0.8); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 8px;">
<span class="markup--strong markup--p-strong" style="font-weight: 700;">The Last Lecture by Randy Pausch</span></div>
<div class="graf graf--p graf-after--p" id="7232" name="7232" style="--baseline-multiplier: 0.179; background-color: white; color: rgba(0, 0, 0, 0.8); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
It is an age-old belief that a dying man can only tell the truth. A moving account of Randy Pausch, a computer science professor at Carnegie Mellon, after being diagnosed with terminal cancer at the age of 46 is an inspiring tale on how to LIVE LIFE WELL.</div>
<blockquote class="graf graf--blockquote graf--startsWithDoubleQuote graf-after--p" id="8c45" name="8c45" style="--baseline-multiplier: 0.179; background-color: white; border-left: 3px solid rgba(0, 0, 0, 0.8); color: rgba(0, 0, 0, 0.8); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; font-style: italic; letter-spacing: -0.003em; line-height: 1.58; margin: 29px 0px 0px -23px; padding-bottom: 2px; padding-left: 20px;">
“It’s not about how you achieve your dreams. It’s about how to lead your life. If you lead your life the right way, the karma will take care of itself. The dreams will come to you.”</blockquote>
<div class="graf graf--p graf-after--blockquote" id="a1ff" name="a1ff" style="--baseline-multiplier: 0.179; background-color: white; color: rgba(0, 0, 0, 0.8); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
<span class="markup--strong markup--p-strong" style="font-weight: 700;">David and Goliath — Underdogs, Misfits and the Art of Battling Giants by Malcolm Gladwell</span></div>
<div class="graf graf--p graf-after--p" id="1d1a" name="1d1a" style="--baseline-multiplier: 0.179; background-color: white; color: rgba(0, 0, 0, 0.8); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
I am a great follower of Malcolm Gladwell ever since I read his book, ‘Outliers’. I am also a big believer of his <a class="markup--anchor markup--p-anchor" data-href="http://gladwell.com/outliers/the-10000-hour-rule/" href="http://gladwell.com/outliers/the-10000-hour-rule/" rel="noopener nofollow nofollow" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0.439216); background-color: transparent; background-image: linear-gradient(rgba(0, 0, 0, 0.6) 50%, rgba(0, 0, 0, 0) 50%); background-position: 0px 1.07em; background-repeat: repeat-x; background-size: 2px 0.1em; text-decoration: none;" target="_blank">10000-hour rule</a>. This book takes the ancient story of an old shepherd David, fighting a giant Goliath and brings a whole new perspective of why underdogs will always win.</div>
<blockquote class="graf graf--blockquote graf--startsWithDoubleQuote graf-after--p" id="55f2" name="55f2" style="--baseline-multiplier: 0.179; background-color: white; border-left: 3px solid rgba(0, 0, 0, 0.8); color: rgba(0, 0, 0, 0.8); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; font-style: italic; letter-spacing: -0.003em; line-height: 1.58; margin: 29px 0px 0px -23px; padding-bottom: 2px; padding-left: 20px;">
“Courage is not something that you already have that makes you brave when the tough times start. Courage is what you earn when you’ve been through the tough times and you discover they aren’t so tough after all”</blockquote>
<div class="graf graf--p graf-after--blockquote" id="9f2c" name="9f2c" style="--baseline-multiplier: 0.179; background-color: white; color: rgba(0, 0, 0, 0.8); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
<span class="markup--strong markup--p-strong" style="font-weight: 700;">The Resiliency Advantage: Master Change, Thrive Under Pressure and Bounce Back from Setbacks by Dr. Al Siebert</span></div>
<div class="graf graf--p graf-after--p" id="2667" name="2667" style="--baseline-multiplier: 0.179; background-color: white; color: rgba(0, 0, 0, 0.8); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
It is hard to be resilient in today’s competitive world. With life’s suffering, being resilient can often be considered as an act of inability and lack of skill. This book tells you why resilience is powerful and how it can lead you to a state of inner peace with yourself and the world.</div>
<blockquote class="graf graf--blockquote graf--startsWithDoubleQuote graf-after--p" id="5314" name="5314" style="--baseline-multiplier: 0.179; background-color: white; border-left: 3px solid rgba(0, 0, 0, 0.8); color: rgba(0, 0, 0, 0.8); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; font-style: italic; letter-spacing: -0.003em; line-height: 1.58; margin: 29px 0px 0px -23px; padding-bottom: 2px; padding-left: 20px;">
“Resilient people don’t wait for others to rescue them; they work through their feelings, set goals, work to reach their goals, and often emerge from the resiliency process with a better life than before. Later, they say they are glad that their difficult situation happened”</blockquote>
<div class="graf graf--p graf-after--blockquote" id="9d61" name="9d61" style="--baseline-multiplier: 0.179; background-color: white; color: rgba(0, 0, 0, 0.8); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
<span class="markup--strong markup--p-strong" style="font-weight: 700;">The Paradox of Choice: Why More is Less by Barry Schwartz</span></div>
<div class="graf graf--p graf-after--p" id="3ddf" name="3ddf" style="--baseline-multiplier: 0.179; background-color: white; color: rgba(0, 0, 0, 0.8); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
We are inundated with too many choices today. Want to buy a pair of clothes? You have at least a thousand websites. Want to buy a smartphone? There are at least 500+ smart phones to choose from. If this leaves you mentally exhausted, this book could be for you.</div>
<blockquote class="graf graf--blockquote graf--startsWithDoubleQuote graf-after--p" id="290f" name="290f" style="--baseline-multiplier: 0.179; background-color: white; border-left: 3px solid rgba(0, 0, 0, 0.8); color: rgba(0, 0, 0, 0.8); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; font-style: italic; letter-spacing: -0.003em; line-height: 1.58; margin: 29px 0px 0px -23px; padding-bottom: 2px; padding-left: 20px;">
”Regret less and practice an attitude of Gratitude”</blockquote>
<div class="graf graf--p graf-after--blockquote" id="700c" name="700c" style="--baseline-multiplier: 0.179; background-color: white; color: rgba(0, 0, 0, 0.8); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
<span class="markup--strong markup--p-strong" style="font-weight: 700;">A Whole New Mind: Why Right-Brainers Will Rule the Future by Daniel H. Pink</span></div>
<div class="graf graf--p graf-after--p" id="a558" name="a558" style="--baseline-multiplier: 0.179; background-color: white; color: rgba(0, 0, 0, 0.8); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
In this book, Daniel Pink outlines the six fundamentally human abilities that are essential for professional success. Pink introduces readers to a new way of thinking about the future.</div>
<blockquote class="graf graf--blockquote graf--startsWithDoubleQuote graf-after--p" id="b205" name="b205" style="--baseline-multiplier: 0.179; background-color: white; border-left: 3px solid rgba(0, 0, 0, 0.8); color: rgba(0, 0, 0, 0.8); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; font-style: italic; letter-spacing: -0.003em; line-height: 1.58; margin: 29px 0px 0px -23px; padding-bottom: 2px; padding-left: 20px;">
“Here and now is all we got”</blockquote>
<div class="graf graf--p graf-after--blockquote" id="1563" name="1563" style="--baseline-multiplier: 0.179; background-color: white; color: rgba(0, 0, 0, 0.8); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
<span class="markup--strong markup--p-strong" style="font-weight: 700;">An Astronaut’s Guide to Life on Earth by Chris Hadfield</span></div>
<div class="graf graf--p graf-after--p" id="88cc" name="88cc" style="--baseline-multiplier: 0.179; background-color: white; color: rgba(0, 0, 0, 0.8); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
A 9 year old who feared darkness, visualized a dream of becoming an astronaut after watching Neil Armstrong landing on the moon in 1969. 21 years later, this little boy was selected to go to space for the first time. A fabulous story of how dreams come true through sheer hard work and will power. A must read book if you have children of any age.</div>
<blockquote class="graf graf--blockquote graf--startsWithDoubleQuote graf-after--p" id="c2cc" name="c2cc" style="--baseline-multiplier: 0.179; background-color: white; border-left: 3px solid rgba(0, 0, 0, 0.8); color: rgba(0, 0, 0, 0.8); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; font-style: italic; letter-spacing: -0.003em; line-height: 1.58; margin: 29px 0px 0px -23px; padding-bottom: 2px; padding-left: 20px;">
“If you’ve got the time, use it to get ready. What else could you possibly have to do that’s more important? Yes, maybe you’ll learn how to do a few things you’ll never wind up actually needing to do, but that’s a much better problem to have than needing to do something and having no clue where to start. I don’t regret being ready”</blockquote>
<blockquote class="graf graf--blockquote graf--startsWithDoubleQuote graf-after--blockquote" id="e7d6" name="e7d6" style="--baseline-multiplier: 0.179; background-color: white; border-left: 3px solid rgba(0, 0, 0, 0.8); color: rgba(0, 0, 0, 0.8); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; font-style: italic; letter-spacing: -0.003em; line-height: 1.58; margin: 0px 0px 0px -23px; padding-bottom: 2px; padding-left: 20px; padding-top: 27px;">
“One of the most important lessons I have learned as an astronaut: to value the wisdom of humility, as well as the sense of perspective it gives you. That’s what will help me climb down the ladder. And it won’t hurt if I decide to climb up a new one, either”</blockquote>
<blockquote class="graf graf--blockquote graf--startsWithDoubleQuote graf-after--blockquote" id="81b0" name="81b0" style="--baseline-multiplier: 0.179; background-color: white; border-left: 3px solid rgba(0, 0, 0, 0.8); color: rgba(0, 0, 0, 0.8); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; font-style: italic; letter-spacing: -0.003em; line-height: 1.58; margin: 0px 0px 0px -23px; padding-bottom: 2px; padding-left: 20px; padding-top: 27px;">
“Good people often select themselves”</blockquote>
<div class="graf graf--p graf-after--blockquote" id="696b" name="696b" style="--baseline-multiplier: 0.179; background-color: white; color: rgba(0, 0, 0, 0.8); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
<span class="markup--strong markup--p-strong" style="font-weight: 700;">Many Lives, Many Masters: The True Story of a Prominent Psychiatrist, His Young Patient and the Past-life Therapy That Changed Both Their Lives</span> <span class="markup--strong markup--p-strong" style="font-weight: 700;">by Brian Weiss</span></div>
<div class="graf graf--p graf-after--p" id="bb58" name="bb58" style="--baseline-multiplier: 0.179; background-color: white; color: rgba(0, 0, 0, 0.8); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
If you believe in Extra Sensory Perceptions, this book is for you. In October 2016, I met a lovely women Uma, at a train station near Nice(France) who shared the same ideas and thoughts as I did about our universe. While chatting with her, I jumped up and down all over the place, telling her that she was my long lost sister who came to guide me in this life. To her, I am forever grateful for introducing me to Dr. Brian Weiss’s work. Without her, my life would be incomplete. As you might understand by now, this book is not for the faint-hearted.</div>
<blockquote class="graf graf--blockquote graf--startsWithDoubleQuote graf-after--p" id="fd0c" name="fd0c" style="--baseline-multiplier: 0.179; background-color: white; border-left: 3px solid rgba(0, 0, 0, 0.8); color: rgba(0, 0, 0, 0.8); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; font-style: italic; letter-spacing: -0.003em; line-height: 1.58; margin: 29px 0px 0px -23px; padding-bottom: 2px; padding-left: 20px;">
“Patience and timing….. Everything comes when it must come. A life cannot be rushed, cannot be worked on a schedule as so many people want it to be. We must accept what comes to us at a given time, and not ask for more. But life is endless, so we never die; we were never really born. We just pass through different phases. There is no end. Humans have many dimensions. But time is not as we see time, but rather in lessons that are learned. Everything will be clear to you in time. But you must have a chance to digest the knowledge that we have given to you already”</blockquote>
<div class="graf graf--p graf-after--blockquote" id="9d5f" name="9d5f" style="--baseline-multiplier: 0.179; background-color: white; color: rgba(0, 0, 0, 0.8); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
<span class="markup--strong markup--p-strong" style="font-weight: 700;">As a Man Thinketh by James Allen</span></div>
<div class="graf graf--p graf-after--p" id="ee51" name="ee51" style="--baseline-multiplier: 0.179; background-color: white; color: rgba(0, 0, 0, 0.8); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
We are capable of forming great character and creating happiness for ourselves. James takes us through a simple, yet powerful journey of bringing joy into our lives.</div>
<blockquote class="graf graf--blockquote graf--startsWithDoubleQuote graf-after--p" id="b469" name="b469" style="--baseline-multiplier: 0.179; background-color: white; border-left: 3px solid rgba(0, 0, 0, 0.8); color: rgba(0, 0, 0, 0.8); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; font-style: italic; letter-spacing: -0.003em; line-height: 1.58; margin: 29px 0px 0px -23px; padding-bottom: 2px; padding-left: 20px;">
“Spiritual achievements are the consummation of holy aspirations. He who lives constantly in the conception of noble and lofty thoughts, who dwells upon all that is pure and unselfish, will, as surely as the sun reaches its zenith and the moon its full, become wise and noble in character, and rise into a position of influence and blessedness.”</blockquote>
<div class="graf graf--p graf-after--blockquote" id="0319" name="0319" style="--baseline-multiplier: 0.179; background-color: white; color: rgba(0, 0, 0, 0.8); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
<span class="markup--strong markup--p-strong" style="font-weight: 700;">No Limits: The Will to Succeed by Michael Phelps</span></div>
<div class="graf graf--p graf-after--p" id="b9df" name="b9df" style="--baseline-multiplier: 0.179; background-color: white; color: rgba(0, 0, 0, 0.8); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
Michael Phelps, world class swimmer ever known talks about his journey from a 9 year old ADHD diagnosed child to becoming the most decorated Olympian of all times. A mind-blowing account of a great soul and his will to succeed.</div>
<blockquote class="graf graf--blockquote graf--startsWithDoubleQuote graf-after--p" id="c9fb" name="c9fb" style="--baseline-multiplier: 0.179; background-color: white; border-left: 3px solid rgba(0, 0, 0, 0.8); color: rgba(0, 0, 0, 0.8); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; font-style: italic; letter-spacing: -0.003em; line-height: 1.58; margin: 29px 0px 0px -23px; padding-bottom: 2px; padding-left: 20px;">
“Nothing is impossible. Because nothing is impossible, you have to dream big dreams; the bigger, the better”</blockquote>
<blockquote class="graf graf--blockquote graf-after--blockquote graf--last" id="f575" name="f575" style="--baseline-multiplier: 0.179; background-color: white; border-left: 3px solid rgba(0, 0, 0, 0.8); color: rgba(0, 0, 0, 0.8); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; font-style: italic; letter-spacing: -0.003em; line-height: 1.58; margin: 0px 0px 0px -23px; padding-bottom: 2px; padding-left: 20px; padding-top: 27px;">
Which books would you recommend this year?</blockquote>
Parimala Hariprasadhttp://www.blogger.com/profile/15304352526906191995noreply@blogger.comtag:blogger.com,1999:blog-2085771970779369940.post-69225208319782143062016-12-30T15:57:00.000+05:302017-01-02T08:32:48.540+05:30Lessons Learnt from 2016 — A Year in Review<br />
<br />
<br />
<figure class="graf graf--figure" name="7d29"><img class="graf-image" data-height="3264" data-image-id="1*_Xn3cuYBfkqFjZ1kn3Ntvw.jpeg" data-width="2448" height="640" src="https://cdn-images-1.medium.com/max/800/1*_Xn3cuYBfkqFjZ1kn3Ntvw.jpeg" width="480" /></figure><br />
<div class="graf graf--p" name="7604">
<em class="markup--em markup--p-em">2016 was a fantabulous year. It came along with its set of hardships, but it brought along many happy surprises too. I am extremely grateful for all the opportunities that came my way.</em></div>
<div class="graf graf--p" name="9699">
<a class="markup--anchor markup--p-anchor" data-href="http://yourstory.com/2016/12/herstory-voices/" href="http://yourstory.com/2016/12/herstory-voices/" rel="noopener nofollow" target="_blank"><em class="markup--em markup--p-em">Herstory </em></a><em class="markup--em markup--p-em">asked intrapreneurs and entrepreneurs across India to review lessons learnt in 2016. I was one of them. Here is what I wrote for them. The original article can be found </em><a class="markup--anchor markup--p-anchor" data-href="http://yourstory.com/2016/12/herstory-voices/" href="http://yourstory.com/2016/12/herstory-voices/" rel="noopener nofollow" target="_blank"><em class="markup--em markup--p-em">here</em></a><em class="markup--em markup--p-em">.</em></div>
<div class="graf graf--p" name="9699">
<em class="markup--em markup--p-em"><br /></em></div>
<div class="graf graf--p" name="d642">
<strong class="markup--strong markup--p-strong">Excerpts from Herstory</strong></div>
<div class="graf graf--p" name="2ca8">
As 2016 wraps up and we find ourselves on the threshold of 2017, it is yet again time to look back on the year that was, what we learnt, and what we can (hopefully) carry forward into the year that awaits. As we look forward to 2017, we spoke with some women in business to discover how 2016 went and to understand the changes and developments they hope can become realities in the year to come.</div>
<div class="graf graf--p" name="2ca8">
<br /></div>
<div class="graf graf--p" name="0209">
2016 was a great year of fabulous challenges and achievements. Three lessons I learned are:</div>
<ol class="postList">
<li class="graf graf--li" name="fdb5"><strong class="markup--strong markup--li-strong"><em class="markup--em markup--li-em">We have to fight our own battles</em>. </strong>Our near and dear ones might walk along and help us cope with our battles, but we still have to walk the talk.</li>
<li class="graf graf--li" name="6eb2"><strong class="markup--strong markup--li-strong"><em class="markup--em markup--li-em">We have to choose which battles to fight, wisely</em>. </strong>One comes across several battles in a lifetime — some with ourselves and some with others. One needs to choose wisely which ones to fight and which ones to ignore in order to maintain sanity.</li>
<li class="graf graf--li" name="dd95"><strong class="markup--strong markup--li-strong"><em class="markup--em markup--li-em">There is enough goodness for everyone in this world</em></strong> (a recurring lesson I learned again this year).</li>
</ol>
<div class="graf graf--p" name="0d8e">
<strong class="markup--strong markup--p-strong">Changes we need to see in 2017</strong></div>
<div class="graf graf--p" name="c744">
In general, it is best to create ecosystems where men and women come together and solve women’s challenges inclusively rather than setting up purely women-centric groups (some of which end up as gossip groups, with due respect to such groups). Having said that, we need to create secure environments where women can speak about their challenges in open forums without fear of being judged or stereotyped.</div>
<div class="graf graf--p" name="d9db">
There have to be better funding platforms for women entrepreneurs. Government policies for supporting women-led enterprises have to improve. Talent and skill, rather than gender, should be the parameters that matter.<br />
<br />
<blockquote class="tr_bq" style="text-align: center;">
What are your lessons?</blockquote>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<br /></div>
</div>
Parimala Hariprasadhttp://www.blogger.com/profile/15304352526906191995noreply@blogger.comtag:blogger.com,1999:blog-2085771970779369940.post-69191581594510166072016-10-28T14:17:00.000+05:302016-10-28T14:17:47.266+05:30Microinteractions: Designing the Little Details<div class="MsoNormal" style="line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; vertical-align: baseline;">
<br />
Last week, I was in Auckland and Wellington, speaking on User Experience (UX) and teaching UX Design courses at two <a href="http://www.wetest.co.nz/" target="_blank"><span style="border: none 1.0pt; color: #8c68cb; padding: 0in; text-decoration: none;">WeTest Conferences</span></a> in Auckland and Wellington. I also had a rare opportunity to teach/speak at large corporates like Bank of New Zealand and Assurity Consulting. I am blown away by the lovely interactions I had and the new bridge I created with many in New Zealand. </div>
<div class="MsoNormal" style="line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; vertical-align: baseline;">
<br /></div>
<div class="MsoNormal" style="line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; vertical-align: baseline;">
<b>Token of Thanks</b></div>
<div class="MsoNormal" style="line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; vertical-align: baseline;">
I extend my heartfelt gratitude to <a href="http://katrinatester.blogspot.in/" target="_blank"><span style="border: none 1.0pt; color: #8c68cb; padding: 0in; text-decoration: none;">Katrina Clokie</span></a> for inviting me to WeTest Conference. I never ever imagined that a chance meeting with Katrina at CAST 2013, which was my first self-funded trip to a US conference would bring us together again. I would also like to thank the Conference Organizers <a href="http://twitter.com/katrina_tester" target="_blank"><span style="border: none 1.0pt; color: #8c68cb; padding: 0in; text-decoration: none;">Katrina Clokie</span></a>, <a href="http://twitter.com/AWGHodder" target="_blank"><span style="border: none 1.0pt; color: #8c68cb; padding: 0in; text-decoration: none;">Aaron Hodder</span></a>, <a href="http://twitter.com/shirleytricker" target="_blank"><span style="border: none 1.0pt; color: #8c68cb; padding: 0in; text-decoration: none;">Shirley Tricker</span></a> and <a href="http://twitter.com/Donbavand" target="_blank"><span style="border: none 1.0pt; color: #8c68cb; padding: 0in; text-decoration: none;">Daniel Domnavand</span></a> for conducting a world-class conference, for taking care of the little details for international speakers and introducing me to a super awesome community in New Zealand which is so passionate, warm, curious, learning-focussed and yet humble. This conference and my interactions will truly remain close to my heart for getting the ‘Conference based Microinteractions’ right! </div>
<div class="MsoNormal" style="line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; vertical-align: baseline;">
<br /></div>
<div class="MsoNormal" style="line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; vertical-align: baseline;">
<b>Teaching UX</b></div>
<div class="MsoNormal" style="line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; vertical-align: baseline;">
It was a fabulous experience to teach UX Courses at the other end of the planet. At the end of these talks/workshops, many people walked up to me and shared many *pain points* in their daily line of work. For example, one of the workshop organisers, Merridy said, “Pari, I am going to put up a board indicating ‘Toilets’ on the door and avoid frustrating our visitors.” One of the conference organisers Shirley mentioned, “The motion detector lamb in our service apartment doesn’t light up instantly and expects a tribal dance which needs to be fixed.” I was thrilled to see people pick up this concept so quickly and apply it at work. </div>
<div class="MsoNormal" style="line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; vertical-align: baseline;">
<br /></div>
<div class="MsoNormal" style="line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; vertical-align: baseline;">
<b>Ctrl+Alt+Delete</b></div>
<div class="MsoNormal" style="line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; vertical-align: baseline;">
Have you ever wondered why you need ‘Ctrl+Alt+Delete’ to lock/unlock windows? Did you ever wonder why we couldn’t have a single key to do the same task? In my early days of school, I was told to believe that 3 keys were given as a security measure (God knows how this could prevent hackers though!). However, Bill Gates <a href="http://www.theverge.com/2013/9/26/4772680/bill-gates-admits-ctrl-alt-del-was-a-mistake#!" target="_blank"><span style="border: none 1.0pt; color: #8c68cb; padding: 0in; text-decoration: none;">confessed</span></a> that having three keys was a mistake. “It was a mistake,” Gates admits to an audience left laughing at his honesty. “We could have had a single button, but the guy who did the IBM keyboard design didn’t wanna give us our single button.” David Bradley, an engineer who worked on the original IBM PC, invented the combination which was originally designed to reboot a PC. This brings us to microinteractions. </div>
<div class="MsoNormal" style="line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; vertical-align: baseline;">
<br /></div>
<div class="MsoNormal" style="line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; vertical-align: baseline;">
<b>Microinteractions</b></div>
<div class="MsoNormal" style="line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; vertical-align: baseline;">
Microinteractions is a concept introduced by Dan Saffer in his acclaimed book, ‘Microinteractions’. By definition,</div>
<blockquote class="tr_bq" style="line-height: normal; margin-bottom: 5.0pt; text-align: center; vertical-align: baseline;">
<i>A microinteraction is a contained product moment that does one task well. </i></blockquote>
<div class="MsoNormal" style="line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; vertical-align: baseline;">
<br /></div>
<div class="MsoNormal" style="line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; vertical-align: baseline;">
Every time you change a setting, update a device or post a tweet, you are engaging with a microinteraction. They are everywhere and they just need some *noticing*. Microinteractions are so simple that we don’t notice them until something goes wrong. Yet, they are incredibly important in creating delightful experiences for users. </div>
<div class="MsoNormal" style="line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; vertical-align: baseline;">
<br /></div>
<div class="MsoNormal" style="line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; vertical-align: baseline;">
<b>Structure of a Microinteraction</b></div>
<div class="MsoNormal" style="line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; vertical-align: baseline;">
A beautifully crafted microinteraction contains four main parts: Trigger, Rules, Feedback and Loops & Modes. </div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://3.bp.blogspot.com/-u1ZwnnUmLAk/WBMP-GuYFHI/AAAAAAAAJHk/YecADE24Ozo5VZrj9GfXWotB3oZ9-ad0wCLcB/s1600/Types.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="90" src="https://3.bp.blogspot.com/-u1ZwnnUmLAk/WBMP-GuYFHI/AAAAAAAAJHk/YecADE24Ozo5VZrj9GfXWotB3oZ9-ad0wCLcB/s320/Types.png" width="320" /></a></div>
<div class="MsoNormal" style="line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; vertical-align: baseline;">
<br /></div>
<div class="MsoNormal" style="line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; vertical-align: baseline;">
<b>Trigger</b></div>
<div class="MsoNormal" style="line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; vertical-align: baseline;">
A trigger initiates a microinteraction. For example, turning ON a lamp needs someone to press the switch. </div>
<div class="MsoNormal" style="line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; vertical-align: baseline;">
<br /></div>
<div class="MsoNormal" style="line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; vertical-align: baseline;">
<b>Rules</b></div>
<div class="MsoNormal" style="line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; vertical-align: baseline;">
The rules determine what can happen, what cannot happen and the sequence of events that might happen. </div>
<div class="MsoNormal" style="line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; vertical-align: baseline;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://3.bp.blogspot.com/-8PibpD0-Dnw/WBMQF0dSOII/AAAAAAAAJH4/FeF8tAlkm8A12fKCrlud8LZUv7L4wRKdgCLcB/s1600/Trigger.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://3.bp.blogspot.com/-8PibpD0-Dnw/WBMQF0dSOII/AAAAAAAAJH4/FeF8tAlkm8A12fKCrlud8LZUv7L4wRKdgCLcB/s1600/Trigger.png" /></a></div>
<div class="MsoNormal" style="line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; vertical-align: baseline;">
<br /></div>
<div class="MsoNormal" style="line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; vertical-align: baseline;">
<br /></div>
<div class="MsoNormal" style="line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; vertical-align: baseline;">
For example, what should happen when a user presses the switch in a particular direction (Up/Down), is determined by rules defined for this lamp. </div>
<div class="MsoNormal" style="line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; vertical-align: baseline;">
<br /></div>
<div class="MsoNormal" style="line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; vertical-align: baseline;">
<b>Feedback</b></div>
<div class="MsoNormal" style="line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; vertical-align: baseline;">
Feedback lets people know what’s happening. In his book, ‘The Design of Everyday Things’, Don Norman writes,</div>
<blockquote class="tr_bq" style="line-height: normal; margin-bottom: 5.0pt; text-align: center; vertical-align: baseline;">
<i>“Sending back to the user, information about what action has actually been done, what result has been accomplished is a well-known concept in the science of control and information theory. Imagine trying to talk to someone when you cannot even hear your own voice, or trying to draw a picture with a pencil that leaves no mark: there would be no feedback.”</i></blockquote>
<div class="MsoNormal" style="line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; vertical-align: baseline;">
<br /></div>
<div class="MsoNormal" style="line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; vertical-align: baseline;">
Feedback gives each action an immediate and obvious effect to avoid pain to the user. </div>
<div class="MsoNormal" style="line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; vertical-align: baseline;">
<br /></div>
<div class="MsoNormal" style="line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; vertical-align: baseline;">
<b>Loops and Modes</b></div>
<div class="MsoNormal" style="line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; vertical-align: baseline;">
Loop is a cycle and mode is a state. Consider ‘Memories’ feature on Facebook. Facebook app constantly loops into your account to check if you have posted something on this day, 1 year, 2 years, 3 years….. X years ago. If the condition turns out to be true, a message pops up to remind you of your memory and your willingness to share your memory. </div>
<div class="MsoNormal" style="line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; vertical-align: baseline;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://4.bp.blogspot.com/-luoTZ8hB7mA/WBMQFVcBhDI/AAAAAAAAJHo/OGInWdjJuaABz96LGEhgQRu6Hn8nm2-5wCEw/s1600/Loop.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="151" src="https://4.bp.blogspot.com/-luoTZ8hB7mA/WBMQFVcBhDI/AAAAAAAAJHo/OGInWdjJuaABz96LGEhgQRu6Hn8nm2-5wCEw/s320/Loop.png" width="320" /></a></div>
<div class="MsoNormal" style="line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; vertical-align: baseline;">
<br /></div>
<div class="MsoNormal" style="line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; vertical-align: baseline;">
If you share the memory, the state of your timeline changes, by showing you a memory in addition to other posts on your timeline. To summarize, loops & modes form the meta-rules of a microinteraction. </div>
<div class="MsoNormal" style="line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; vertical-align: baseline;">
<br /></div>
<div class="MsoNormal" style="line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; vertical-align: baseline;">
<b>Sketchnote</b></div>
<div class="MsoNormal" style="line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; vertical-align: baseline;">
While there are different components that form a good microinteraction, one should remember that each one must be applied based on the context. Putting a hard rule saying, ‘Every microinteraction has to follow the set guidelines may turn out to be painpoints rather than delightful experiences.’ TEST <a href="http://twitter.com/1yvonnetse" target="_blank"><span style="border: none 1.0pt; color: #8c68cb; padding: 0in; text-decoration: none;">Yvonne Tse</span></a>, who works at Assurity Consulting in New Zealand attended my talk on ‘Microinteractions’ at WeTest Conference, Wellington. She created a lovely sketch note that is very close to what I covered in my talk. Take a look. </div>
<div class="MsoNormal" style="line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; vertical-align: baseline;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://4.bp.blogspot.com/-m-TsBH6lVME/WBMQFoskVBI/AAAAAAAAJHw/1QI9dCBAqysrDT1fPF99zEoxm68p3TO7wCEw/s1600/Microinteractions_Yvonne%2BTse.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="640" src="https://4.bp.blogspot.com/-m-TsBH6lVME/WBMQFoskVBI/AAAAAAAAJHw/1QI9dCBAqysrDT1fPF99zEoxm68p3TO7wCEw/s640/Microinteractions_Yvonne%2BTse.jpg" width="504" /></a></div>
<div class="MsoNormal" style="line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; vertical-align: baseline;">
<br /></div>
<div class="MsoNormal" style="line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; vertical-align: baseline;">
<b>Show That You Care!</b></div>
<div class="MsoNormal" style="line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; vertical-align: baseline;">
Users today, have scores of options to choose from. All they want in return for their loyalty is that you care. In the words of Dan Saffer,<o:p></o:p></div>
<div class="MsoNormal" style="line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; vertical-align: baseline;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://3.bp.blogspot.com/-NfFwoZ_aGhU/WBMQF7aDv1I/AAAAAAAAJH0/J3Fbzro-jLgkLa_P3uhagXIKBBSezts6gCEw/s1600/Show%2BThat%2BYuo%2BCare.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="235" src="https://3.bp.blogspot.com/-NfFwoZ_aGhU/WBMQF7aDv1I/AAAAAAAAJH0/J3Fbzro-jLgkLa_P3uhagXIKBBSezts6gCEw/s320/Show%2BThat%2BYuo%2BCare.png" width="320" /></a></div>
<div class="MsoNormal" style="line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; vertical-align: baseline;">
<br /></div>
<blockquote class="tr_bq" style="line-height: normal; margin-bottom: 5.0pt; text-align: center; vertical-align: baseline;">
<i>What microinteractions have made you happy today?</i></blockquote>
Parimala Hariprasadhttp://www.blogger.com/profile/15304352526906191995noreply@blogger.comtag:blogger.com,1999:blog-2085771970779369940.post-32322274194184536402016-10-10T11:52:00.000+05:302016-10-10T11:52:02.789+05:30The Writer's Block and It's Mysterious Journey<br />
<span style="background-color: white; color: #333333; font-family: Arial, sans-serif; font-size: 14px; font-style: italic;">This article was originally published on </span><a class="external-link" href="https://www.linkedin.com/pulse/writers-block-its-mysterious-journey-parimala-hariprasad?trk=mp-author-card" rel="nofollow" style="background-color: white; color: #326ca6; font-family: Arial, sans-serif; font-size: 14px; font-style: italic; text-decoration: none;">Linked In</a><span style="background-color: white; color: #333333; font-family: Arial, sans-serif; font-size: 14px; font-style: italic;">.</span><br />
<span style="background-color: white; color: #333333; font-family: Arial, sans-serif; font-size: 14px; font-style: italic;"><br /></span>
<div style="background-color: white; color: #333333; font-family: Arial, sans-serif; font-size: 14px; margin-top: 10px; padding: 0px;">
Wikipedia describes writer's block <em>“as a condition, primarily associated with writing as a profession, in which an author loses the ability to produce new work.”</em>Anything a writer writes is new work indeed which contradicts the definition itself. Confused? Read on.</div>
<div style="background-color: white; color: #333333; font-family: Arial, sans-serif; font-size: 14px; margin-top: 10px; padding: 0px;">
Many people have written about Writer's block in the past. Naomi Karten writes that <a class="external-link" href="http://www.techwell.com/2013/07/conquer-your-writers-block" rel="nofollow" style="color: #326ca6; text-decoration: none;">every writer hits writer’s block</a> and one needs to unblock himself. Seth Godin thinks that <a class="external-link" href="http://sethgodin.typepad.com/seths_blog/2012/12/writers-block-and-the-drip.html" rel="nofollow" style="color: #326ca6; text-decoration: none;">writing isn’t the hard part, it’s the commitment</a>. He also talks how Writer’s block never existed before the 1940s and it became a hit with writers only when Writing became a respectable and lucrative profession. Seth asks amusingly,</div>
<div style="background-color: white; color: #333333; font-family: Arial, sans-serif; font-size: 14px; margin-top: 10px; padding: 0px;">
<br /></div>
<blockquote style="background-color: white; border-left: 1px solid rgb(46, 61, 84); color: #707070; font-family: Arial, sans-serif; font-size: 14px; margin: 10px 0px 0px 19px; padding: 10px 20px; text-align: center;">
No one ever gets talker's block. No one wakes up in the morning, discovers he has nothing to say and sits quietly, for days or weeks, until the muse hits, until the moment is right, until all the craziness in his life has died down. Why then, is writer's block endemic?</blockquote>
<div style="background-color: white; color: #333333; font-family: Arial, sans-serif; font-size: 14px; margin-top: 10px; padding: 0px;">
<br /></div>
<div style="background-color: white; color: #333333; font-family: Arial, sans-serif; font-size: 14px; margin-top: 10px; padding: 0px;">
Writer’s block is an excuse to get away from writing. <em>It’s at best, the fear of writing anything crappy. It’s not the inability to write that is the problem, it’s the hard work, motivation and commitment to write that writers lack</em>. Additionally, writers avoid exploring different methods to improve their writing from time to time.</div>
<div style="background-color: white; color: #333333; font-family: Arial, sans-serif; font-size: 14px; margin-top: 10px; padding: 0px;">
<strong><br /></strong></div>
<div style="background-color: white; color: #333333; font-family: Arial, sans-serif; font-size: 14px; margin-top: 10px; padding: 0px;">
<strong>The Fieldstone Method</strong></div>
<div style="background-color: white; color: #333333; font-family: Arial, sans-serif; font-size: 14px; margin-top: 10px; padding: 0px;">
Writing is not as easy as it appears to be. It’s not as if, a writer sits in a beautiful apartment with a beach side view staring at palm trees and ideas start striking like stars. Writing is about serious thinking. It’s about choosing from ideas, facts, stories, plots, and characters accumulated over time. <a class="external-link" href="http://www.geraldmweinberg.com/" rel="nofollow" style="color: #326ca6; text-decoration: none;">Gerald M Weinberg</a> calls these nuggets as <em>Fieldstones</em>. This means that any writer would have a <em>‘Work in Progress Inventory’</em> that may include several books in different stages of completion, article drafts, a collection of quotes, bits and pieces of writing that amused the writer from his reading experiences and so forth. He may carry a pen and paper (tools) to collect his <em>fieldstones </em>all the time. Yeah, all the time! Note that the writer may not use all of these right away. He hopes to use them someday.</div>
<div style="background-color: white; color: #333333; font-family: Arial, sans-serif; font-size: 14px; margin-top: 10px; padding: 0px;">
<br /></div>
<div style="background-color: white; color: #333333; font-family: Arial, sans-serif; font-size: 14px; margin-top: 10px; padding: 0px;">
Aspiring writers all over the world are desperate to get an answer to the most dangerous question, “How does one overcome writer’s block”. Some of these writers expect a magical answer, “Oh! Writer’s block indeed exists and you need to do A,Band C to conquer it.” Getting stuck cannot be excused as Writer’s block. There’s one best way to beat your mind out of getting stuck – Start Writing!</div>
<div style="background-color: white; color: #333333; font-family: Arial, sans-serif; font-size: 14px; margin-top: 10px; padding: 0px;">
<strong><br /></strong></div>
<div style="background-color: white; color: #333333; font-family: Arial, sans-serif; font-size: 14px; margin-top: 10px; padding: 0px;">
<strong>Good Writing References</strong></div>
<ul style="background-color: white; color: #333333; font-family: Arial, sans-serif; font-size: 14px; margin: 10px 0px 0px;">
<li>The Fieldstone Method by Gerald Weinberg</li>
<li>On Writing by Stephen King</li>
<li>Bird by Bird by Anne Lamott</li>
<li>The Elements of Style by William Strunk Jr and E. B. White</li>
</ul>
<div style="background-color: white; color: #333333; font-family: Arial, sans-serif; font-size: 14px; margin-top: 10px; padding: 0px;">
I say this often to aspiring writers and I'll say it again, <em>"Good Writers Read"</em>. Reading helps you improve your writing skills. So, if you aspire to get better, start reading.</div>
<div style="background-color: white; color: #333333; font-family: Arial, sans-serif; font-size: 14px; margin-top: 10px; padding: 0px;">
<strong><br /></strong></div>
<div style="background-color: white; color: #333333; font-family: Arial, sans-serif; font-size: 14px; margin-top: 10px; padding: 0px;">
<strong>How do I deal with Writer's Block?</strong></div>
<div style="background-color: white; color: #333333; font-family: Arial, sans-serif; font-size: 14px; margin-top: 10px; padding: 0px;">
I get stuck with writing very often, not because I lack ideas or the will to write, but because I do not find time. The truth is, I do not *make time* for writing. As Seth Godin points out, it's the commitment that matters and I try and keep that, to be able to write my articles.</div>
<div style="background-color: white; color: #333333; font-family: Arial, sans-serif; font-size: 14px; margin-top: 10px; padding: 0px;">
<br /></div>
<blockquote style="background-color: white; border-left: 1px solid rgb(46, 61, 84); color: #707070; font-family: Arial, sans-serif; font-size: 14px; margin: 10px 0px 0px 19px; padding: 10px 20px; text-align: center;">
How do you handle writer's block?</blockquote>
<br />
<br />Parimala Hariprasadhttp://www.blogger.com/profile/15304352526906191995noreply@blogger.comtag:blogger.com,1999:blog-2085771970779369940.post-86240065967872295402016-08-24T10:52:00.000+05:302016-08-24T10:53:21.033+05:30Labels on Mobile Forms<div style="color: rgba(0, 0, 0, 0.701961); font-family: "Source Sans Pro", Helvetica, Arial, sans-serif; font-size: 18px; line-height: 32px; margin-bottom: 32px;">
Labels describe the purpose of form controls, including text fields, check boxes, radio buttons, drop-down menus amongst others. On mobile apps, screen real estate is limited. This forces app developers to save space by placing labels in varying positions on tiny screens. Labels can be placed in many different ways. I cover five varied approaches in this article.</div>
<div style="color: rgba(0, 0, 0, 0.701961); font-family: "Source Sans Pro", Helvetica, Arial, sans-serif; font-size: 18px; line-height: 32px; margin-bottom: 32px;">
<strong>Positioning Labels – The Right Way</strong></div>
<div style="color: rgba(0, 0, 0, 0.701961); font-family: "Source Sans Pro", Helvetica, Arial, sans-serif; font-size: 18px; line-height: 32px; margin-bottom: 32px;">
<strong>1. Inline Labels</strong></div>
<div style="color: rgba(0, 0, 0, 0.701961); font-family: "Source Sans Pro", Helvetica, Arial, sans-serif; font-size: 18px; line-height: 32px; margin-bottom: 32px;">
Labels placed inside the form field are called Inline Labels. These continue to be a fad for many programmers after Apple introduced them in most of their apps.</div>
<div style="color: rgba(0, 0, 0, 0.701961); font-family: "Source Sans Pro", Helvetica, Arial, sans-serif; font-size: 18px; line-height: 32px; margin-bottom: 32px;">
<img alt="" class="center" data-mce-src="https://media.licdn.com/mpr/mpr/AAEAAQAAAAAAAAmAAAAAJGRiMTc5NTlhLWU0MTktNDNmYy1hNjIyLTQwYjcxNTQ4NjA2OQ.png" height="520" src="https://media.licdn.com/mpr/mpr/AAEAAQAAAAAAAAmAAAAAJGRiMTc5NTlhLWU0MTktNDNmYy1hNjIyLTQwYjcxNTQ4NjA2OQ.png" style="display: block; height: auto; margin: 30px auto; max-width: 100%; text-align: center;" width="293" /></div>
<div class="center" style="color: rgba(0, 0, 0, 0.701961); font-family: "Source Sans Pro", Helvetica, Arial, sans-serif; font-size: 18px; line-height: 32px; margin-bottom: 32px; text-align: center;">
<em>Image Source: Dash Lane app</em></div>
<div class="left" style="color: rgba(0, 0, 0, 0.701961); font-family: "Source Sans Pro", Helvetica, Arial, sans-serif; font-size: 18px; line-height: 32px; margin-bottom: 32px;">
<strong>Pros</strong></div>
<ul style="color: rgba(0, 0, 0, 0.701961); font-family: "Source Sans Pro", Helvetica, Arial, sans-serif; font-size: 18px; margin-bottom: 15px; margin-left: 0px; margin-right: 0px; padding-left: 35px; padding-right: 0px;">
<li style="line-height: 32px; margin-bottom: 15px; margin-top: 0px;">Simplistic look</li>
<li style="line-height: 32px; margin-bottom: 15px; margin-top: 0px;">Space efficiency and better use of mobile real estate</li>
</ul>
<div style="color: rgba(0, 0, 0, 0.701961); font-family: "Source Sans Pro", Helvetica, Arial, sans-serif; font-size: 18px; line-height: 32px; margin-bottom: 32px;">
<strong>Cons</strong></div>
<ul style="color: rgba(0, 0, 0, 0.701961); font-family: "Source Sans Pro", Helvetica, Arial, sans-serif; font-size: 18px; margin-bottom: 15px; margin-left: 0px; margin-right: 0px; padding-left: 35px; padding-right: 0px;">
<li style="line-height: 32px; margin-bottom: 15px; margin-top: 0px;">Loss of Context – When user begins typing or even upon entering the field, label is lost thereby taking away the memorability aspect of the field</li>
</ul>
<div style="color: rgba(0, 0, 0, 0.701961); font-family: "Source Sans Pro", Helvetica, Arial, sans-serif; font-size: 18px; line-height: 32px; margin-bottom: 32px;">
On Dash lane app, text fields have an inline label. Tapping on the text field keeps the inline label intact, until user starts typing into it. If user deletes existing data, inline label re-appears, to remind the user about the context of the field, just in case, user forgot what the field means.</div>
<div style="color: rgba(0, 0, 0, 0.701961); font-family: "Source Sans Pro", Helvetica, Arial, sans-serif; font-size: 18px; line-height: 32px; margin-bottom: 32px;">
Inline labels suit best on forms with fewer fields. E.g., on login forms, , it’s hard to forget which field is for what kind of input(username, password), for most part as there are just fewer fields with a straightforward goal.</div>
<div style="color: rgba(0, 0, 0, 0.701961); font-family: "Source Sans Pro", Helvetica, Arial, sans-serif; font-size: 18px; line-height: 32px; margin-bottom: 32px;">
Inline label could be a great feature if it is used in the right way. A good approach is to use it as supporting text or short descriptions that provide cues to users.</div>
<div style="color: rgba(0, 0, 0, 0.701961); font-family: "Source Sans Pro", Helvetica, Arial, sans-serif; font-size: 18px; line-height: 32px; margin-bottom: 32px;">
Luke Wroblewski, writes simple guidelines for input labels in his book, Mobile First.</div>
<div style="color: rgba(0, 0, 0, 0.701961); font-family: "Source Sans Pro", Helvetica, Arial, sans-serif; font-size: 18px; line-height: 32px; margin-bottom: 32px;">
A label within an input field:</div>
<ul style="color: rgba(0, 0, 0, 0.701961); font-family: "Source Sans Pro", Helvetica, Arial, sans-serif; font-size: 18px; margin-bottom: 15px; margin-left: 0px; margin-right: 0px; padding-left: 35px; padding-right: 0px;">
<li style="line-height: 32px; margin-bottom: 15px; margin-top: 0px;">Should never become part of someone’s answer. This seems simple enough but still happens quite frequently when things haven’t been loaded or aren’t coded correctly. Ever try searching only to find the word “search” has become part of your query?</li>
<li style="line-height: 32px; margin-bottom: 15px; margin-top: 0px;">Should not be confused with an actual answer in an input field. If labels and inputs look too similar, people might (rightly) assume an answer has already been provided for them. I’ve seen this happen too often in usability testing.</li>
<li style="line-height: 32px; margin-bottom: 15px; margin-top: 0px;">Is usually absent when someone starts answering a question and when they finish answering a set of questions. This can make it harder to know which question is being answered or to go back and check answers after the labels are gone.</li>
</ul>
<div style="color: rgba(0, 0, 0, 0.701961); font-family: "Source Sans Pro", Helvetica, Arial, sans-serif; font-size: 18px; line-height: 32px; margin-bottom: 32px;">
<strong>2. Floating Labels</strong></div>
<div style="color: rgba(0, 0, 0, 0.701961); font-family: "Source Sans Pro", Helvetica, Arial, sans-serif; font-size: 18px; line-height: 32px; margin-bottom: 32px;">
<img alt="" class="center" data-mce-src="https://media.licdn.com/mpr/mpr/AAEAAQAAAAAAAAeSAAAAJDBmNWU2YzgwLWY1ZjctNDA5YS05NjBmLTE5ZGRkM2I4Y2QzOA.png" height="549" src="https://media.licdn.com/mpr/mpr/AAEAAQAAAAAAAAeSAAAAJDBmNWU2YzgwLWY1ZjctNDA5YS05NjBmLTE5ZGRkM2I4Y2QzOA.png" style="display: block; height: auto; margin: 30px auto; max-width: 100%; text-align: center;" width="309" /></div>
<div class="center" style="color: rgba(0, 0, 0, 0.701961); font-family: "Source Sans Pro", Helvetica, Arial, sans-serif; font-size: 18px; line-height: 32px; margin-bottom: 32px; text-align: center;">
<em>Image Source: Google Material Design</em></div>
<div class="left" style="color: rgba(0, 0, 0, 0.701961); font-family: "Source Sans Pro", Helvetica, Arial, sans-serif; font-size: 18px; line-height: 32px; margin-bottom: 32px;">
Material Design guideline, introduced us to floating labels, i.e. the label appears as an Inline Label on the screen (Description field). As soon as user starts typing into the field, the label slowly floats upwards and places itself at the top of the field (Title field).</div>
<div style="color: rgba(0, 0, 0, 0.701961); font-family: "Source Sans Pro", Helvetica, Arial, sans-serif; font-size: 18px; line-height: 32px; margin-bottom: 32px;">
A downside to this approach is that, unless the features are coded for accessibility, visually impaired users might find it difficult to understand this behavior.</div>
<div style="color: rgba(0, 0, 0, 0.701961); font-family: "Source Sans Pro", Helvetica, Arial, sans-serif; font-size: 18px; line-height: 32px; margin-bottom: 32px;">
<strong>3. Top Aligned Labels</strong></div>
<div style="color: rgba(0, 0, 0, 0.701961); font-family: "Source Sans Pro", Helvetica, Arial, sans-serif; font-size: 18px; line-height: 32px; margin-bottom: 32px;">
<img alt="" class="center" data-mce-src="https://media.licdn.com/mpr/mpr/AAEAAQAAAAAAAAjcAAAAJGYyNDdiZjU4LTcxY2YtNGM3ZS1hNTRhLWMwNzI5MWUzMjAxYw.png" height="541" src="https://media.licdn.com/mpr/mpr/AAEAAQAAAAAAAAjcAAAAJGYyNDdiZjU4LTcxY2YtNGM3ZS1hNTRhLWMwNzI5MWUzMjAxYw.png" style="display: block; height: auto; margin: 30px auto; max-width: 100%; text-align: center;" width="305" /></div>
<div style="color: rgba(0, 0, 0, 0.701961); font-family: "Source Sans Pro", Helvetica, Arial, sans-serif; font-size: 18px; line-height: 32px; margin-bottom: 32px;">
Labels are aligned above input fields, hence the name Top Aligned. I forgot the mobile app from where I picked this screenshot. That leads us to another problem. Shouldn't each screen have app logo on it, just in case, amnesia patients like me could recollect which app we are on? Well, I can only say, the world is tough out there.</div>
<div style="color: rgba(0, 0, 0, 0.701961); font-family: "Source Sans Pro", Helvetica, Arial, sans-serif; font-size: 18px; line-height: 32px; margin-bottom: 32px;">
<strong>Pros</strong></div>
<ul style="color: rgba(0, 0, 0, 0.701961); font-family: "Source Sans Pro", Helvetica, Arial, sans-serif; font-size: 18px; margin-bottom: 15px; margin-left: 0px; margin-right: 0px; padding-left: 35px; padding-right: 0px;">
<li style="line-height: 32px; margin-bottom: 15px; margin-top: 0px;">Faster completion time from users as per <a data-mce-href="http://www.uxmatters.com/MT/archives/000107.php" href="http://www.uxmatters.com/MT/archives/000107.php" style="color: #8c68cb; text-decoration: none;" target="_blank">Matteo Penzo’s findings</a></li>
<li style="line-height: 32px; margin-bottom: 15px; margin-top: 0px;">Works well for long labels</li>
<li style="line-height: 32px; margin-bottom: 15px; margin-top: 0px;">Labels that require localization might have good flexibility</li>
</ul>
<div style="color: rgba(0, 0, 0, 0.701961); font-family: "Source Sans Pro", Helvetica, Arial, sans-serif; font-size: 18px; line-height: 32px; margin-bottom: 32px;">
<strong>Cons</strong></div>
<ul style="color: rgba(0, 0, 0, 0.701961); font-family: "Source Sans Pro", Helvetica, Arial, sans-serif; font-size: 18px; margin-bottom: 15px; margin-left: 0px; margin-right: 0px; padding-left: 35px; padding-right: 0px;">
<li style="line-height: 32px; margin-bottom: 15px; margin-top: 0px;">They take up a lot of vertical real estate, leading to perennial vertical scrolling / swiping for long-ish mobile forms</li>
</ul>
<div style="color: rgba(0, 0, 0, 0.701961); font-family: "Source Sans Pro", Helvetica, Arial, sans-serif; font-size: 18px; line-height: 32px; margin-bottom: 32px;">
<strong>4. Right Aligned Labels</strong></div>
<div class="center" style="color: rgba(0, 0, 0, 0.701961); font-family: "Source Sans Pro", Helvetica, Arial, sans-serif; font-size: 18px; line-height: 32px; margin-bottom: 32px; text-align: center;">
<img alt="" class="center" data-mce-src="https://media.licdn.com/mpr/mpr/AAEAAQAAAAAAAAdFAAAAJGM3NWNkNDU1LThkNDktNGZiNi1iMTExLWRiMzVlNjgyZTM4MA.png" height="270" src="https://media.licdn.com/mpr/mpr/AAEAAQAAAAAAAAdFAAAAJGM3NWNkNDU1LThkNDktNGZiNi1iMTExLWRiMzVlNjgyZTM4MA.png" style="display: block; height: auto; margin: 30px auto; max-width: 100%;" width="254" /><em>Image Source: www.css-tricks.com</em></div>
<div style="color: rgba(0, 0, 0, 0.701961); font-family: "Source Sans Pro", Helvetica, Arial, sans-serif; font-size: 18px; line-height: 32px; margin-bottom: 32px;">
Labels are right-aligned while input fields follow them in left-alignment.</div>
<div style="color: rgba(0, 0, 0, 0.701961); font-family: "Source Sans Pro", Helvetica, Arial, sans-serif; font-size: 18px; line-height: 32px; margin-bottom: 32px;">
<strong>Pros</strong></div>
<ul style="color: rgba(0, 0, 0, 0.701961); font-family: "Source Sans Pro", Helvetica, Arial, sans-serif; font-size: 18px; margin-bottom: 15px; margin-left: 0px; margin-right: 0px; padding-left: 35px; padding-right: 0px;">
<li style="line-height: 32px; margin-bottom: 15px; margin-top: 0px;">Slightly slower completion times compared to top aligned labels</li>
<li style="line-height: 32px; margin-bottom: 15px; margin-top: 0px;">Less vertical space</li>
</ul>
<div style="color: rgba(0, 0, 0, 0.701961); font-family: "Source Sans Pro", Helvetica, Arial, sans-serif; font-size: 18px; line-height: 32px; margin-bottom: 32px;">
<strong>Cons</strong></div>
<ul style="color: rgba(0, 0, 0, 0.701961); font-family: "Source Sans Pro", Helvetica, Arial, sans-serif; font-size: 18px; margin-bottom: 15px; margin-left: 0px; margin-right: 0px; padding-left: 35px; padding-right: 0px;">
<li style="line-height: 32px; margin-bottom: 15px; margin-top: 0px;">When labels change, this alignment leads to flexibility issues in the layout</li>
</ul>
<div style="color: rgba(0, 0, 0, 0.701961); font-family: "Source Sans Pro", Helvetica, Arial, sans-serif; font-size: 18px; line-height: 32px; margin-bottom: 32px;">
<strong>5. Left Aligned Labels</strong></div>
<div style="color: rgba(0, 0, 0, 0.701961); font-family: "Source Sans Pro", Helvetica, Arial, sans-serif; font-size: 18px; line-height: 32px; margin-bottom: 32px;">
<img alt="" class="center" data-mce-src="https://media.licdn.com/mpr/mpr/AAEAAQAAAAAAAAiPAAAAJGYxZWNmODQ5LTg4YjItNGI3OC05NDA3LWM2MTk2NWVlN2MyMw.png" height="280" src="https://media.licdn.com/mpr/mpr/AAEAAQAAAAAAAAiPAAAAJGYxZWNmODQ5LTg4YjItNGI3OC05NDA3LWM2MTk2NWVlN2MyMw.png" style="display: block; height: auto; margin: 30px auto; max-width: 100%; text-align: center;" width="311" /></div>
<div class="center" style="color: rgba(0, 0, 0, 0.701961); font-family: "Source Sans Pro", Helvetica, Arial, sans-serif; font-size: 18px; line-height: 32px; margin-bottom: 32px; text-align: center;">
<em>Image Source: www.css-tricks.com</em></div>
<div style="color: rgba(0, 0, 0, 0.701961); font-family: "Source Sans Pro", Helvetica, Arial, sans-serif; font-size: 18px; line-height: 32px; margin-bottom: 32px;">
Labels are left-aligned while input fields follow them in left-alignment.</div>
<div style="color: rgba(0, 0, 0, 0.701961); font-family: "Source Sans Pro", Helvetica, Arial, sans-serif; font-size: 18px; line-height: 32px; margin-bottom: 32px;">
<strong>Pros</strong></div>
<ul style="color: rgba(0, 0, 0, 0.701961); font-family: "Source Sans Pro", Helvetica, Arial, sans-serif; font-size: 18px; margin-bottom: 15px; margin-left: 0px; margin-right: 0px; padding-left: 35px; padding-right: 0px;">
<li style="line-height: 32px; margin-bottom: 15px; margin-top: 0px;">Best suited for forms where users need to slow down and scan the fields. For e.g., bank forms</li>
</ul>
<div style="color: rgba(0, 0, 0, 0.701961); font-family: "Source Sans Pro", Helvetica, Arial, sans-serif; font-size: 18px; line-height: 32px; margin-bottom: 32px;">
<strong>Cons</strong></div>
<ul style="color: rgba(0, 0, 0, 0.701961); font-family: "Source Sans Pro", Helvetica, Arial, sans-serif; font-size: 18px; margin-bottom: 15px; margin-left: 0px; margin-right: 0px; padding-left: 35px; padding-right: 0px;">
<li style="line-height: 32px; margin-bottom: 15px; margin-top: 0px;">Slowest completion time compared to top aligned and right aligned labels</li>
<li style="line-height: 32px; margin-bottom: 15px; margin-top: 0px;">Difficult to parse fields on long forms</li>
</ul>
<div style="color: rgba(0, 0, 0, 0.701961); font-family: "Source Sans Pro", Helvetica, Arial, sans-serif; font-size: 18px; line-height: 32px; margin-bottom: 32px;">
Luke Wroblewski, has talked about top, right and left aligned labels in an elegant way, <a data-mce-href="http://www.lukew.com/ff/entry.asp?504" href="http://www.lukew.com/ff/entry.asp?504" style="color: #8c68cb; text-decoration: none;" target="_blank">here</a> that is almost impossible for me to beat. </div>
<div style="color: rgba(0, 0, 0, 0.701961); font-family: "Source Sans Pro", Helvetica, Arial, sans-serif; font-size: 18px; line-height: 32px; margin-bottom: 32px;">
<img alt="" class="center" data-mce-src="https://media.licdn.com/mpr/mpr/AAEAAQAAAAAAAAh5AAAAJDUwM2RmODE4LTY4MzAtNDk3Zi04M2FiLTA3MzlkZmUxNDY0YQ.png" height="514" src="https://media.licdn.com/mpr/mpr/AAEAAQAAAAAAAAh5AAAAJDUwM2RmODE4LTY4MzAtNDk3Zi04M2FiLTA3MzlkZmUxNDY0YQ.png" style="display: block; height: auto; margin: 30px auto; max-width: 100%; text-align: center;" width="290" /></div>
<div class="center" style="color: rgba(0, 0, 0, 0.701961); font-family: "Source Sans Pro", Helvetica, Arial, sans-serif; font-size: 18px; line-height: 32px; margin-bottom: 32px; text-align: center;">
<em>Image Source: Polar mobile app</em></div>
<div style="color: rgba(0, 0, 0, 0.701961); font-family: "Source Sans Pro", Helvetica, Arial, sans-serif; font-size: 18px; line-height: 32px; margin-bottom: 32px;">
As you notice in Polar mobile app above, inline labels can be used as placeholder texts inside input fields to complement labels with additional information. Notice that Polar has ensured that branding is intact on login screens with their 'Join Polar' title. There is little possibility that a user forgets which app this is. By the way, Polar app was designed by Luke Wroblewski, which was acquired by Google a while ago.</div>
<div style="color: rgba(0, 0, 0, 0.701961); font-family: "Source Sans Pro", Helvetica, Arial, sans-serif; font-size: 18px; line-height: 32px; margin-bottom: 32px;">
Labels appear to be the least important elements on mobile screens, yet play a major role in how these screens appear to users. We need to pay attention to not just their behavior, but also their placement.</div>
<blockquote style="color: rgba(0, 0, 0, 0.85098); font-family: "Source Sans Pro", Helvetica, Arial, sans-serif; font-size: 24px; font-stretch: normal; font-style: italic; line-height: 38px; margin: 50px 0px; padding-left: 80px; padding-right: 80px; position: relative; text-align: center;">
<em>How do you handle labels in your apps?</em></blockquote>
<div style="color: rgba(0, 0, 0, 0.701961); font-family: "Source Sans Pro", Helvetica, Arial, sans-serif; font-size: 18px; line-height: 32px; margin-bottom: 32px;">
<br /></div>
Parimala Hariprasadhttp://www.blogger.com/profile/15304352526906191995noreply@blogger.com