FANDOM


截止到2013年4月,在Fandom上超过40%的网站流量来自于移动设备,并且这一数字一直在增长。为了改进读者在你的社区上的移动体验,Fandom创建了“移动网页”。当你在移动设备上的浏览器打开一个wiki时所看到网页就是移动网页,它不但优化了首页结构,还提高了浏览内容的速度。

那么,如何可以提高你的wiki网站在手机和移动设备上的使用呢?

小贴士

  • 想要了解你的wiki外观,可以首先在手机上访问你的社区。你也可以在电脑浏览器的地址栏URL后添加?useskin=mercury显示。你可以缩小窗口大小来模拟手机的屏幕。常见的屏幕尺寸是320x480像素,所以最好的办法就是使用不同大小的屏幕尺寸查看网页在手机上的不同显示。
  • 考虑到社区页面是否完善主要是看看它是否’’清晰简单灵活。如果它具有清晰的层次结构和简单的布局,你的wiki网站在不同的平台上才会变的更加灵活。
  • 页面顶部的布局是你首先需要考虑的地方。因为它最能吸引用户的注意力。由于智能手机内容空间狭小,这意味着你在顶部放置的内容将被首先看到。
  • 对于图像而言,请确保您在编辑器中将图像放置在相关文本内容的旁边。有时用户会将图像在电脑显示器上移动为了得到更好的显示,但是在移动设备上,这可能意味着图像并不能得到非常好的显示,有可能错位。请记住,随着内容区域大小的变化,显示也将有所变化。所以,最好保持图像和文字内容的最佳位置。大于30像素的图像将会完全覆盖手机屏幕。这将更好地呈现图像,允许文字内容完全在其上方或者下方显示。如果同时有多个图像被使用,或者一个页面包含图片册,图像组的第一张图片将被首先显示,用户可以单击图像册查看下一张图片,或者图片可以在灯箱中显示。这将确保用户在阅读内容的时候不会由于大量图片的显示而受到干扰。如果你特别希望某一张图片显示在文章中,您可以将其设置图片册中的第一张图片。
  • 最后,您需要考虑社区的navigation|导航栏设置。导航栏可以帮助用户更直接地访问社区内容;所以一个条理清晰的导航栏可以帮助用户很快查找你的wiki上重要内容。

注意事项

  • 一些社区使用模版在页面的顶部放置一些警告性文字或者注意事项。这可能造成页面的读取困难。如果读者需要滚动多个模板之后才能查看某个人物信息,这可能会影响到他们的阅读体验。我们建议社区将类似的警告或注意事项内容移动到讨论页或社区方针页面。你的wiki页面顶部应该尽量包含最重要的信息,用以鼓励用户继续阅读内容。
  • 我们建议你有选择性的使用tables|表格。表格可以展示大量的数据,但并不适合手机的页面布局。使用表格将阻碍页面的弹性布局。由于许多表格太宽,可能需要翻页进行查看,并不能完整地呈现在整个屏幕内。您可以尝试使用某些布局工具进行替代,比如滑块、画廊或div标签等。这些将让内容更灵活地进行呈现。

其他

请记得一切从简,内容才是社区最重要的部分。请务必经常查看您的wiki在移动设备上的显示并且经常进行更新让它看起来很棒。当编辑页面的时候,您可以使用预览选项查看页面在移动设备上的呈现。 这将让你的社区用户在移动设备和电脑上都能够得到最佳的阅读体验。

其他

除了特别提示,社区内容遵循CC-BY-SA 授权许可。