Navigation Bar Research
Transcript: NAVIGATION BAR RESEARCH Problem Osram Nav Problem for scholl bar beside dropdown navigation User need to click arrow and move down only can see the content Desktop View Limited space to content Menu can be more structure Top e-Commerse web China Taobao, Alibaba.com, Tmall US Amazons & eBay UK Amazon UK, Argos, and Play.com Top Worldwide Ecommerce Website Germany Amazons , eBay ,Otto , Zalando France Odigeo & C-discount Malaysia Lazada , 11street , Lelong Research : https://www.business.com/articles/10-of-the-largest-ecommerce-markets-in-the-world-b/ http://www.ecinsider.my/2015/11/top-10-online-shopping-sites-malaysia.html https://ecommercenews.eu/19-european-companies-global-top-50-biggest-e-tailers/ Amazon.com, Inc. JD.com, Inc Apple Inc. Wal-Mart Stores, Inc. Suning Commerce Group Co., Ltd. Otto (GmbH & Co KG) Tesco PLC Vipshop Holdings Limited Liberty Interactive Corporation Macy's, Inc. 2017 TOP 50 E-RETAILERS CHART (US) Research : https://nrf.com/2017-top-50-e-retailers-chart Allegro Bol.com Cdiscount DaWanda Fnac Fruugo La Redoute PriceMinister Spartoo Zalando Top Ten Alternative Marketplaces in Europe Research : http://www.webretailer.com/lean-commerce/alternative-marketplaces-europe/#/ Etsy.com www.indiegogo.com Other Website Desktop Desktop Navigation Amazon Ebay 5 columns navigation 2 columns content & 3 column picture Otto 5 columns navigations with divider Argos 6 navigation bar with content & pictures Cdiscount Full range navigation with 6 columns ETSY Mobile Ebay Amazon Navigation with multiple selection (no scoll) Research : https://codyhouse.co/gem/mega-dropdown/ http://navnav.co/ Solution Solution Can be apply 1. Use Color Title to seperate catogory Make dropdown bar become 6 column Burger Navigation in Categories Minimise the function into horizontal Autoclose function when select other menu Research -> https://codyhouse.co/gem/css-mega-site-navigation/ https://www.script-tutorials.com/css3-responsive-menu/