yuancheng

一.  前言

远程测试的优点已经无需赘述,在产品开发项目周期短暂,来回实验室时间及路费成本高昂,用户遍布全国各地难以邀约的情况下,远程可用性测试正在成为“实现传统可用性测试80%好处和70%效果”的最佳替代品。
在远程测试的实际可行操作中,第一步所要做的就是搭建一个稳定,安全,且满足测试需求的测试环境。 中文站用研组最近在这方面进行了积极尝试,并得到一定成果。

001
图1:传统实验室可用性测试

  二. 传统方式的远程测试系统搭建

在传统远程测试(图2)中,我们通常可以采用如下两种方式搭建测试系统:
方法1:先让参与者在自己的电脑上安装屏幕共享软件的server端,然后主试通过viewer观看其操作,并在自己的屏幕上进行录屏。
方法2:参与者远程连接到主试电脑并进行操作,同时在主试电脑上录屏。

002
图2:传统远程测试系统

与传统可用性测试(图1)相比,远程测试的好处是不言而喻的:

  1. 1.  招募参与者更容易,范围也更广。提高了邀约成功率,且潜在的参与者将从“居住或工作在测试地点附近的人”扩大到“任何有快速internet连接的人”,这意味着全国各地的用户均可参加测试。
  2. 2.  研究周期大为缩短。邀约成功率的提高,无需考虑参与者往返时间,以及可以在任意时间安排测试,这些都为整个项目开发节省下了宝贵的时间。
  3. 3.  在用户真实操作和使用环境下进行测试,更有利于发现实际问题。
  4. 4.  效果几乎相同。远程测试发现的问题类型和数量很可能与现场测试相同。

但这两种传统的远程测试搭建方法本身都有其缺陷和不足之处:
第一种方法只适用于demo存在于线上,或者供测试的demo不存在保密方面的问题可以无阻碍的传送给参与者的情况(在实际商业环境的项目中这种情况很少存在);且参与者在共享屏幕前需要在自己的电脑上安装一个软件(webex或gotomeeting,有时还要进行相应的设置),这对于操作及计算机知识水平都较低的用户(恰恰是中文站的典型用户,相信在其他网站用户中也占相当一部分数量)来说存在着相当的顾虑和障碍(安装设置麻烦,担心有病毒等等),这就在挑选参与者时又多出了一层限制,减少了邀约成功率,并且也相应延长了远程测试所需要花费的时间。
第二种方法适用于demo存在于线上或公司内部的电脑线下环境里,但若直接让用户访问我们平日工作用电脑,将存在很大的安全隐患问题;且园区的办公网络环境存在特殊性(如外网IP统一等),在这种情况下,外部用户无法直接连接到公司内部的任何一台普通电脑。

查看更多

聚焦

在网页运营改版过程中,经常有设计师或者运营同事有这样的疑问:我的页面到底产生了多大价值?这个页面引导的用户接下来访问了多少商品的页面?有没有产生交易?有没有到我想让用户去的那些页面?

如果使用数据库查询,固然可以得到一些结果,但查询过程过于复杂,数据量大的网站查询耗时太长,很难灵活应用到普通页面。本文提出一种相对简单的分析方法可以解决这个问题。

每个用户在网站上的访问轨迹在网站日志或者数据库中,都是一串URL,有的只访问了一两步,有的访问了成百上千步,如何在如此复杂繁多的数据中找到用户在访问某个页面(例如服装首页)之前或者之后n步,有多少人访问过特定页面(例如交易页面)?

先抛开这个问题,我们想象这样一个场景:在一个大会场中,熟人坐在某个座位上,如果我们知道他们的位置,我们的眼睛很容易聚焦到这几个位置,自动忽略其他座位的人,请参看图1。同样,人们在观察周围事物时,经常会把精力聚焦到自己关心的事物上,下意识忽略其他。我们曾经做过这样的实验,我们的报告厅有4个很大的外置式扩音器,分列在两侧。注意不是那种不显眼的内置式,任何人只要稍微留心就会看到。而当我们要求会场的人闭上眼睛回答会场有几个扩音器时,很少有人能给出正确答案,因为大部分人会关心更重要的东西,比如会议内容,提问问题,甚至是如何找个舒适的位子也比扩音器的多少更让人关心。

图1

1

回到我们网站碰到的问题,某个项目的设计师关心的页面并非全部,而只是几个与之页面有关的页面和部分重要的指标页面。因此我们可以去除相关性不大的页面,只保留关心页面,从而缩短用户路径,大大提高计算效率。

另外,我们把索引的思想引入分析过程中,把网页的URL按照一定规则(例如正则表达式)替换成简单字符,把相关性不大的页面统计替换为同一个字符(例如“0”),把一些过渡性的页面替换成某个字符(例如”p”),如此以来,每个用户的访问路径就可以表示为一个字符串,例如”a,c,0,0,0,a,p,p,c,0,c,d,0,0,0”。也有的用户的访问路径全为相关性不大的页面,此时,路径为”0,0,0,0,0,0,0,0,0,0,0,0,0,0”,这表示用户并未访问到目标页面,如果不需要计算用户比例或用户分类,那么这样的记录我们可以删除掉。

查看更多

字体图形化设计

banner

PART1:为什么要字体图形化设计

现代设计中直接从电脑里调出来的千遍一律的标准字体已经不能满足互联网用户日渐提高的审美需求,所以设计师要打破常规,能根据不同的需求,对字体进行独特的个性化的设计。同时字体的图形化设计有利于页面f氛围的营造以及更好的传递产品的特性以及功能等,特别是在推广页面设计的时候我们对标题文案(往往概括了整个活动的专题商业需求)进行特殊的设计处理,与其他的内容文案形成对比,引起用户的知觉兴趣,从而达到让用户有效的了解页面的重点信息。

PART2:字体图形化设计的方法与技巧

在开始之前,首先先了解下字体设计最基本最基础的设计处理方法如加粗、变大、斜体、改变颜色或者字间距等,同时所有的高级技巧都是在此基础上进行延伸与扩展或者突破。

faketi

如网络流行的凡客体综合运用了字体设计如放大、改变字体颜色等的基本方法,文字与文字之间形成了强烈的对比,突出了重点,建立了良好的视觉层次与焦点。

blog2

改变了字间距,使文字与文字之间的联系更加紧密了,且运用了阴影等使之层次更加丰富。

(1)字体变形

在电脑调出来的基本形上做基础变形处理,在vi字体设计中经常运用到的技巧。

blog4

方案2比方案1的线条的处理更加圆滑,同时看起来也更活泼些(但并不是说方案2就比方案1好,需要视具体的情况采用合适的方法)

查看更多