网站策划文档

策划文档

• 网站链接：用户研究所

1. 网站建设目标：本网站致力于分享有关于网站可用性和用户研究的好文，并通过不断的互相交流与学习来取得进步。

2. 目标用户画像：

用户角色	使用场景	问题需求
产品人	想了解有关用户研究与网站可用性而在网络上搜索关键词	想通过简单的搜索和快速地阅读来获取自己想要的信息，并与同行相互交流学习。
学生	有成为产品人的想法，想了解有关用户研究与网站可用性而在网络上搜索关键词	想在浩如烟海的网络信息中快速获得高质高量的文章知识，提前了解行业发展，为自己的未来做打算。
建站新手	想要进行个人建站	想要进行个人建站却被一些“基本操作”挡在门外

3. 网站规划：

• 前期目标：不断更新优质网站可用性与用户研究文章。
• 中期目标：通过优质的分享吸引大量产品人员一起讨论学习。
• 长期目标：建立一个有流量有质量的网站可用性与用户研究的优质分享讨论学习平台。

4. 需求定义：

   
   DVF模型

5. 网站地图：

   
   网站地图

6. 图片使用：

   • 版权交代：网站在非原创图片下方的描述中皆有注明原网址，且用户可以通过点击图片来进入原网址。

     
     图片版权（1）
     图片版权（2）
     媒体库
   • 图库图片从文章内容出发，贴合文章内容。以白色底为主，主题突出，无无意义图片。

7. 踩坑文章：

   • 我的架站手册——（1）github education pack 篇
   • 我的架站手册——（2）AWS篇
   • 我的架站手册——（3）neamcheap篇

8. 平面设计：

   • 字体使用上，主要部分使用白底黑字/黑底白字的搭配，更好地突出内容，次要部分如文章摘要等，使用灰底灰字的搭配，可以在更好地衬托主体的前提下，让访客了解到文章主要内容。
   • 网站为红黑搭配，色彩冲击力强，对比度高，用经典时尚的色彩恰当地引起访客的注意力和兴奋感。
   • 网站首页用绿色的树木象征网站主题 “网站可用性与用户研究” 的可持续性，并通过红绿色的对比进行访客视觉上的刺激。
   • 网站背景为白色，突出分类与文章等灰色区块所在。使整体网站不沉闷，够明晰。网站文章在排版上风格统一，区块分明，配色简洁，可读性高。

9. 平面设计插件运用：

   1. animate it!：
      A. 在侧边栏的搜索上使用了下沉特效，在用户前来搜索时不影响用户体验的情况下稍微地给予一点反馈。特效1
      B. 在侧边栏的图片展示上使用了右移特效，给予用户一点反馈。特效2
   2. SiteOrigin：搜索 精选文章 标签云

10. 云端网站管理：

    • 云端架站：正常可用的云端网站及域名的正确使用：用户研究所（liushiying.me）
    • 网站安全： wordfence截图
      

      由图可知，本网站安全程度较低，防火墙强度不高。

    • 网站性能：

      
      site24x7(1).png

site24x7.png

由图可知，本网站响应速度过慢，网站性能较低。

• 网站备份：

  1. winscp备份截图： 网站备份 网站备份
  2. WordPress Backup Plugin插件备份： 插件备份 插件备份
  3. 通过wordpress后台导出工具导到本地： 导出备份
• 站长工具： 站长工具
  1. 必应站长流量： 网站流量 网站收录
  2. 谷歌站长流量： 谷歌站长工具数据.png
     xian

由图可见，两个站点皆流量过低，急需优化。

• seo优化：
  

  方法1：增加文章与页面的标题，描述，标签等方便搜索引擎抓取。 xiang

seo.png
方法2：向站长工具提供链接： 链接.png
方法3：修改header.php的keyword代码（有备份），方便搜索引擎抓取。 代码修改.png

方法结果：相比起之前的流量，上升效果明显。
6.6日左右的站长工具与jetpack截图：

6.6 必应.png 6.6 jetp.png
6.30流量截图： 站长工具2.png 6.30jetpack

原因分析：为网站增加更为具体的描述，使你的网站对于搜索引擎来说更友好的话，排名与流量都会有明显的提升。

• 用户研究：

  • A 用户访谈：
    录音文件放于本仓库中，或点击链接查看视频版本：
    访谈结果：大部分同学认为网站主题不过美观，文章排版不明确，且首页过于空旷。

    
    旧首页1.png
    旧首页2.png
    旧文章.png

访谈结束后，根据访谈结果做出了以下修改：

1. 修改主题，增加侧边栏。

2. 文章上进行重排版，用加黑加粗加颜色等突出内容重点。

   
   首页1.png
   新文章.png

• B A/B测试：
  

  A测试：主页无图片，全为文章列表： 首页1.png
  B测试：主页有图，有明确的分类：
  首页3.png

测试结果：
A组同学认为首页过于单调，让无意识进来的人不会有继续浏览的欲望。
B组同学认为首页排版合适，但图片无意义。
总结：采用下图方式进行首页排版，用绿色的树木象征网站主题“网站可用性与用户研究”的可持续性，并通过红绿色的对比进行访客视觉上的刺激。

首页2.png

• 定制化：
  

  A：由于网站打开速度过慢，我使用插件：WP Super Cache来缓存网站网页，使用户打开速度加快，避免心态上的疲劳。 缓存.png
  B：使用网站地图插件，为用户提供方便快捷的网站指引。
  网站地图.png