大数跨境

移动优先网页设计的简单步骤

移动优先网页设计的简单步骤 电商实践
2023-01-23
2
导读:长期以来,移动网站只是桌面版的缩小版,结果往往导致用户体验不佳。移动优先设计反映了当今消费者的现实情况。

如今,移动端不可用的网站已属罕见。主流建站及电商平台虽能自动适配屏幕尺寸,但多是将桌面版简单缩放排列,导致移动版体验欠佳,沦为“事后补救”。

数据显示,尽管移动访客增长,转化率却偏低。是时候采用移动优先设计策略了。这能为网站提供未来保障,确保持续吸引力。以下五个电商案例值得借鉴:

以移动优先的设计案例

Goorin Bros.:该帽子制造商在移动端采用了带产品图的分类菜单(桌面端无此设计),实现了便捷的指尖导航。

Goorin Bros. 的移动站点分类菜单使用了帽子的图片。


Hoka:这家鞋类公司将桌面端首页视频重新利用,使其在移动端占据整个垂直空间,而非简单缩放宽度,创造出独特的视觉冲击力。

Hoka 将其桌面端视频重新利用,以占据移动端的全部垂直空间。


Figs:作为医疗刷毛服品牌,其移动网站首页采用竖屏视频而非桌面版缩小版。视频内容显示为专为移动端竖屏拍摄,并针对桌面端进行了裁剪。

Figs 在其移动网站上使用竖屏视频,而不是缩小桌面版的内容。


Paka:该服装品牌在移动首页使用了与桌面版完全不同的视频,更侧重于生活方式展示。

Paka 服装在其移动网站上使用了完全不同的视频。


Outdoor Voices:该服装商家为移动端配备了专用静态图片。与其将宽幅画面强行塞入竖屏设备,不如从同一组拍摄中选用另一张竖屏图。这种简单易行且高性价比的策略日益普及,却被许多公司忽视。

Outdoor Voices 在移动端使用竖屏静态图片,与桌面版不同。

【声明】内容源于网络
0
0
电商实践
电商实践
内容 8053
粉丝 0
电商实践 电商实践
总阅读37.4k
粉丝0
内容8.1k