Contact Info

设计发现
Design information

手机版网页成为主流,网页设计应该如何做?我适合电脑版网站还是手机版网站?

发布日期:2022-10-17 13:53:10
浏览次数:0

在阅览内容、找寻信息上,手机已成为最主要的入口,根据国外专门研究数位行销与社群行销的网站We Are Social所提出的Digital 2021 reports,可以看到,在「网页流量于各装置的占比」这个分析上,透过手机装置就占了总体53.3%的流量,次之为笔电/个人电脑(44%),第三则是平板(2.7%)而有趣的是,这三者中,只有手机这个装置有增加,其余都是下降的,所有的行为都往手机装置上移动。


手机版网页设计反映两大趋势


一、网站界面:避免过于复杂的交互设计

当大家的阅览行为渐渐转向手机、平板等行动装置,留在上面的时间长过于电脑,你应该优先以行动装置的视窗大小来呈现你的网页。

想像下你的网页如果有过多复杂的交互设计、自动轮播应视频、视频档,在手机画面上会呈现什么情景?有可能你的加载时间大幅增加、尺寸不符而跑版,这些影响用户体验的行为都会让你在SEO上扣分、加速用户的跳出率。


二、内容面:内容呈现需要更简约、更有结构性


1.文字内容清单化、表格化、结构化

Google的语音搜寻技术已经愈趋成熟,并能够辨识出越来越复杂的搜寻意图,Google算法能够辨别出你输入的问题背后所代表的搜寻意图,并呈现符合信息的内容给你。

现在有越来越多人使用「语音输入」代替打字进行搜寻行为,尤其是使用行动装置的时候。在语音上,人们倾向更完整的描述问题,如:「2021最新推荐聚会场地有哪些?」

你可以运用这个技巧将这些问句成为文章段落标题,并试着用条列式、表格等形式撰写你的内容,Google的精选摘要功能(featured snippet)将能帮助你的内容更快爬升排名。


2.使用更适合呈现在手机画面上的图片


如果你有在经营内容,应该对知名免费CC0素材库网站Unsplash不陌生,你最近是否注意到在找寻图库时,越来越多纵向的图片?

图片也反映出了内容创作者的需求与现行趋势,越来越多人用行动装置取代电脑阅览信息,长型纵向的图片比起横向图片更适合手机版页面。


我应该放弃经营电脑版网站吗?


如果手机版网页这么流行,是否应该放弃经营电脑版网站?这没有标准答案,根据事业的你可以依据你的事业特性而定。


13


消费者导向的企业(B2C),手机版网站>电脑版网站


如果你的事业主要服务消费者、个人用户,手机版网页的重要性便会明显拉高,尤其零售业的服务,在手机版网页上应打造流畅、简洁的购物体验,让你的用户能够轻松在手机版网页浏览、订购你的商品。

在经营模式上,你可以优先着重手机版网页的设计与用户体验,再同时优化电脑版网站。别忘了你的客户有可能随时随地透过你的广告点入你的网站,包含上班时间、午休时间与休闲时刻。

两者网站同时兼顾,除了让你的品牌专业度显现出来以外,也能够尽可能扩大你的客户漏斗入口。(Funnel) 企业导向的企业(B2B),电脑版网站>手机版网站

如果你的事业主要服务业界客户,提供软件、在线服务等产品,电脑版网站还是最主要且适合的经营方式。在B2B的服务模式,你的客户通常是坐在办公室的工作者,且在工作时间搜寻你的网站、使用你的软件或咨询服务。

你应该优先将营运重心放在电脑版网站上,打造后台构架清楚、前台画面流畅,拥有良好SEO体质的企业网站,再同时优化维护好手机版网页的画面即可。

如果同时经营手机版网页,你可以将其重心放在新闻内容上,让新闻的文章内容更符合手机版页面搜寻的方式,如此你的客户便可能优先在手机上接触到你的内容,进而在电脑版网站上使用你的服务。

如果同时经营手机版网页,你可以将其重心放在新闻内容上,让新闻的文章内容更符合手机版页面搜寻的方式,如此你的客户便可能优先在手机上接触到你的内容,进而在电脑版网站上使用你的服务。

当然,作为企业主肯定没什么时间来好好考虑这些事,比如交给早晨设计来为你全盘规划您的网站与线上推广计划!

推荐作品
  • 明皓MH3外贸网站设计制作
  • 易华美墙板SI专卖店设计
  • 朗高智能PDF电子画册设计/样本册制作
  • 易联芯品牌Logo设计和VI设计
  • 易棉购品牌VI和Logo设计
  • 吉羽宠物剪刀logo设计[标志制作]
人气作品
  • 采纳医疗科技股份官方网站设计
  • 凯洲环保科技品牌VI和Logo设计
  • 高科电机阿里1688网站和详情页设计
  • 优沃星品牌LOGO设计[VI设计][标志设计]
  • 普隆医疗设备画册设计[宣传册设计]
  • 易联芯品牌Logo设计和VI设计
  • 采纳股份医用产品样册设计
  • 迈思德VI设计[LOGO标志设计]
  • 翔盛塑业外贸网站设计[网站建设]
  • 顺宜美针织帽子产品宣传画册设计
  • 箭牌智能锁产品画册设计[样本设计]
  • 雷格姆石化英文网站设计[网站建设]
  • 锐驰工具品牌VI设计[字体设计][logo设计]
  • 江苏星贝尔网站设计制作
  • 采纳科技标志设计[品牌VI设计]
  • 江苏贝尔机械官网设计
  • 图胜离心机工业产品三维演示动画制作
  • 朗御格瓦斯品牌VI设计,包装设计
  • 白马洞山泉水品牌VI设计[饮料包装设计]
  • 万克刀具海报设计[招贴画设计]
  • 植雅美妆产品三维演示动画制作
  • 宏裕乳胶手套中英文官网设计制作
  • 寻草记logo设计[标志设计][品牌字体设计]
  • 朗高智能PDF电子画册设计/样本册制作
  • 大熊手制建国70周年茶叶包装设计[茶叶包装制作]
  • Lehehe品牌Logo设计/VI设计
  • 格林格林照明品牌VI设计和Logo设计
  • 上航制衣VI设计和标志设计
  • 江苏辉河包装机械样本设计[画册设计]
  • 卡泰Cutech产品样本册设计