我们基于严格的测试和研究对服务提供商进行排名,同时也会考虑用户反馈以及我们与提供商之间签订的商业协议。本页面包含联盟链接。广告披露
  1. Website Planet
  2. >
  3. 博客
  4. >
  5. 如何使你的网站更适用于手机

如何使你的网站更适用于手机

马克·霍顿 作者:
如果你十年前听信David Platt丶Seth Porges丶Steve Ballmer以及其他许多怀疑者的话,那么你永远不会相信智能手机会成功。但它确实成功了!

据《TIME》杂志报道,美国人整体每日查看其智能手机的次数达到惊人的80亿次。如果你想更深入分析,一般消费者约每12分钟查看一次电话,或者在平日一日内约查看80次。

这不仅令人震惊,而且相当荒谬。但作为企业主,这也是对你潜在客户群的一项可贵的洞解 – 更不用说是帮助你优化网站以更佳迎合受众的巧妙方法。没错;我们正在谈论制作适合移动设备的网站,以便在你的消费者通过便捷的移动设备上网时,你的网站可以成为其列表中的首选。

你可以通过以下方式使你的网站更加适合移动设备,以便你的客户能够一次又一次地回头光顾。

数据速览

但在这之前,你需要了解拥有适合移动设备的网站对你的业务有多重要。稍微查看一下最近的统计数据(据OuterBox指出)应该可以一窥端倪:
  •  62%的智能手机用户在过去六个月内使用手机购物。
  •  80%的消费者使用他们的移动设备进行比较购物、寻找其他商店位置或了解有关产品的更多信息。
  •  在2015年的假日季节,超过33%的电子商务购物乃通过使用智能手机所完成的。
  •  如果有一个糟糕的移动网站,57%的用户不会推荐该商家。
  •  61%的用户如果在移动设备上使用网站遇到困难便不会再度光临。
我还可以继续讲,但你现在可能已经有概念了。移动电子商务是未来的潮流,如果你不加入,便很可能落后于人。幸运的是,我在下面提供了一些专业指导,以帮助你快速搭上手机购物的浪潮。

red computer1

响应式网站

正如朋友丶家人和同事希望我们即时回应一样,网站浏览者也希望他们访问的网站能够即时响应。如果你还听不懂,让我为你解释一下。响应式网站是指会根据你正在使用的设备类型进行调整的网站;这种网站会自动更改你网站的大小丶格式和内容布局,以适应你正在查看的屏幕。这点非常重要!响应式设计可确保重要的营销功能丶引人注目的图标以及网站设计中精心布置的元素不会因屏幕尺寸参数而打折。

放眼全局

我们是视觉的生物,这就是图像在网站设计中扮演如此重要角色的原因。事实上,据Hubspot称,37%的营销人员称视觉营销是企业最重要的内容形式,而有74%的人表示他们将图像置于博客文章和视频内容之前。换句话说,图片是一个大关键,所以请确保你的图片有助於产品销售。仅使用高分辨率图像以避免对视觉效果有任何不良影响。

避免缩放

你是否也一样讨厌登陆网页上显示一些模糊不清丶要很吃力才能看清楚的文字?大多数人都会对这点感到沮丧,这就是为什么在设计适合移动设备的网站时需要不惜一切代价避免这点的原因。相反,请选择在这些设备上易于辨认的字体大小和样式。专家建议文本使用大约14px,按钮则使用44px乘44px。

mobile_frendly1

寻找提供适合移动设备选项的网站构建器

想要的元素太多空间却不够吗?如果对于你来说,营销丶库存丶CRM丶网站设计丶公关和移动优化有点太多,那么你应该寻求专人协助。找一个在计划中提供适合移动设备选项的优质网站建设者。这并不难;事实上,最好的网站建设者服务会同时为你提供移动优化。以下是一些你可以考虑的网站构建器:
  • Wix1:Wix有一个很棒的移动编辑器,可以让你立即为移动设备更改设计元素。
  • SimpleSite:此网站构建器允许你构建响应式博客网站,以迎合移动設備。
  • Site123:Site123具有完全响应的模板、移动预览模式,以及无需单独编辑器即可更改文本、图像或内容的功能。
  • Wordpress1 : 可通过WordPress使用以制作出一个适合移动设备的杀手级网站的应用程序和插件多到数不清。
  • Weebly1: Weebly拥有一个完整的移动网站建设者、响应式模板,以及一个简单的拖放设计师,只需几分钟即可完成漂亮的移动设计。

优惠选项

虽然你需要针对移动设备进行优化,但你不希望完全取消桌面视图选项。因为虽然大多数人更喜欢更新的丶适合移动设备的网站,但仍然有一大群消费者喜欢看旧式的丶令人熟悉的桌面版本。针对那些人,你只需提供一个简单的链接,以指导他们转到完整的网站,或查看桌面版本。这样一来,人们可以选择移动版本,或坚持使用桌面版本。再说,每个人都喜欢有所选择。

跳过Flash

总之,Flash已经过时了。其加载速度慢丶不受Android或iOS设备支持,因此许多浏览器都不能顺利使用Flash。说到底,忽略它。

测试、测试、再测试

从观众的角度来看,测试是观察事物的最佳方式。因此,偶尔在各种移动设备上加载你的网站,以查看你的消费者所看到的内容。如果它看起来不太好,马上进行修复!

是时候通过移动友好设计动员你的力量了

电子商务已经转上手机,且一去不回。 这就是为什么你需要加入这个风潮,如果你希望你的企业在几年后仍然在市场上有一席之地。 好消息是,创建一个考量到移动访问者的精美响应式网站设计相对简单。


TIME: http://time.com/4147614/smartphone-usage-us-2015/

OuterBox: https://www.outerboxdesign.com/web-design-articles/mobile-ecommerce-statistics

Hubspot: https://blog.hubspot.com/marketing/visual-content-marketing-strategy


IMAGES

Responsive Website: https://clicktecs.com/responsive-website-design/

Mobile Friendly Website: https://www.wix.com/blog/photography/2017/03/20/how-to-make-your-photography-website-mobile-friendly/

为这篇文章评分
4.0 3 名用户评分
您已投票!撤销
此栏位必填 Maximal length of comment is equal 80000 chars 评论最短10字
有任何意见吗?
必填欄位 Maximal length of comment is equal 5000 chars 评论最短50字
0 出于 50 个字符
回复
查看%s的回复
View %s reply
相关文章
显示更多相关帖子
我们会在48小时内检查所有用户评论,以确保他们出自真人之手。我们很高兴这篇文章对您来说很实用 – 如果您愿意分享,我们将不胜感激。
Popup final window
立即与朋友和同事分享此博客文章:

We check all comments within 48 hours to make sure they're from real users like you. In the meantime, you can share your comment with others to let more people know what you think.

每月一次,您将收到有趣且富有洞察力的提示、技巧和建议,以利您改善您的网站性能并实现您的数字营销目标!

很高兴你喜欢

与你的朋友分享!

1 1 1

或在此撰写评论 1

190191
50
5000
85061