{"id":83,"date":"2017-01-10T13:17:23","date_gmt":"2017-01-10T13:17:23","guid":{"rendered":"http:\/\/www.zombiesoftwares.com\/blog\/?p=83"},"modified":"2017-01-13T16:19:49","modified_gmt":"2017-01-13T16:19:49","slug":"top-10-ux-treats-on-the-new-oasis-website","status":"publish","type":"post","link":"http:\/\/www.zombiesoftwares.com\/blog\/top-10-ux-treats-on-the-new-oasis-website\/","title":{"rendered":"Top 10 UX treats on the new Oasis website"},"content":{"rendered":"<p><img data-recalc-dims=\"1\" decoding=\"async\" id=\"img647\" class=\"aligncenter size-medium sq_image\" title=\"ecommerce\" src=\"https:\/\/i0.wp.com\/www.zombiesoftwares.com\/blog\/wp-content\/uploads\/2017\/01\/ecommerce-shopping-retail-ss-1920.jpg?w=500\" alt=\"ecommerce\"  \/><\/p>\n<p>&nbsp;<\/p>\n<p>We have recently flipped the fashion ecommerce site Oasis up and down\u00a0. We present you some of the 10 extraordinary UX tweaks they have compiled<\/p>\n<h3>1. Product photograph carousels in listings<\/h3>\n<p>Yes, there&#8217;s a quickview functionality (click the eye icon) but there&#8217;s also the option of cycling through product shots on the filter page in a mini slider, as shown in the GIF below.<\/p>\n<p>Great stuff. They work nicely on mobile, too.<\/p>\n<p><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/www.zombiesoftwares.com\/blog\/wp-content\/uploads\/2017\/01\/oasis_products.gif?resize=585%2C297\" alt=\"oasis product listings\" width=\"585\" height=\"297\" \/><\/p>\n<h3>2. Filter products by stock in your local store<\/h3>\n<p>This is smart.\u00a0<a href=\"http:\/\/www.zombiesoftwares.com\/blog\/top-10-ux-treats-on-the-new-oasis-website\/\" target=\"_self\">Oasis<\/a>\u00a0allows me to filter my search by stock in my local store.<\/p>\n<p>So, if I&#8217;m setting off in ten minutes to go shopping, I can see whether the item I want will be available when I get there.<\/p>\n<p>Yes, I can order a product to store, but that takes time. This feature allows instant gratification, making the website a tool for offline shopping.<\/p>\n<p><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/www.zombiesoftwares.com\/blog\/wp-content\/uploads\/2017\/01\/Screen_Shot_2016-06-24_at_15.07.14.png?resize=615%2C331\" alt=\"oasis search filters\" width=\"615\" height=\"331\" \/><\/p>\n<p>Oasis is also promoting what it calls &#8216;seek &amp; send&#8217;. If a product is out of stock at the distribution centre, Oasis will source it from remaining stock in stores.<\/p>\n<p>This is what the best retailers do (Schuh has been doing it\u00a0for a while), so plaudits to Oasis for enabling it.<\/p>\n<p>What&#8217;s slightly strange is that Oasis doesn&#8217;t go the whole hog and consolidate store and warehouse stock on the website. Saying &#8216;good things are hard to find&#8217; could be seen as an indictment of operations.<\/p>\n<p>I&#8217;m being picky &#8211; it&#8217;s a definite improvement.<\/p>\n<p><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/www.zombiesoftwares.com\/blog\/wp-content\/uploads\/2017\/01\/screen_shot_2016-06-24_at_15.57.02-blog-flyer.png?resize=470%2C257\" alt=\"seek and send\" width=\"470\" height=\"257\" \/><\/p>\n<h3>3. Best-sellers and &#8216;loved right now&#8217; carousels on the homepage<\/h3>\n<p>There&#8217;s debate in ecommerce about whether it&#8217;s a good idea to put products on the homepage.<\/p>\n<p><a href=\"http:\/\/www.zombiesoftwares.com\/blog\/dos-and-dont-for-home-page\" target=\"_self\">Some say<\/a>\u00a0it reduces scrolling below the fold and diminishes user momentum on entry.<\/p>\n<p>Personally, I&#8217;m not so sure &#8211; if users are looking for something specific, they won&#8217;t necessarily hit the homepage, but casual shoppers might.<\/p>\n<p><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/www.zombiesoftwares.com\/blog\/wp-content\/uploads\/2017\/01\/Screen_Shot_2016-06-24_at_14.50.03.png?resize=615%2C394\" alt=\"loved right now and bestsellers\" width=\"615\" height=\"394\" \/><\/p>\n<h3>4. Chunky predictive search includes commerce\u00a0<em>and<\/em>\u00a0content<\/h3>\n<p>I really like the search bar. It&#8217;s chunky,\u00a0<a href=\"http:\/\/www.zombiesoftwares.com\/blog\/fashion-site-search-comparison-study\/\" target=\"_self\">predictive<\/a>\u00a0and easy to use (aside from a tiny bug where rollover of a two-word suggested search term only underlines one word).<\/p>\n<p>As you can see in the screenshots below, not only are products surfaced as I am typing, but once I hit my search results page, I can toggle from products to content.<\/p>\n<p>I haven&#8217;t seen this functionality before. It could arguably distract from ecommerce, or perhaps further integrate content to increase dwell time.<\/p>\n<p>All will depend on the quality of the articles &#8211; which I didn&#8217;t think worked particularly well on mobile, with small font and no clarity of message.<\/p>\n<p><em>Predictive search<\/em><\/p>\n<p><img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/www.zombiesoftwares.com\/blog\/wp-content\/uploads\/2017\/01\/Screen_Shot_2016-06-24_at_14.38.34.png?w=615\" alt=\"oasis search\"  \/><\/p>\n<p><em>Search results include articles<\/em><\/p>\n<p><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/www.zombiesoftwares.com\/blog\/wp-content\/uploads\/2017\/01\/Screen_Shot_2016-06-24_at_14.25.22.png?resize=615%2C303\" alt=\"oasis search\" width=\"615\" height=\"303\" \/><\/p>\n<h3>5. Shoppable user-generated content (UGC)<\/h3>\n<p>This feature is becoming increasingly common, and I think Oasis has done a good job here.<\/p>\n<p>There&#8217;s plenty of content already loaded and it seems genuine, giving shoppers a better idea of what pieces look like on a &#8216;real&#8217; model.<\/p>\n<p>Photos can be uploaded from Facebook, Instagram or from your hard drive \/ photo library.\u00a0The section also promotes the hashtag #destinationoasis for shoppers to share their looks.<\/p>\n<p><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/www.zombiesoftwares.com\/blog\/wp-content\/uploads\/2017\/01\/Screen_Shot_2016-06-24_at_14.10.03.png?resize=615%2C321\" alt=\"oasis ugc\" width=\"615\" height=\"321\" \/><\/p>\n<p><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" data-attachment-id=\"85\" data-permalink=\"http:\/\/www.zombiesoftwares.com\/blog\/top-10-ux-treats-on-the-new-oasis-website\/screen-shot-2017-01-10-at-5-03-18-pm\/\" data-orig-file=\"https:\/\/i0.wp.com\/www.zombiesoftwares.com\/blog\/wp-content\/uploads\/2017\/01\/Screen-Shot-2017-01-10-at-5.03.18-PM.png?fit=2032%2C1198\" data-orig-size=\"2032,1198\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"Screen Shot 2017-01-10 at 5.03.18 PM\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/i0.wp.com\/www.zombiesoftwares.com\/blog\/wp-content\/uploads\/2017\/01\/Screen-Shot-2017-01-10-at-5.03.18-PM.png?fit=300%2C177\" data-large-file=\"https:\/\/i0.wp.com\/www.zombiesoftwares.com\/blog\/wp-content\/uploads\/2017\/01\/Screen-Shot-2017-01-10-at-5.03.18-PM.png?fit=840%2C495\" class=\"alignnone size-full wp-image-85\" src=\"https:\/\/i0.wp.com\/www.zombiesoftwares.com\/blog\/wp-content\/uploads\/2017\/01\/Screen-Shot-2017-01-10-at-5.03.18-PM.png?resize=840%2C495\" alt=\"\" width=\"840\" height=\"495\" srcset=\"https:\/\/i0.wp.com\/www.zombiesoftwares.com\/blog\/wp-content\/uploads\/2017\/01\/Screen-Shot-2017-01-10-at-5.03.18-PM.png?w=2032 2032w, https:\/\/i0.wp.com\/www.zombiesoftwares.com\/blog\/wp-content\/uploads\/2017\/01\/Screen-Shot-2017-01-10-at-5.03.18-PM.png?resize=300%2C177 300w, https:\/\/i0.wp.com\/www.zombiesoftwares.com\/blog\/wp-content\/uploads\/2017\/01\/Screen-Shot-2017-01-10-at-5.03.18-PM.png?resize=768%2C453 768w, https:\/\/i0.wp.com\/www.zombiesoftwares.com\/blog\/wp-content\/uploads\/2017\/01\/Screen-Shot-2017-01-10-at-5.03.18-PM.png?resize=1024%2C604 1024w, https:\/\/i0.wp.com\/www.zombiesoftwares.com\/blog\/wp-content\/uploads\/2017\/01\/Screen-Shot-2017-01-10-at-5.03.18-PM.png?w=1680 1680w\" sizes=\"auto, (max-width: 840px) 100vw, 840px\" \/><\/p>\n<p>&nbsp;<\/p>\n<h3>6. E-receipts added to your online account<\/h3>\n<p>This hasn&#8217;t been implemented yet, but soon offline shoppers will be able to request an e-receipt, not just on email, but saved to their online account.<\/p>\n<h3>7. Clean and clear product pages with UGC included<\/h3>\n<p>The product pages are well laid out on desktop. I particularly like the fact that the user can see each thumbnail photograph clearly, before they select them.<\/p>\n<p>User-generated content is included in these thumbnails, too.<\/p>\n<p>We&#8217;re familiar with\u00a0product video\u00a0by now, but Oasis does it well here, with a full 18-19 seconds of footage.<\/p>\n<p><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/www.zombiesoftwares.com\/blog\/wp-content\/uploads\/2017\/01\/Screen_Shot_2016-06-24_at_16.08.58.png?resize=615%2C339\" alt=\"product page oasis\" width=\"615\" height=\"339\" \/><\/p>\n<h3>8. Silly rollovers<\/h3>\n<p>I&#8217;m all for\u00a0<a href=\"http:\/\/www.zombiesoftwares.com\/blog\/23-creative-examples-of-hover-states-in-ecommerce-ux\/\" target=\"_self\">micro-interactions<\/a>\u00a0to spice up a desktop website (these rollovers are redundant on mobile), but these feel a little pointless.<\/p>\n<p>Yes, they&#8217;re twee, but the more annoying thing is that when I rollover them, I forget what category I&#8217;m hovering over.<\/p>\n<p>A minor quibble on a lovely website.<\/p>\n<p><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/www.zombiesoftwares.com\/blog\/wp-content\/uploads\/2017\/01\/rollies.gif?resize=585%2C229\" alt=\"oasis rollovers\" width=\"585\" height=\"229\" \/><\/p>\n<h3>9. Slightly weird copywriting<\/h3>\n<p>In some places, I do get the feeling that the\u00a0copywriting\u00a0has been done by someone who doesn&#8217;t quite have an ear for fashion speak.<\/p>\n<p>Here&#8217;s a good example &#8211; &#8216;anyone for tennis?&#8217; &#8211; not quite sure what relevance that has for the little black dress, gown or mini. Perhaps I&#8217;m nitpicking.<\/p>\n<p><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/www.zombiesoftwares.com\/blog\/wp-content\/uploads\/2017\/01\/Screen_Shot_2016-06-24_at_14.44.55.png?resize=450%2C459\" alt=\"anyone for tennis\" width=\"450\" height=\"459\" \/><\/p>\n<h3>10. &#8216;Why create an account?&#8217;<\/h3>\n<p>More best practice done well, giving users reasons why they should register for an account.<\/p>\n<p><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/www.zombiesoftwares.com\/blog\/wp-content\/uploads\/2017\/01\/screen_shot_2016-06-24_at_14.42.31-blog-flyer.png?resize=470%2C413\" alt=\"why create an account\" width=\"470\" height=\"413\" \/><\/p>\n<blockquote><p>&#8220;For free consultation on your idea, Call us now on +971-544177921 or\u00a0<a href=\"mailto:info@zombiesoftwares.com\">email<\/a>\u00a0. Send your query to\u00a0<a href=\"http:\/\/www.zombiesoftwares.com\/contact.php\">link<\/a>&#8220;<\/p><\/blockquote>\n","protected":false},"excerpt":{"rendered":"<p>&nbsp; We have recently flipped the fashion ecommerce site Oasis up and down\u00a0. We present you some of the 10 <span class=\"more-text\">&hellip;<\/span><\/p>\n","protected":false},"author":1,"featured_media":777,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"advanced_seo_description":"","jetpack_seo_html_title":"","jetpack_seo_noindex":false,"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":true,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","enabled":false},"version":2}},"categories":[3],"tags":[48,49,75,65],"class_list":["post-83","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-user-experience","tag-customer-experience","tag-ecommerce","tag-product-page","tag-web-design-trends"],"jetpack_publicize_connections":[],"jetpack_sharing_enabled":true,"jetpack_featured_media_url":"https:\/\/i0.wp.com\/www.zombiesoftwares.com\/blog\/wp-content\/uploads\/2017\/01\/UI-vs-UX-designers.png?fit=1100%2C619","jetpack_shortlink":"https:\/\/wp.me\/p8i7fD-1l","jetpack-related-posts":[],"_links":{"self":[{"href":"http:\/\/www.zombiesoftwares.com\/blog\/wp-json\/wp\/v2\/posts\/83","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.zombiesoftwares.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.zombiesoftwares.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.zombiesoftwares.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.zombiesoftwares.com\/blog\/wp-json\/wp\/v2\/comments?post=83"}],"version-history":[{"count":6,"href":"http:\/\/www.zombiesoftwares.com\/blog\/wp-json\/wp\/v2\/posts\/83\/revisions"}],"predecessor-version":[{"id":512,"href":"http:\/\/www.zombiesoftwares.com\/blog\/wp-json\/wp\/v2\/posts\/83\/revisions\/512"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/www.zombiesoftwares.com\/blog\/wp-json\/wp\/v2\/media\/777"}],"wp:attachment":[{"href":"http:\/\/www.zombiesoftwares.com\/blog\/wp-json\/wp\/v2\/media?parent=83"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.zombiesoftwares.com\/blog\/wp-json\/wp\/v2\/categories?post=83"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.zombiesoftwares.com\/blog\/wp-json\/wp\/v2\/tags?post=83"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}