电子商务网站常见模式案例:分页设计

以下是小编为大家准备的电子商务网站常见模式案例:分页设计，本文共5篇，欢迎大家前来参阅。本文原稿由网友“本X”提供。

篇1：电子商务网站常见模式案例:分页设计

模式库

在模式库里,我将列出所有电子商务网站需要的模式.以下将罗列出经典常用的模式案例,我也试图让这些模式看起来更有趣味性与实用性，(Yahoo模式库对也有对Pattern的一种定义。)

模式归属类别

为了方便调用和维护模式库中的各种模式,首先将模式库中的模式分成三大类:用户需求,应用需求,语境下的设计.在用户需求类别中,有一种类型叫基本交互。这里我将从这个纬度把基本交互中所涉及的模式一一罗列讲解。

Pagination(分页,标记页数)问题摘要

用户需要查看数据的一个子集,却发现所有数据是显示在一页的,这时候查看变得非常不容易。

实例

何时使用

当一个屏幕不能承载更多的数据时。

感兴趣的项目通常可以在前几页找到。

需要深入探索数据项,而非考虑内容显示在一个滚动区域，

解决办法

综述:打破完整数据,分成更小的项目,顺序显示这些数据和单独序列页。提供分页控制一页一页地浏览。提供链接让用户浏览网页的前一页和后一页的这种行动。此外，提供连结到最开始和结束的资料组 （第一个和最后一个)。如果数据集是可预知数量，就显示一个链接的最后一页。如果数据集是不可预知数量或显示有可能是不同规模的（例如，来自于搜索引擎的结果数据)，请不用担心要显示链接到的最后一页。

项目分页

拆分项目列表成为一个序列的网页。

提供可访问前一页和下一页网页信息的链接。

提供可跳转到浏览第一页和最后一个页面的链接。

提供用户正在浏览的什么类型的对象信息。

提供用户正在浏览一套物体的有关信息.使用形式:”[$ObjectName]s [DisplayedItemRange] of [TotalItems]“

本环节的顺序如下：第一页，上一页，下一页，最后。

使用的图形箭头，以增加链接的目标大小。

显示翻页在不可用情况的管理显示状态。

搜索分页

使信息转化为按相关性分类排序的一系列网页。

提供分页控制来提供访问分页内容。

篇2：14种常见的网站设计模式

搜索/结果网站模板模式

搜索屏幕模式对于想快速、直接看到具体结果的用户来说非常便捷。从很简单的到非常复杂的都有。而对于google学术的用户，高级搜索限定更复杂的搜索条件会提炼出用户更期望得到的信息。

表单网站模板模式

表单类型众多，也是最能体现用户体验是否良好的地方。

主体/细节网站模板模式

主体/细节模式可以分为横向和纵向两种。如果想让用户在同一页面下，引导他们在类目下高效地切换，这无疑是一种理想的方式。如果主体信息对于用户来说更重要，最好选择横向布局。或是主体部分不仅条目多而且包含信息也多，那也该选择这种横向布局。

过滤数据组网站模板模式

分为横向和纵向。开始定义一些已知信息，之后通过限定条件对搜索后的结果进行再过滤。

空白状态网站模板模式

空白状态指在任何数据输入或进入系统前，应用的自然状态。空白状态的屏幕使得用户更期待。通过给用户一种预览来降低担心、沮丧和犹豫。空白状态屏幕包括：视频，快速教程，帮助提示，安装后的截图。

交互网站模板模式

交互模型屏幕模式应用在很多交互要素需要与关键项目进行交互的时候。是一种用户体验更贴近用户心智模型的模式。在日历、地图、线状图、预设可能场景分析，所见即所得编辑器时应用效果非常好。

分栏浏览网站模板模式

分栏浏览也分为横向和纵向两种。用户可以通过它，选择不同的类别点进并逐步引导用户找到需要的信息。

Q&A网站模板模式

Q&A模式是指用户通过选取相符条件，从而自主找到适合自己的解决方案。Q&A不同于搜索模式，它通常需要了解用户基础上，通过提问来帮助用户弄清他们缺乏经验的在哪里有哪些可供的选择或建议。

电子表格网站模板模式

方便用户快速浏览，编辑大板块信息的理想模式。电子表格需要提供下列功能：标准的表格，隐藏/显示 栏目，重列栏目，分组，全局撤销/重做，增加/插入/删除排，键盘导航，导入和导出。

向导网站模板模式

对于复杂的或是不常见的流程，向导/快速启动屏幕模式可以有效地导航。

仪表盘网站模板模式

一个设计完善的仪表盘应提供：一目了然的关键信息，实时数据，易读的图形和操作，清晰的入口和浏览。理论上讲，在一个屏幕下展示复杂的数据本身就很难。

平行面板网站模板模式

平行面板屏幕模式可以收起，也可以展开。这种模式适合组织大量类似或相互影响的信息，让用户在同一页面更高效的获得信息。最佳应用在：需要申请者需要填写各种没有顺序的类别目录。

调色盘/画布网站模板模式

调色盘/画布虽然不算最常见模式，但它对于创造图形类文档有着不可替代的优势：比如设计线性或非线性图;流程图;页面布局;制定物理大小的设计/图表或控制布局。

其他网站模板模式

- Tabs网站模板：其实Tab是一种部件，不是一种模式。它为在多种同语境下的数据提供多选一选择。如果数据结构导致你的设计tab显得很多。有两个小建议：第一，重新考虑架构。通过使用卡片分类或请教一名专业的信息架构师;第二，可以参考平行面板的规范和案例。

- 门户网站模板：如果你是市场调研专家，商业需求分析师和用户反馈调研员设计门户，可以参考控制面板的设计规范和案例。

[14种常见的网站模板设计模式]

篇3：电子商务网站产品页面设计i模式交互设计

此文主要讨论电子商务网站产品页面设计模式，从产品页面元素、设计理由，解决方案等对产品页面设计进行分析，以客观的思路来探讨如何设计出好用的产品页面

产品页面作用

用于显示在一个电子商务网站中的产品信息，包括商品制造商，品牌，产品说明，价格以及用户评论等。

产品页面元素与解决方案

目前产品页面都会包含以下一些必要元素：

产品名称

产品图片

价格

“添加到购物车”或“购买”按钮

此外，下面的元素也经常出现在产品页面中：

折扣价格（通常为红色，与原价进行区分，原价一般都有横线）

详细的图像（大图片）

产品型号（大小，颜色等）

产品样式图片（不同颜色或图案的产品图片）

库存量

交货时间

“加入收藏”/“收藏夹”按钮

缩放功能

简短说明

更长的描述

产品规格/详细资料

产品标签与关键词（比如“畅销书”，“热销商品”等）

产品ID，

特别优惠（购买此产品可以免运费等）

支持信息 – 包括厂家维修电话号码或电子邮件地址

分享按钮（比如 ，豆瓣等）

产品页面设计目标

产品页面的主要目标就是将感兴趣的访问者转换成付费用户。说服用户作出决定购买一个或更多的产品。

如何增加产品页面转化率

有几个因素可以调整，以增加转换。包括技术和设计模式：

使用高质量的产品照片。照片可以包含的两个功能：（1）设置语音（以语音形式介绍产品的功能与使用范围）和（2）让客户可以从不同角度观看产品图片

篇4：自建B2C电子商务网站设计中8个常见的问题

3:B2C电子商务网站是要长首页还是要短首页? 至于长首页还是短首页目前没有一个明确的范例,也没有一个统一的尺度.总体上来看跟自己网站的...

3:B2C电子商务网站是要长首页还是要短首页?

至于长首页还是短首页目前没有一个明确的范例,也没有一个统一的尺度.总体上来看跟自己网站的品类多少和网站结构设计有关.

一般来说搜索导向的电子商务平台可以采用稍微短一点的首页,搜索已经足够用了.然后首页保留3屏左右的区域做促销推荐,来加强高利润产品的销售.比如亚马逊就是最明显的例子.但是也有不少综合平台的首页在3屏以上甚至4屏,3C类电子商务平台多是如此,比如京东和新蛋.有可能是品类相对集中,比较好分类展示.

也有部分网站突破了长首页分类的模式,比如ASOS和onlineshoes,国外的网站采用的多一些.至于什么原因我还没有想明白.有可能是因为使用大图片来凸显主销品的品牌.用更多的文字链分类在来取代了原来的图片导航.这个取决于网站的运营特色和消费习惯,至于国内是否实用,需要实践来检验.

4:用户几步完成购物才算合理?

用户的购物流程越简单,越少越好.中国有句古话:“夜长梦多”,购物流程多了会引起用户流失.目前比较流行的是:“回首-列表页-详情页-购物车-注册页面-订单提交页-订单成功页”的七步购物,比较符合用户习惯,不能再长了.

但是众多B2C商家都在不断的研究如何缩短用户购物流程.比如亚马逊美国,在10月份推出了新功能“Amazon PayPhrase”,买家可以把姓名/地址/付款资料通用一个句子与密码存储起来.结账时,你只需要输入你自设的这个句子与密码即可,在线购物的网民将省去一系列繁琐的填写程序.好特好实现了在专题页内快速订购,不进购物车.这些都算一种新的尝试,效果还不错.

5:如何鼓励用户提交真是注册信息?

相信大家都知道用户终身价值是任何一个电子商务网站都追求目标.而与用户保持紧密联系的最好方式之一就是用户的真实有效电子邮件.尽管我们在设计网站和购物流程的时候,都费劲心思的去设计用户注册的步骤,但我们拿到的还是很多的无效电子邮件地址.我在做我们自己数据营销的时候,发现邮件的反馈率也是很低的,更不要说从外部购买的数据库了.

提升利用户注册信息有效性的有效方式之一就是在用户提交注册注册信息之后,再提供一些小礼品给用户,鼓励其激活 .比如说,提醒用户“请到您的注册邮箱领取我们提供的奖品”,给用户一些小礼物,再诱导其激活手机和留下真实的是收货地址,这样的信息的有效性就会提升很多.

6:如何设计在线客服支持促进用户购买?

相信大家在进行网上之时,都会产品对产品、价格、品质等的咨询问题,这个时候就需要在线客服的支持,就像我们在商城购物需要导购员一样.目前在线客服做的最好是淘宝.因为他有无数的C店主,相当于有无数的在线客服.这一点在B2C上是不现实的.B2C上在线客服一般有如下的模式:

一登陆网站就弹出个大对话框:“亲好,请问您需要什么服务?”.这种程序自带的对话系统要坚决取缔!至少洪成浩进入去买东西就不希望一进门就被问要买什么.

站头或者右侧放置在线QQ或者在线MSN:这种方式比较人性化,但是如果销售规模大了,也无法支撑,适合规模较小的电子商务网站.

免费400电话:导购型B2C电子商务平台的首选.某些品类的B2C平台电话订单甚至占了总订单数的40%以上.可见有一群巧舌如簧的客服人员是很重要的.但是缺点是成本太高,不适合小商户使用.

在线支持文档:美国人最喜欢使用的方式.比如亚马逊和Google,他们会把说明文档做的很详细,让你有问题自己看,没事不要打我电话.优点是成本低,可扩展性好.缺点是对用户的智商要求比较高.

问答专区:普遍适用.真实的用户评论是提升销售额的利器.

厚诚集智 成长无限 企业大学网 www.51hlhu.com

篇5：自建B2C电子商务网站设计中8个常见的问题

目前自建平台的B2C电子商务商家越来越多,但是我发现不少商家都对自己如何建设自己的网站心里都没没谱.一般都是在参照淘宝、当当、卓越或...

从中国目前的电子商务发展来看,诞生了一批以广告推广为导向的电子商务网站,如凡客诚品(VANCL)、好特好商城等.也有一部分老牌的或者新兴的综合实力较强的电子商务平台如亚马逊、一号店等等.细心的用户可以发现,这两类电子商务平台在布局和结构上是有所差别的.那么我们就简单的将国内的电子商务网站分成导购型平台和搜索型平台.下面我就简单的叙述一下这两类平台建设的布局要点.

1:导航如何设置?

相信很对人都对电子商务网站要不要左侧导航而由犹豫.从我的观察来看,要不要左侧导航主要看你网站的品类.如果是类似于亚马逊、一号店这样的综合平台,那么,左侧导航是需要的,这样可以便于用户查询.

如果是品类比较少的品牌电子商务网站,左侧导航不要也罢.目前国际上也流行不要左侧导航,只保留顶部导航的做法.比如Vancl的网站和英国的ASOS,都取消了左侧导航.其目的主要有两个:一是站内品类比较少,左侧导航没有那么多内容.二是为了空出位置增加首页的展示空间,提升关键产品的销售几率.三是引导用户关注主推产品,减少选择空间.

2:重站内搜索还是重展示?

这一点同样是要根据网站自身的经营特色和中国国情来进行参考.

重站内搜索的典型电子商务网站就是亚马逊.它将搜索框做的很大,放在网站首页的最核心位置.相关搜索做的也很完善.之所以这样的原因是:国外的电子商务发展很成熟,用户来带了网站的购买意向很明确.而且国外用户对搜索引擎的使用频率也很高,这也一定程度上左右了电子商务网站建设的布局.

不过在国内,除了几个老牌的电子商务品牌对站内搜索比较重视意外.不少品牌电子商务网站降低了站内搜索权重.比如凡客诚品和masamaso,我上文提到的ASOS也是如此.一方面是因为中国用户已经习惯了菜市场和超市里的叫卖,需要销售引导和做出购买决策,因此需要增加站内广告陈列来引导用户的选择;另一方面也是因为品牌电子商务网站的站内搜索的使用率比较低,所以弱化其作用.

厚诚集智 成长无限 企业大学网 www.51hlhu.com

《电子商务》案例分析题

电子商务网站安全论文

电子商务网站创业计划书

手心手背都是肉―电子商务网站排序规则探讨交互设计

CTOB电子商务交易模式初探

电子商务网站常见模式案例:分页设计.doc

将本文的Word文档下载到电脑，方便收藏和打印

推荐度：

点击下载文档