large_Crossover Series NFTs.png

medium_Crossover Series NFTs.png

small_Crossover Series NFTs.png

thumbnail_Crossover Series NFTs.png

From Photography to NFT Art: Twisted Digital Landscapes with Nate Hill

From Design System to ‘NFT Design System’: Creating TinyFaces

Neurodiversity and Inclusion: Choosing Kinder Design

medium_652ccf22c8853584bde5553986a4eed0.png

small_652ccf22c8853584bde5553986a4eed0.png

thumbnail_652ccf22c8853584bde5553986a4eed0.png

Web5 is here. Goodbye Web3? TBD.

<a href="https://uxplanet.org/the-rise-of-conversational-website-cbf8edaddbf7?source=rss----819cc2aaeee0---4">UX Planet &mdash; Medium</a> | Jiaqi Pan 
<h4>How to use conversational interfaces as the secret weapon to hyper-personalize website experience.</h4>
<img alt="" src="https://cdn-images-1.medium.com/max/1024/1*wIbiirZOhfXRQQXoNev_Tw.png">
The Internet has brought us instant access to massive amount of information at our fingertips. However, unlike computers, the human brain has a limited processing power, which forces us to filter out contents that are not relevant to us. It´s been demonstrated that our attention span has decreased to be shorter than a goldfish!
<h3>From Mass Production to Hyper Personalization</h3>
In the past, most businesses are operating with Mass Production model pioneered by Henry Ford where the key is to ensure the quality of product and deliver it to the customer at scale. Today´s consumers have more choices than ever in any given product category (retail, finances, software, etc.) which make mass production no longer useful as a competitive advantage.
In the recent years, thanks to the advance of technologies, businesses are starting to adopt a new approach called Hyper Personalization (HP)
At its heart, Hyper-Personalization means to rethink customer interaction on a 1:1 level, where we treat every customer uniquely as an individual and design a customized experience for each one. A great example of HP is the customization feature of <a href="https://www.nike.com/us/en_us/c/nikeid">Nike’s website</a> which allows user to design their own Nike shoes.
<h3>Hyper-personalization on Website</h3>
We can see that many industries are under profound transformation thanks to Hyper-Personalization. Now let´s take a look at Website, which one of the main communication channel businesses use to communicate with their customers.
Some of the most sophisticated companies are already doing certain level of personalization on their websites:
<h3>Using IP address.</h3>
If we take a close look at the <a href="https://stripe.com">homepage</a> of Stripe, the leading online payment platform, apart from the <a href="https://www.leejamesrobinson.com/blog/how-stripe-designs-beautiful-websites/">beautiful design</a>, we can observe that Stripe is offering different customer logos as testimonials depending on the IP address of the user. Below you can see the difference between what users from Spain and US see at their website.
<img alt="" src="https://cdn-images-1.medium.com/max/1024/0*ZoUTc75jzFwpICE4.">Logos for users from Spain<img alt="" src="https://cdn-images-1.medium.com/max/1024/0*mweMup_3qMSPacIW.">Logos for users from US
<h3>Using browser language</h3>
Now let´s check out the Uber´s <a href="https://www.uber.com">website</a>. We can see that they track the language of your browser and display a localized content accordingly. Below is the comparison between the Spanish vs English version.
<img alt="" src="https://cdn-images-1.medium.com/max/1024/0*u3A-WcAMr1TRWX2A.">Spanish version website<img alt="" src="https://cdn-images-1.medium.com/max/1024/0*XTHF8RTNHesxwd3x.">English version website
We can see that Uber team has not only translated the text, but also has changed the website design to adapt better to the audience in each case.
<h3>Using referral links</h3>
Our final example is the referral landing page from Intercom. Chris Von Wilpert has done a brutal job covering <a href="https://sumo.com/stories/intercom-marketing#1">Intercom´s growth strategy</a>. The very first tip Chris pointed out is the referral strategy used by Intercom with dymic keywords insertion. When a user clicks on the referral link from a live chat with Intercom´s branding, unlike other saas companies, he will land on a landing page like below.
<img alt="" src="https://cdn-images-1.medium.com/max/1024/0*_IH_Mf0qRK3debmg.">Landing page with dynamic keyword insertion
The trick here is the company name in the message varies depending on where the user has seen the link, which brings better contextualization for the user thus converts more than using a generic message.
<h3>Why is the adoption of hyper-personalization still so slow on websites?</h3>
The answer is because of many technical challenges websites faces to offer more personalized experience. Some of the common challenges are:
<ul>
<li>An over-abundance of non-actionable data. Companies have an abundance of data but cannot use it to personalize digital experiences because it’s siloed in different systems.</li>
<li>Knowing who to personalize for. Content is locked up in a content management system and controlled by developers, while visitor data is not available for targeting in real time.</li>
<li>Measuring the impact of personalization. Even if they can target personalized content to valuable audiences, companies often lack a direct way to measure the aggregate effect of that portfolio of customized content across their site over time.</li>
</ul>
<h3>The rise of Conversational Interface</h3>
The good news is that with the rise of Conversational Interfaces (CI) also known as interface based chatbots, we now have the perfect solution to bring website experience to the next level.
For those that are not familiar with the term:
<blockquote>A conversational interface is a hybrid UI that interacts with users combining chat, voice or any other natural language interface with graphical UI elements like buttons, images, menus, videos, etc.</blockquote>
<img alt="" src="https://cdn-images-1.medium.com/max/1024/1*b6Hzn3Xlj3XveP2WqPX0-A.png">Slack is an excellent example of Conversational Interface
There are three main reasons why CI has a natural fit for hyper-personalization on the website:
-Real-time: Unlike a graphical UI which is relatively static, with Conversational Interface users can have real-time interactions. Furthermore, they can choose in each interaction the most relevant information. Consequently, the conversational interface is continuously adapting and redefined by each input from users.
-Contextualization: a conversation is a two-way communication, the user is getting information but at the same time also giving data to the system about himself: his info, preferences, location, etc. With a conversational interface, businesses can progressively profile the user and use all the data to personalize the experience further.
-Simplicity: last but not least as mentioned before, with most CMS available in the market, it´s very challenging to do the level of hyper-personalization truly needed to offer a Frictionless experience. However, in the case of conversational interface, the development cost is much more affordable. In fact, there are services available like Landbot.io that can help people to build conversational experience on a website without any technical knowledge.
<h3>Examples of Conversational Websites</h3>
To conclude I would like to share some exciting examples of conversational websites:
<a href="https://landbot.io/">Landbot.io:</a> a simple tool that aims to humanize website experiences with conversations. To demonstrate the potential of conversational interfaces, the Landbot team has built their complete website in a conversational format.
<img alt="" src="https://cdn-images-1.medium.com/max/1024/0*bg2Tvore1J5naDO1.">
<a href="https://azumbrunnen.me">Adrian Zumbrunnen</a>: Adrian is a UX/UI designer who has transformed his personal website into a conversation. He also wrote some interesting <a href="https://uxdesign.cc/my-website-is-now-conversational-here-is-what-i-learned-7e943cc6ace0">learnings</a> about his experiment.
<img alt="" src="https://cdn-images-1.medium.com/max/1024/0*YW7vzDWjEi9HxOsJ.">
<a href="https://www.producthunt.com/upcoming/landbot-1-0">Upcoming pages:</a> Product Hunt the premium platform for launching new digital products has recently released a new feature called Upcoming Pages. It helps product makers to get early users for their upcoming product.
<img alt="" src="https://cdn-images-1.medium.com/max/856/0*MBK92K1qzKxub5pO.">
I hope this post could shed to light some challenges website developers have to face regarding Hyper-Personalization. Also, the potential of the Conversational Interface to make website experiences to become more <a href="https://medium.com/landbot-io/frictionless-customer-experience-the-new-business-competitive-advantage-e4381d74e0b1">frictionless</a>.
If you like this post please show me some ❤️ with your awesome claps 👏
<iframe src="https://cdn.embedly.com/widgets/media.html?src=https%3A%2F%2Fupscri.be%2Fb3e808%3Fas_embed%3Dtrue&amp;url=https%3A%2F%2Fupscri.be%2Fb3e808%2F&#038;image=https%3A%2F%2Fe.enpose.co%2F%3Fkey%3DdRXnS9Gplk%26w%3D700%26h%3D425%26url%3Dhttps%253A%252F%252Fupscri.be%252Fb3e808%252F%253Fenpose&amp;key=a19fcc184b9711e1b4764040d3dc5c07&amp;type=text%2Fhtml&amp;schema=upscri" width="800" height="400" frameborder="0"><a href="https://medium.com/media/96d08ab34921bdd17986cb5c0396842f/href">https://medium.com/media/96d08ab34921bdd17986cb5c0396842f/href</a></iframe><img src="https://medium.com/_/stat?event=post.clientViewed&amp;referrerSource=full_rss&amp;postId=cbf8edaddbf7" width="1" height="1" alt="stat?event=post.clientViewed&amp;referrerSou">
<hr>
<a href="https://uxplanet.org/the-rise-of-conversational-website-cbf8edaddbf7">The Rise of Conversational Website</a> was originally published in <a href="https://uxplanet.org">UX Planet</a> on Medium, where people are continuing the conversation by highlighting and responding to this story.

The Rise of Conversational Website

The Rise of Conversational Website

How to use conversational interfaces as the secret weapon to hyper-personalize website experience.

Top Stories