维基旅行：用户体验考察 – 维基旅行的旅行指南

用户体验考察（UX Expedition）或 用户体验考察，旨在通过以下方式改进维基旅行。

目标

主要改进读者，也改进作者的维基旅行体验。

这包括

提高页面的可读性
- 通过视觉辅助
- 通过音频辅助
- 通过机器人 – 改进搜索引擎优化（SEO）
提高页面的视觉布局、影响和美观度
改进编辑者的工作流程
- 改进维基旅行:列表编辑器
响应式网页设计（RWD）——页面语法能够可靠地处理任何平台上的任何浏览器（桌面、平板、移动智能手机）。
- mw:Manual:Mobiles, tablets and responsive design
- mw:Recommendations for mobile friendly articles on Wikimedia wikis

页面使用

在此页面添加当前状态和问题。问题应在相关主题的讨论页上（如果不清楚请链接）。

任务

改进首次接触页面

主页部分

在 Phabricator 中追踪 ^(?)
任务 T216863 已解决

弃用 MFSpecialCaseMainPage
- 状态：已提交工单，配置已更改。

地图横幅

状态：已更新，以更清晰地表明维基旅行的范围和位置。帮助新读者清楚了解维基媒体的关联。有用的 SEO 关键词。
问题：桌面版和移动版。是否可能实现单一的 RWD 解决方案？目前已切换到 CSS 查询以选择性地显示两个版本。进行中。
我想请大家看看移动端的 Main Page/Sandbox。地图是可滚动的。我计划对此进行视觉指示，但首先想征求对整体概念的反馈。请@ User:Traveler100, User:SelfieCity，以及任何有兴趣提供帮助的人。 ARR8（讨论 | 贡献） 2019年2月23日19:18 (UTC)[回复]
更希望看到整个地球，而不仅仅是世界的一部分——Traveler100（讨论） 2019年2月23日19:59 (UTC)[回复]
问题：链接没有视觉反馈，例如悬停效果。
问题：使用了图像映射，它不能很好地缩放并阻止了上一点。
- 在实现更好的解决方案时遇到了技术难题。
- 悬停效果演示
问题：更现代、更具视觉吸引力的地图，最好是矢量图。
问题：不能全屏显示，在宽分辨率下停留在页面左侧，见截图。
- 在 Talk:Main_Page#Main_page_banners 讨论。

特色横幅

状态：已实现响应式设计
- 在 Wikivoyage talk:UX Expedition#Feature Banner: Desktop and Mobile versions 讨论。
  - @ARR8: “点击了解更多”来自全屏版本，是哪里来的？需要吗？--Traveler100（讨论） 2019年2月23日16:06 (UTC)[回复]
- 潜在的增强功能
  - CSS 编写方式导致横幅在非常窄的桌面分辨率下会断裂。这不是常见的使用情况，因为即使是使用竖屏的用户也有足够宽的分辨率不会出现问题，但这技术上应在可能的情况下修复。
  - 当显示横幅图像的描述时，移动用户不清楚其中包含链接。这可以通过样式进行修复。或者，可以编写一个 CSS 规则来添加类似“点击了解更多”的内容在描述的末尾。
  - 动画代码目前是从左侧滑动框。这可以轻松修改以根据框中文本的对齐方式改变方向，因此左对齐的框将从右侧滑动。优先级不高，因为我们所有的横幅框都已右对齐很长时间了。
  - 有人建议在所有时间显示链接页面的标题，而不仅仅是在框存在时。这可行，但被否决了。不过，它仍然是一个选项。
  - 移动触摸图标可以在触摸时隐藏。让它保持显示可能暗示更多行为。实现起来很简单，可以带或不带快速淡出。
问题：不能全屏显示，见上文

底部框

状态：已实现响应式设计

姊妹项目

状态：已实现响应式设计

维基旅行:社群门户

状态：已实现响应式设计。创建了 {{Communityportal}}。

维基旅行:旅客茶馆

问题：桌面版本使用 nomobile class 支持移动端

维基旅行:旅游咨询处

~~问题：在窄的移动屏幕上显示不佳>~~

你好，本地管理员！你可以参考我们的中文维基旅行！--Yuriy kosygin（讨论） 2019年3月6日18:33 (UTC)[回复]

状态：已修复

行程安排

状态：改进了入口页面的视觉印象
改进：大陆页面文章的坐标和地图位置。

改进列表的阅读和编辑

改进页面预览

在 Phabricator 中追踪 ^(?)
任务 T213652

在 Phabricator 中追踪 ^(?)
任务 T95026

问题：鼠标悬停在文章链接上时，预览图像通常是文章中的第一个列表（通常是机场或火车站），而不是文章中第一个有趣的图像（甚至不是文章中的任何图像）。
- 可能的解决方案（变通方法）。参见 Bitola，它使用了 {{Pagebanner/sandbox2}}，它使用 User:Traveler100/sandbox-city 将标记放置在页面最右上方。这利用维基数据图像来影响预览图像。--Traveler100（讨论） 2019年2月20日10:17 (UTC)[回复]

改进移动端阅读和编辑

在地图上显示当前位置

在 Phabricator 中追踪 ^(?)
任务 T208713

添加有用链接（茶馆、最近更改等）

在 Phabricator 中追踪 ^(?)
任务 T65459

确保页面问题显示正常

在 Phabricator 中追踪 ^(?)
任务 T214653

问题：{{Style}}

文章状态文本

问题：应有文本边框

改进可访问性

状态：将所有项目符号合并为列表

CSS 调整

（次要）通过将所有适用的 MediaWiki:Common.css 规则移至 templatestyles，从而提高页面加载时间，避免在不需要时加载每个页面。
确保 CSS 规则在页面顶部，以避免 w:Flash of unstyled content
- 主页字体大小
  - 我以前遇到过这个问题，但不知道它的名字。我一直认为这是由于网络连接差造成的，在某种程度上确实如此。——评论者 Selfie City（讨论 | 贡献） 2019年3月2日15:43 (UTC)[回复]
一些修改 {{Pagebanner}}外观的请求。尝试时发现横幅在解析器输出之外，因此无法通过 templatestyles 进行样式设置，只能通过 common 或 skin CSS 文件进行。这是因为它是一个扩展，自带默认样式表。
- Template_talk:Pagebanner#Darkened_section_for_text_in_top_left_corner
- special:diff/3736226, User:ButteBag/common.css

Vector 2022 调整

与 Vector 2022 相关的问题

已解决问题：过多的空白。
- 页面顶部有大量浪费的空白。
- 页脚非常不节省空间。
问题：语言选择器并非所有用户都想要。
- 将此移至侧边栏可以让我们完全移除页面标题。
问题：粘性标题在 Special 命名空间中不起作用。
已解决问题：左右侧边栏未与页面标题对齐。
- 页面标题在不同命名空间的高度不一致。
已解决问题：侧边栏不易识别，侧边栏标题应更易区分。
已解决问题：页面横幅尺寸最小/固定，即使在移动端调整大小？它应该在不同皮肤之间保持一致吗？
- 当它不适合时，应该如何渲染？截断右侧？
- Pagebanner 扩展已经将自身调整为 3.5:1（？），在浏览器窗口不够宽时居中于图像中心或定义的起点。修复可能就像在 Vector 2022 使用时在扩展中重新定义它一样简单。
可选：为皮肤元素添加维基旅行品牌。
- TOC 箭头作为指南针箭头。
- 将一个灰色显示的维基旅行标志固定到粘性标题上。点击它会返回到页面顶部。

用户解决方案

User:Wauteurz/common.css - 解决了问题 1b, 4, 5, 6。问题 1a, 7a 的临时解决方案。更改列在其讨论页上。
- 关于复制此处所作更改的投票正在进行中！

成员

ARR8（讨论 | 贡献)
Selfie City（讨论 | 贡献）于 2019年2月17日21:22 (UTC) 加入[回复]
Traveler100
SHB2000
Wauteurz (讨论)

参见