深圳0755-83589234 13602656525 业务部 设计部
分享手机网站设计
来源:专业做网站 专业建网站 专业网站建设 专业网站制作 专业网站设计   发布时间:2016-08-26   浏览量:727 次

  功成网络今天跟大家分享手机网站设计

 

     本文中,深圳专业网站制作-功成网络专注于智能手机,而不是图表。我们将介绍一些用于移动电子商务功能的设计模式和方法,如下:·主页  ·导航  ·搜索建议 ·搜索结果·搜索过滤和分类·产品页·图片库·购物车·账户或游客登录·表格

 

     本文中所有例子都来源于移动网页,在智能手机浏览器中运行。大多数属于大型百货零售商,因为他们有庞大的产品目录,这就需要考虑周全的设计方式,以突出搜索,并将搜索结果进行过滤和分类。本文还有许多基于电子商务的原生app,许多模式都能很好的运用其上。

 

     主页

     在移动设备上访问网页,主页内容通常较少,更多是帮助用户找到所需的内容。常见的模式就是一栏促销,一栏链接列表或产品目录,很简单。关键词搜索一般都有,还有店铺的链接,订阅促销邮件及忠诚度计划的登记表。

 

     亚马逊和梅西都使用促销商品和列表目录混排的方式。

     塔吉特的促销内容比简单列表占据屏幕更大的空间,极具视觉冲击力。

     Threadless使用仪表盘模式,比起移动电子商务网页,在原生应用中较为常见。

 

     如果购物者来你的网站是为了快速比较价格,那么他们更需要的便是简单的列表样式和搜索功能。如果他们是来关注促销和打折的,那么塔吉特的设计模式就更合适。因此,你需要分析消费者来你的网站的目的,以此决定合适的设计模式。

 

     导航

     除了使用主页作为主要的导航中心,许多网站也在多数页面上设置了导航目录,通常是作为页头。这让消费者能轻松在页面间跳转,而无需回到主页。

     lowe的导航目录中,每个选项都有图标。best buy的目录则使用了两栏的排版,并且用按钮替代列表。Lowe的目录出现时会覆盖整个页面,而Best Buy的目录出现时会向下推挤屏幕上的其他内容。

 

      Macy的导航目录包含下级选项。CVS则具有双栏目录,每个选项也有图标。它们的目录都在页面顶端展示。

 

     设计网页导航的方式多种多样。Lowe的设计很简洁,而且图标带来了一些视觉上的亮点。而导航以外的其余内容都隐入背景,这使用户在选择导航内容时,更集中于当前目标。CVS的版式相对杂乱,两栏的选项,每个项目都搭配了图标。CVS的目录上有许多可以点击的bar,相互之间很接近,这在触摸屏上可能导致可用性问题。

 

      有趣的是,大型电子商务网站通常不会一次显示许多导航选项。它们尝试在导航的视觉设计和网页信息构架之间寻求平衡,仔细考虑应存在于全站导航上的项目的数量。通过网站分析来确定消费者会点击哪个目录选项,可以帮助你决定目录上的内容。可对不同的设计进行A/B测试和可用性测试,看看哪种设计选项太多太杂,最佳方案应使人们不但找到建议内容,也能找到需要的内容。——为了商业需求,也为了用户需求。

 

     搜索建议

     搜索建议,也叫输入提示或自动填写,当消费者键入前几个字幕的时候就显示出可能的输入结果。在常用搜索中,这对消费者来说真的很方便,特别是当输入内容很长的时候。而搜索建议的一个局限就是:在虚拟键盘上很容易输错字,这会改变建议的结果。而显示常见“正确”的结果可能更有用。而且,考虑使用改进的自动建议模式来减少输入内容,在最有效率的前提下使用更慢的移动带宽。

 

     Macy的导航目录包含下级选项。CVS则具有双栏目录,每个选项也有图标。它们的目录都在页面顶端展示。

     设计网页导航的方式多种多样。Lowe的设计很简洁,而且图标带来了一些视觉上的亮点。而导航以外的其余内容都隐入背景,这使用户在选择导航内容时,更集中于当前目标。CVS的版式相对杂乱,两栏的选项,每个项目都搭配了图标。CVS的目录上有许多可以点击的bar,相互之间很接近,这在触摸屏上可能导致可用性问题。

    

     专业网站设计-功成网络的目标就是与更多的客户达成合作关系,从而构造一个庞大的用户群体,形成流量集成平台,并捆绑在一起,让每一个客户从他和我们合作的第一天开始就遥遥领先,具有先天优势,快捷地走向成功。

 

     本文发布于【深圳市功成创意网络技术有限公司】转载请注明来源:http://www.gc711.com/