数据速览
但在这之前,你需要了解拥有适合移动设备的网站对你的业务有多重要。稍微查看一下最近的统计数据(据OuterBox指出)应该可以一窥端倪:- 62%的智能手机用户在过去六个月内使用手机购物。
- 80%的消费者使用他们的移动设备进行比较购物、寻找其他商店位置或了解有关产品的更多信息。
- 在2015年的假日季节,超过33%的电子商务购物乃通过使用智能手机所完成的。
- 如果有一个糟糕的移动网站,57%的用户不会推荐该商家。
- 61%的用户如果在移动设备上使用网站遇到困难便不会再度光临。
响应式网站
正如朋友丶家人和同事希望我们即时回应一样,网站浏览者也希望他们访问的网站能够即时响应。如果你还听不懂,让我为你解释一下。响应式网站是指会根据你正在使用的设备类型进行调整的网站;这种网站会自动更改你网站的大小丶格式和内容布局,以适应你正在查看的屏幕。这点非常重要!响应式设计可确保重要的营销功能丶引人注目的图标以及网站设计中精心布置的元素不会因屏幕尺寸参数而打折。放眼全局
我们是视觉的生物,这就是图像在网站设计中扮演如此重要角色的原因。事实上,据Hubspot称,37%的营销人员称视觉营销是企业最重要的内容形式,而有74%的人表示他们将图像置于博客文章和视频内容之前。换句话说,图片是一个大关键,所以请确保你的图片有助於产品销售。仅使用高分辨率图像以避免对视觉效果有任何不良影响。避免缩放
你是否也一样讨厌登陆网页上显示一些模糊不清丶要很吃力才能看清楚的文字?大多数人都会对这点感到沮丧,这就是为什么在设计适合移动设备的网站时需要不惜一切代价避免这点的原因。相反,请选择在这些设备上易于辨认的字体大小和样式。专家建议文本使用大约14px,按钮则使用44px乘44px。寻找提供适合移动设备选项的网站构建器
想要的元素太多空间却不够吗?如果对于你来说,营销丶库存丶CRM丶网站设计丶公关和移动优化有点太多,那么你应该寻求专人协助。找一个在计划中提供适合移动设备选项的优质网站建设者。这并不难;事实上,最好的网站建设者服务会同时为你提供移动优化。以下是一些你可以考虑的网站构建器:- Wix:Wix有一个很棒的移动编辑器,可以让你立即为移动设备更改设计元素。
- SimpleSite:此网站构建器允许你构建响应式博客网站,以迎合移动設備。
- Site123:Site123具有完全响应的模板、移动预览模式,以及无需单独编辑器即可更改文本、图像或内容的功能。
- Wordpress : 可通过WordPress使用以制作出一个适合移动设备的杀手级网站的应用程序和插件多到数不清。
- Weebly: 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/