哪些网页设计策略能帮助我们减少「移动优先」所带来的可用性问题?

随着越来越多用户习惯使用移动设备来访问网站，加上Google也早已宣布实施「移动优先索引」策略，如今许多网站都是遵循「移动优先」的原则来设计。

但你有没有想过，在PC端显示「移动优先」的网页设计时，可能出现严重的可用性问题呢?

遵循「移动优先」的网页设计可能会出现哪些可用性问题?



香港网页(HKWEB)表示，尽管响应式设计能够让网站智能地根据用户行为以及使用的设备环境进行相对应的布局，但是这些原本在小屏幕友好出现的内容被「强行」显示于PC端的大型屏幕时有可能会出现内容分散、留白过多等情况。

当页面大部分区域都存在内容分散时，有机会严重影响整体用户体验，出现：

● 页面长度增加需要用户进行更多的滚动。

● 网站应用了移动端的特定设计元素(如折叠面板等)，使用户难以找到所需信息。

● 随着图像变大、留白增多，使得相关联的内容有可能被切碎并分散在不同屏幕，同时导致用户必须记住位于不同屏的信息并来回滚动才能得出结论和做出决策。

● 内容分散导致页面长度增加和工作记忆需求增加，分散页面也使用户更难评估信息，从而更难构建网站上传达的概念心智模型。

● 内容分散的网站容易导致重要信息的存在感被降低，使部分用户觉得该公司在隐藏信息，从而可能失去对品牌的信任。

话虽如此，但是遵循「移动优先」的网页设计也未必一无是处，例如减少单屏内容或更利于页面文本的突出，间接提升网站的整体体验。

哪些网页设计策略能帮助我们减少「移动优先」所带来的可用性问题?



随着越来越多网络流量来自移动设备，商家重视「移动优先」这一网页设计原则是势在必行。因此，在网站制作过程，我们必须注意以下事项来避免最常见的问题：

① 优先展示重要内容

为了确保网站能够适应在不同设备上的正常呈现，建议优先展示重要，并使用与其他元素对比较大的字体、颜色等视觉样式来突出显示，以增加页面的层次感和美观感。

② 避免出现繁杂的操作

移动端设备的屏幕相对较小，因而往往需要用户通过多重操作或步骤才能访问目标信息或操作;但对于PC端用户而言，多重操作或步骤只会增加用户的认知负荷并产生挫败感，因此设计时尽可能减少不必要的操作，同时将重要内容放在页面的可见区域内。

③ 合理利用留白空间

在网页设计中，过多的留白可能导致页面显得空旷和单调;而过少的留白则可能让界面看起来过于紧凑而缺少呼吸感。注意控制好各元素间的留白，有助于让页面看起来更加平衡和美观，同时可以突出页面信息的层级关系。

④ 避免使用移动端特定的交互设计和设计元素

在网页设计过程中，我们除了要保证能够帮助用户快速找到所需的信息、降低他们的认知负荷外，还应该考虑到PC端设备的屏幕尺寸、用户体验等问题，尽量避免使用移动端特定的交互设计和设计元素如面包屑导航、折叠面板等，以免增加网站在PC端设备的操作难度。

⑤ 提供清晰的反馈和提示

适时提供清晰的反馈和提示、使用易于理解的词汇和图标来表示页面元素和功能，可以帮助用户快速理解页面信息、页面功能、操作方式及其结果，从而降低用户的认知负荷并构建正确的概念模型。

【总结】

当整个网站设计都遵循「移动优先」的原则，的确有机会使其在PC端设备中产生可用性问题，因此为了避免这些问题发生，建议除了评估网站在不同设备和屏幕尺寸的呈现效果，更需要进行A/B测试来选择合适的网页设计方案。

香港网页提供一站式数码营商方案服务，包括、网页设计、网络推广、网页管理与寄存、系统开发及其它增值服务，全方位满足客户的业务需要，欢迎随时联络我们，香港网页是您开拓网路商机的最佳伙伴。

联络电话：852-3749 9734

电邮地址：info@hkweb.com.hk

网址：https://hkweb.com.hk