2014年与2015年相较，民众用行动装置购物从五成提升至八成，手机与平版的消费人数上升3倍，而电脑版人数却降低了22%，大家合理推断有几个缘由：1、装置的改变大屏幕手机销量占比将达 46%，超越中型手机两成行动装置之冠！小屏幕要呈现购物步骤等复杂的介面，据有相当大的困难程度，屏幕尺寸与分析度的提高，扩大了可视范围，对于用户浏览更为容易。2、买家用习惯改变，买家常常接触手机，习惯用手机上网与操作，对于手机信任度提升。3、网站制作更为容易操作，手机版购物网页愈加容易操作，甚至简化过后介面会来的比电脑版简单很多。便捷性与用习惯改变，让买家想选择用手机来上网上购物物。透过以上的介绍大家好了解到手机版购物网站制作的趋势与重要程度，网站制作有不少应该注意的地方，今天博久网络就先来谈谈手机版购物网站的选单设计。手机版网页选单需着重导航设计选单是引导用户进入商品页面的媒介，不论是电脑版或行动版网页，都要着重导航设计，特别在于手机的画面有限状况下，应以导航为主，将选单抛弃多余的美编图片、成效及非必要功能。过去在手机版网页中，对于手机的小屏幕，大家会使用一栏式设计并加强字级等，但如今手机屏幕尺寸与分析度的提高，在商品目录页中常见改使用两栏式呈现，下面透过几个案例让大伙看看他们是如何设计选单的。案例剖析案例1、Lativ 来源网址：m.lativ.com.twLativ在选单设计上没主选单的图，直接列出商品的大分类，将它他的会员、购物车放在下方，降低了展开选单的步骤，并打造简洁风格。案例2、Uniqlo 来源网址：www.uniqlo.com/twUniqlo选单透过不同颜色来区别商品大分类，点击选单图后直接列出第二层选单，直得关注的是，可能因为服装业中女人网上购物族群相较于男士来的高，不论是首页的选单排序，或是点击主选单后所展开的画面，都以女装为优先，这是一个知道自己客群后，所做出的好设计方法。在第三层的选单中用商品类别的图、文呈现，并用两栏排列，类别示意图可以帮助用户迅速分辩商品类别，也增加选单活泼性。案例3、A Common Space 来源网址：www.acommonspace.comA Common Space不同于他在电脑版的设计，将最底层分类直接作为手机版选单，由两层选单变成一层，让用户在选择商品类别时更为轻松，也将不会一直用到的功能，如社群、币别等，收合在选单中，尽量的维持画面干净。案例4、H&M 来源网址：m2.hm.com/m/en_gb/hm-com.genericdevice.htmlH&M的选单用跳页方法，在进入第二层时加入该类别的视觉图像作搭配，并用不一样的画面，让用户了解了解自己进入了不同页面。在首页区块中用商品大分类，让用户也可以从首页区块进入商品类别。案例5、Apple 来源网址：www.apple.com/Apple选单用跳页方法呈现，在选择商品大分类后，进入该类别的专页，不用相同的选单样式，而选择用横式滑块，并用分类图做搭配，在第三层商品介绍项目页面中，用第二阶层下拉选单。他将每一层做区别，并针对每一层的不同需要，而对应不一样的选择方法。案例6、PlayStation 来源网址：www.playstation.com/en-usPlayStation在第一层选单点击后，左边保留原本第一层分类图，右边显示第二层分类，了解让用户了解目前在哪一个类别之下，用户在做上一个类别切换时，不需回到上一层做选择。
网站栏目：购物网站建设趋势：手机网页选单设计文章路径
网站制作、网络营销推广公司-博久网络，是专注品牌与成效的网站建设，网络推广营销网站优化公司；服务项目有网站建设等
