专业手机网站设计之部分模块建议

分享手机网站设计

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

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

在移动设备上访问网页，主页内容通常较少，更多是帮助用户找到所需的内容。常见的模式就是一栏促销，一栏链接列表或产品目录，很简单。关键词搜索一般都有，还有店铺的链接，订阅促销邮件及忠诚度计划的登记表。亚马逊和梅西都使用促销商品和列表目录混排的方式。塔吉特的促销内容比简单列表占据屏幕更大的空间，极具视觉冲击力。Threadless使用仪表盘模式，比起移动电子商务网页，在原生应用中较为常见。如果购物者来你的网站是为了快速比较价格，那么他们更需要的便是简单的列表样式和搜索功能。如果他们是来关注促销和打折的，那么塔吉特的设计模式就更合适。因此，你需要分析消费者来你的网站的目的，以此决定合适的设计模式。

导航

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

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

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

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

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

搜索建议

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

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

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

网站栏目：专业手机网站设计之部分模块建议
分享URL：https://www.cdcxhl.com/news20/166870.html

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有网站设计等

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联