{"id":2256,"date":"2016-03-25T13:48:19","date_gmt":"2016-03-25T13:48:19","guid":{"rendered":"https:\/\/www.searchenginewatch.com\/2016\/03\/25\/10-brilliant-ux-features-from-the-airbnb-website\/"},"modified":"2019-10-15T07:19:24","modified_gmt":"2019-10-15T07:19:24","slug":"10-brilliant-ux-features-from-the-airbnb-website","status":"publish","type":"post","link":"https:\/\/searchenginewatch.com\/2016\/03\/25\/10-brilliant-ux-features-from-the-airbnb-website\/","title":{"rendered":"10 brilliant UX features from the Airbnb website"},"content":{"rendered":"<p><strong>Airbnb has been very successful, to say the least. Of course, a disruptive business model has been a big factor, but a great user experience has played a big part.<\/strong><\/p>\n<p>While travel brands have. in general, been slow to adapt to the web, brands like airbnb (and booking.com) have shown the way in terms of <a href=\"https:\/\/searchenginewatch.com\/2019\/10\/08\/how-to-fix-the-top-most-painful-ux-mistakes-examples\/\">UX<\/a>.<\/p>\n<p>So, here&#8217;s a selection of UX delights from Airbnb&#8230;<\/p>\n<h3>Easy search box<\/h3>\n<p>When you head to the airbnb homepage, user attention will tend to focus on the search box.<\/p>\n<p>It&#8217;s simple to get started too: enter destination, check in\/out dates and number of guest and you&#8217;re in.<\/p>\n<p><a href=\"https:\/\/www.clickz.com\/wp-content\/uploads\/sites\/2\/2016\/03\/airbnb-search.png\" rel=\"attachment wp-att-94646\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-94646\" src=\"https:\/\/www.clickz.com\/wp-content\/uploads\/sites\/2\/2016\/03\/airbnb-search.png\" alt=\"airbnb site search\" width=\"615\" height=\"310\" \/><\/a><\/p>\n<p>Compare this to the ibis homepage (both shots show what&#8217;s visible above the fold). The search box doesn&#8217;t stand out against all the other elements on the page.<\/p>\n<p><a href=\"https:\/\/www.clickz.com\/wp-content\/uploads\/sites\/2\/2016\/03\/ibis-search.png\" rel=\"attachment wp-att-94648\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-94648\" src=\"https:\/\/www.clickz.com\/wp-content\/uploads\/sites\/2\/2016\/03\/ibis-search.png\" alt=\"ibis search\" width=\"615\" height=\"361\" \/><\/a><\/p>\n<h3>Search results pages<\/h3>\n<p>The <a href=\"https:\/\/www.clickz.com\/2016\/02\/15\/17-ways-to-improve-your-site-search-results-pages\">presentation of site search results<\/a> is very important. The ease of use, ability to tailor the selection to your needs and find key information can\u00a0drive more bookings.<\/p>\n<p>Here, the presentation is clear, and there are plenty of ways to sort and filter the selection of homes on offer.<\/p>\n<p><a href=\"https:\/\/www.clickz.com\/wp-content\/uploads\/sites\/2\/2016\/03\/airbnb-results.png\" rel=\"attachment wp-att-94679\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-94679\" src=\"https:\/\/www.clickz.com\/wp-content\/uploads\/sites\/2\/2016\/03\/airbnb-results.png\" alt=\"airbnb results\" width=\"615\" height=\"330\" \/><\/a><\/p>\n<h3>The ability to search by moving the map<\/h3>\n<p>I love this, as it suits the way I like to search. Let&#8217;s say you want somewhere near the centre of town (Seville in this case) or perhaps near a beach or other attraction &#8211; this feature allows you to search around that area without having to start again or amend your search radius.<\/p>\n<p>It also works well too, loading new results quickly and allowing a quick preview of the apartments helps.<\/p>\n<p><a href=\"https:\/\/www.clickz.com\/wp-content\/uploads\/sites\/2\/2016\/03\/airbnb-search-map.png\" rel=\"attachment wp-att-94680\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-94680\" src=\"https:\/\/www.clickz.com\/wp-content\/uploads\/sites\/2\/2016\/03\/airbnb-search-map.png\" alt=\"airbnb search map\" width=\"615\" height=\"696\" \/><\/a><\/p>\n<p><a href=\"https:\/\/www.clickz.com\/2016\/03\/03\/mapping-results-on-travel-sites-whats-best-for-usability\">Mapping results is a key feature of most travel sites<\/a>, but airbnb does this as well as any.<\/p>\n<h3>Urgency<\/h3>\n<p>Airbnb uses urgency well.<\/p>\n<p>This is\u00a0a useful tactic, as it pushes\u00a0the customer to come to a decision on whether or not to make a\u00a0booking.<\/p>\n<p>Here, when looking for a place to rent in New York next weekend, I&#8217;m warned that just 11% of homes are left. This means I need to make a decision quickly to secure a booking.<\/p>\n<p><a href=\"https:\/\/www.clickz.com\/wp-content\/uploads\/sites\/2\/2016\/03\/airbnb-urgency.png\" rel=\"attachment wp-att-94828\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-94828\" src=\"https:\/\/www.clickz.com\/wp-content\/uploads\/sites\/2\/2016\/03\/airbnb-urgency.png\" alt=\"airbnb urgency\" width=\"615\" height=\"494\" \/><\/a><\/p>\n<p><a href=\"https:\/\/www.clickz.com\/clickz\/column\/2429902\/10-ways-online-retailers-can-use-urgency-to-increase-conversions\">Urgency<\/a> should be used\u00a0in moderation &#8211; use it too much and customers will learn to ignore the message.<\/p>\n<p>It should convey useful information, like this note telling me I&#8217;ve found an apartment which is usually booked up.<\/p>\n<p><a href=\"https:\/\/www.clickz.com\/wp-content\/uploads\/sites\/2\/2016\/03\/airbnb-urgency-2.png\" rel=\"attachment wp-att-94829\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-94829\" src=\"https:\/\/www.clickz.com\/wp-content\/uploads\/sites\/2\/2016\/03\/airbnb-urgency-2.png\" alt=\"airbnb urgency 2\" width=\"615\" height=\"260\" \/><\/a><\/p>\n<h3>Social proof<\/h3>\n<p><a href=\"https:\/\/www.clickz.com\/clickz\/column\/2423961\/how-e-commerce-sites-can-use-social-proof-to-increase-conversions\">Social proof <\/a>helps to persuade potential customers through the wisdom of the crowds.<\/p>\n<p>So, in this case, if other people have booked here and enjoyed it, then that&#8217;s a big push for the potential customer.<\/p>\n<p>Here, it also acts as a quality control mechanism for airbnb, as bad reviews will help to weed out the poorer rentals, while the need to attract good reviews offers a powerful incentive for people to ensure their customers have a great experience.<\/p>\n<p><a href=\"https:\/\/www.clickz.com\/wp-content\/uploads\/sites\/2\/2016\/03\/airbnb-reviews.png\" rel=\"attachment wp-att-94830\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-94830\" src=\"https:\/\/www.clickz.com\/wp-content\/uploads\/sites\/2\/2016\/03\/airbnb-reviews.png\" alt=\"airbnb reviews\" width=\"615\" height=\"438\" \/><\/a><\/p>\n<h3>Images<\/h3>\n<p>Airbnb works around images. The homepage is image-heavy, but the most crucial use is in apartment listings.<\/p>\n<p>Many travel sites used to expect that a couple of small images would work, but people want to see detail. It&#8217;s a huge part of the decision on whether or not to book.<\/p>\n<p>It&#8217;s up to the homeowners to take and show a good range of images, but airbnb ensures they are presented well.<\/p>\n<p>There are a few key features here:<\/p>\n<ul>\n<li>Plenty of images.<\/li>\n<li>Images showing views from apartments.<\/li>\n<li>Images showing key features &#8211; beds, cooking equipment etc.<\/li>\n<li>The presentation. By showing in a lightbox like this, airbnb makes it easy to browse photos.<\/li>\n<\/ul>\n<p><a href=\"https:\/\/www.clickz.com\/wp-content\/uploads\/sites\/2\/2016\/03\/images-airbnb.png\" rel=\"attachment wp-att-94832\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-94832\" src=\"https:\/\/www.clickz.com\/wp-content\/uploads\/sites\/2\/2016\/03\/images-airbnb.png\" alt=\"images airbnb\" width=\"615\" height=\"309\" \/><\/a><\/p>\n<h3>Clear presentation of information<\/h3>\n<p>Home listings require detail &#8211;\u00a0number of bedrooms, cooking facilities, wifi, proximity of local amenities etc.<\/p>\n<p>Presenting this detail without cluttering the page or making it difficult to scan and understand is important.<\/p>\n<p>Airbnb uses features like symbols and bold highlighting to help <a href=\"https:\/\/searchenginewatch.com\/2018\/12\/21\/guide-google-analytics-confusing-terms\/\">users<\/a> scan, while information is laid out with plenty of space.<\/p>\n<p><a href=\"https:\/\/www.clickz.com\/wp-content\/uploads\/sites\/2\/2016\/03\/info-airbnb.png\" rel=\"attachment wp-att-94836\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-94836\" src=\"https:\/\/www.clickz.com\/wp-content\/uploads\/sites\/2\/2016\/03\/info-airbnb.png\" alt=\"info airbnb\" width=\"615\" height=\"466\" \/><\/a><\/p>\n<h3>Price bar chart<\/h3>\n<p>This subtle price range chart allows users to instantly get an idea of the range of prices available for their search.<\/p>\n<p>It means they can narrow the price range while ensuring they will generate a good number of results.<\/p>\n<p><a href=\"https:\/\/www.clickz.com\/wp-content\/uploads\/sites\/2\/2016\/03\/airbnb-price-chart.png\" rel=\"attachment wp-att-94833\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-94833\" src=\"https:\/\/www.clickz.com\/wp-content\/uploads\/sites\/2\/2016\/03\/airbnb-price-chart.png\" alt=\"airbnb price chart\" width=\"615\" height=\"234\" \/><\/a><\/p>\n<h3>Neighbourhood\u00a0guides<\/h3>\n<p>This is a great feature, and very useful for visitors unfamiliar with a particular destination.<\/p>\n<p>The hosts have recommended cafes, restaurants, great places to shop in the area near their apartment, shown on this map.<\/p>\n<p>It&#8217;s useful when deciding whether to book, but also when you arrive, so you can find a good restaurant without having to gamble.<\/p>\n<p><a href=\"https:\/\/www.clickz.com\/wp-content\/uploads\/sites\/2\/2016\/03\/guides-airbnb.png\" rel=\"attachment wp-att-94834\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-94834\" src=\"https:\/\/www.clickz.com\/wp-content\/uploads\/sites\/2\/2016\/03\/guides-airbnb.png\" alt=\"guides airbnb\" width=\"615\" height=\"310\" \/><\/a><\/p>\n<h3>Forms\/checkout<\/h3>\n<p>Forms are well presented with lots of white space and clear information around fields.<\/p>\n<p>There are reminders of total cost, while errors are flagged immediately and field requiring attention are highlighted clearly.<\/p>\n<p><a href=\"https:\/\/www.clickz.com\/wp-content\/uploads\/sites\/2\/2016\/03\/forms-airbnb.png\" rel=\"attachment wp-att-94835\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-94835\" src=\"https:\/\/www.clickz.com\/wp-content\/uploads\/sites\/2\/2016\/03\/forms-airbnb.png\" alt=\"forms airbnb\" width=\"615\" height=\"362\" \/><\/a><\/p>\n<h3>Bad UX<\/h3>\n<p>It&#8217;s not all rosy, and there are a couple of\u00a0features which could annoy users.<\/p>\n<p>This bar encouraging me to sign up for instance. It can&#8217;t be closed and is big enough that it obscures a good part of the screen.<\/p>\n<p>Perhaps users want to browse first, then sign up if they want to. This gets in the way of that.<\/p>\n<p><a href=\"https:\/\/www.clickz.com\/wp-content\/uploads\/sites\/2\/2016\/03\/airbnb-bad.png\" rel=\"attachment wp-att-94837\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-94837\" src=\"https:\/\/www.clickz.com\/wp-content\/uploads\/sites\/2\/2016\/03\/airbnb-bad.png\" alt=\"airbnb bad\" width=\"615\" height=\"323\" \/><\/a><\/p>\n<p>Then there&#8217;s this, in a similar vein. This time it takes over the whole screen. Maybe airbnb has tested these popups and found they increased\u00a0the number of logins.<\/p>\n<p><a href=\"https:\/\/www.clickz.com\/wp-content\/uploads\/sites\/2\/2016\/03\/bad-airbnb.png\" rel=\"attachment wp-att-94838\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-94838\" src=\"https:\/\/www.clickz.com\/wp-content\/uploads\/sites\/2\/2016\/03\/bad-airbnb.png\" alt=\"bad airbnb\" width=\"615\" height=\"441\" \/><\/a><\/p>\n<p><a href=\"https:\/\/www.clickz.com\/2016\/02\/09\/email-pop-ups-on-ecommerce-sites-do-they-work\">They can work<\/a>, when applied well, though it&#8217;s\u00a0hard\u00a0to measure the number of people who are deterred by intrusive methods like this.<\/p>\n<p>The sheer number of adblock users is testament to the dislike for such tactics.<\/p>\n<p>As a user, I&#8217;d be happy to sign in if I decide to make a booking, but I&#8217;d rather do this when I&#8217;m ready, rather than being hounded into it.<\/p>\n<p>Airbnb should rely on its reputation, UX and sheer range of properties to convert customers, rather than intrusive formats like this.<\/p>\n<h3>In summary<\/h3>\n<p>The last gripe aside, airbnb is a great site to use.<\/p>\n<p>The key processes of searching, viewing and making sense of results, and finding information on rentals is as good as any site I can think of, and better than most.<\/p>\n<p><em>This article was originally published on our sister site <a href=\"https:\/\/www.clickz.com\/\">ClickZ<\/a>. We&#8217;re republishing a handful of their recent articles over the Bank Holiday weekend. Go give them some love.<\/em><\/p>\n<p><strong>Airbnb&#8217;s General Manager James McClure will be speaking at our new\u00a0<strong><a href=\"http:\/\/digitalshiftevents.com\/?utm_source=sew_blog&amp;utm_medium=referral&amp;utm_campaign=Shift2016&amp;utm-content=post\">Shift<\/a>\u00a0<\/strong>event in London, 24-25 May.\u00a0<\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Airbnb has been very successful, to say the least. Of course, a disruptive business model has been a big factor, but a great user experience has played a big part.<\/p>\n","protected":false},"author":126,"featured_media":2257,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[8],"tags":[1693,30,138,183],"content_type":[27095],"class_list":["post-2256","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-content","tag-airbnb","tag-ecommerce","tag-user-experience","tag-ux","content_type-news"],"acf":{"tad_independentcommercial":false,"tad_content_format":false},"post_info":{"name":"Graham Charlton","title":"","thumbnail_url":"https:\/\/searchenginewatch.com\/wp-content\/uploads\/2018\/10\/Airbnb-new-logo-1-1024x863-120x90.jpg","category":"Content","timeago":"10y"},"_links":{"self":[{"href":"https:\/\/searchenginewatch.com\/wp-json\/wp\/v2\/posts\/2256","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/searchenginewatch.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/searchenginewatch.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/searchenginewatch.com\/wp-json\/wp\/v2\/users\/126"}],"replies":[{"embeddable":true,"href":"https:\/\/searchenginewatch.com\/wp-json\/wp\/v2\/comments?post=2256"}],"version-history":[{"count":0,"href":"https:\/\/searchenginewatch.com\/wp-json\/wp\/v2\/posts\/2256\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/searchenginewatch.com\/wp-json\/wp\/v2\/media\/2257"}],"wp:attachment":[{"href":"https:\/\/searchenginewatch.com\/wp-json\/wp\/v2\/media?parent=2256"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/searchenginewatch.com\/wp-json\/wp\/v2\/categories?post=2256"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/searchenginewatch.com\/wp-json\/wp\/v2\/tags?post=2256"},{"taxonomy":"content_type","embeddable":true,"href":"https:\/\/searchenginewatch.com\/wp-json\/wp\/v2\/content_type?post=2256"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}