土巴兔网站&app体验报告

前言

用户体验设计是“以用户为中心”，或者叫“以人为本”的设计。国外把用

户体验设计分为：视觉设计、交互设计、用户行为研究、可用性分析和测试等等。

其中很多又涉及到美学、心理学、行为学、图形学等。

网站体验，指的是利用网络特性，为客户提供完善的网络体验，提高客户的

满意度，从而与客户建立起紧密而持续的关系。网络的体验，是体验的延伸。随

着网络的普及，网络体验成为体验营销不可缺少的重要组成部分。

本文主要是通过两部分，多个维度出发，分析土巴兔网站和app的用户体验。

网站体验主要分为以下几个维度：

1：信任体验。土巴兔装修网最终是需要实现用户与装修公司之间的交易，

线下需要业主与设计师和工程师直接交互的，所以在信任体验上，将是后续所以

操作的延伸。

2：交互体验。对于土巴兔网站在使用和交互上面，特别是不熟悉的人使用

是否易用。

3：感官体验。对于土巴兔网站，在用户的视听方面的体验，是否符合大众

审美需求和信息需求。

4：浏览体验。用户浏览土巴兔网站时，网站在排版，内容上是否有吸引性。

App体验主要分为以下维度：

1：交互体验。在不同环境下，体验app的操作和交互体验。

2：搜索体验。不同于网站界面的大和宽，app操作需要针对信息的搜索，

故搜索体验对于移动用户来说非常重要。

3：浏览体验。用户使用app浏览大量的图片和3d效果中间整体的感受。

下面就针对以上情况出发来分析。

目 录

前言 ..................................................... 2

一：网站体验 ............................................. 4

1：信任体验 ..................................................... 4

2：交互体验 ..................................................... 5

3：感官体验 ..................................................... 8

4：浏览体验 .................................................... 10

二：app体验 ............................................ 11

1：交互体验 .................................................... 11

2：搜索体验 .................................................... 12

3：浏览体验 .................................................... 13

一：网站体验

1：信任体验

从使用者的角度来看，信任体验考察着网站的可靠性，特别是针对保存用户

信息和交易的网站。

进入土巴兔网站首页（/）之后，在最显眼的左侧模

块中，用两个最显眼的图标显示目前公司的投资现状和使用规模，并且在网站的

导航模块至上，盾牌的图标直接体现质量和资金的保障，装修保的广告宣传界面

也在首页第一阶梯显示，且使用了土巴兔的基本色绿色来吸引用户，整体印象是，

把用户在装修过程中所有的困扰第一时间消除，且绿色的界面风格清新，环保，

也给了用户干净，绿色健康的心里暗示。

网站在最下方，网站备案信息完整，且提供了用户常用的装修相关网站信息，

能够为用户提供保障和可靠的信息源。

在装修课堂等文章上面，原创性很高，且凤凰网等一些知名门户网站也有引

用，进一步提高了土巴兔的信任度。

土巴兔在提供给业主找装修公司上面，为了加大用户找装修的信任感，可以

再网站山通过该公司装修之后业主所打的口碑值进行排序，利用以前的积累为信

任创造更加贴近的服务。如图1-1所示，业主装修之后的评论和打分。

业主的参与和互动，增强用户信任感体验。

但是在公司口碑值建立的标准上面，我个人体验之后，觉得改进空间较大。

如图1-1中两个绿色边框所标示指出，服务和施工都为5颗星，但是口碑值却差

别很大，一个为5，一个为1，也就是说，在口碑值的建立上面，仍然是靠用户

主观的去选择相应的值，这种方法很高的参考价值。

改进建议：

1：网站后台针对口碑值可以根据业主所选择服务，施工表现，甚至可以增

加和细化服务选型，如工期进度跟进，阶段验收的打分情况，后台自己计算出口

碑值，计算方法可以是百分比或者是各服务对应的权重。这样所得的口碑值考虑

的情况就更符合人的思考模式。

2：在用户参与论坛问题回复等用户需要通过文字将观点提交网络上的时候，

最好能够添加验证码，使用户可信度和体验良好。

2：交互体验

土巴兔交互体验上面，应该是众多装修类门户网站中，做的很好的一类，不

论是在pc上还是智能手机上面浏览和点击，都能给与很好的表现。

进入土巴兔网站之后，注册为个人用户，整个填写表的界面简洁干净，符合

大众使用习惯。在邮箱注册和手机号码注册的时候都有字段限制，保证了资料的

完整，避免无效信息出现。

交互体验上面，同时对比了淘宝家居等装修类，新浪等大型门户类网站，提

出以下几点改进建议。

改进建议：

1：导航栏的设计出现比例问题。导航栏在页面跳转之后发生长宽的变化，

整体风格上出现不统一，且导航栏是最多的交互场所，所以位置的统一保障体验

的良好。如图2-1和2-2所示，分别是在首页和效果图界面所显示的导航栏。建

议是后续把所以级别菜单的导航栏都统一大小，样式。

图2-1

图2-2

2：用户注册过程给与信息不丰富。在填写注册信息的时候，昵称，密码等

信息只提示字符的长度要求，并没有把字符这个专业词汇再次进行解释，如可以

使用大小写字母，特殊字符等情况；在填写密码之后，也没有再次确定密码，这

样直接注册之后，由于输入造成的错误，会影响用户登录和后台的垃圾数据，用

户体验好感下降。另外由于整个注册流程是填写信息，验证信息，注册成功三步，

可是在注册界面并没有把流程展示出来，需要用户去思考和分析。建议在注册界

面加入注册步骤现实。如下图2-3所示。

图2-3

3：新开窗口过多，增加过渡时间。在用户需要登录的时候，登录界面是需

要新窗口跳转的，建议做成弹出窗口，登录成功之后消失，减少中间过渡页面和

时间，提供交互效率。另外在用户激活窗口，激活成功之后，会如图2-4所示提

供两个选择，分别是返回原来界面和进入个人中心，建议直接返回原界面，减少

用户选择和思考。

图2-4

4：无实际功能按钮和交互可以去掉。如图2-4所示的激活界面，右上角的

叉是没有实际用处的，点击之后也没反应，建议去掉。还有，在播放视频界面，

基本所有的全频按键都是无效的，虽然是引用的优酷播放，如果做不到全频且按

钮无法去除就给与相应提示。如图2-5所示。在网页下方，出现友情链接字样，

但是并没有点击功能和交互，建议取消或者更换其他字样。如图2-6所示。

图2-5

图2-6

5：视频的播放状态不统一。进入到找装修公司页面，选择进入某个公司主

页之后，左侧的视频自动进入播放，且播放的是土巴兔宣传视频；如进入的公司

有自己的宣传视频，则是默认停止播放的。从交互的体验来说，同样的模块，风

格没有同样，且自动播放对用户体验来说不好。建议统一做成停止播放，用户需

要会自己点击。

6：3D的展示和交互效果不理想。3D样板房体验效果不佳，主要是在视角

选择，装修模块体会方面。视角无法选择，装修模块上面，模式是固定的，用户

去参与设计和体验感觉下降，参与感不强。既然做3D模块，就做成多视角体验，

类似虚拟现实的沉浸感设计。如图2-7所示。

图2-7

7：效果图分类不能多选。在进入效果图之后，分类依据足够多了，且展示

的图片也是海量的，用户需要进行精细化分类和选择，无法根据各个分类多重选

择，造成用户搜索所需素材和效果时浪费大量时间。建议做成如天猫和京东这类

电商网站在搜索商品时可以多选的分类功能。

8：页签不可以直接跳转。在效果图和找我家等需要多次分页浏览的网页，

仅仅设计了页码和总页，没有直接跳转功能，如用户已知需要跳转到某页，需要

不断的多次点击，增加用户思考和点击数。建议做成如图2-8的可以跳转形式。

图2-8

3：感官体验

进入土巴兔官网之后，整个给人感受绿意盎然，体现环保和绿色思维，logo

简单，房子造型与装修思维体现充分，针对需要找装修的业主来说，网站的整体

风格非常符合用户的喜好。

首页的各种装修保障和广告，都能开门见山的体现装修的感觉。各个功能页

也非常快速的切换和显示，作为装修门户网站来说，整体感觉良好。

通过不同人多次的访问，提出以下改进意见。

改进建议:

1：首页填表模块占用最显眼位置。针对这个模块来说，上面承载着土巴兔

的主要业务，也就是提供业主免费的七项服务。但是所在区域建议调整到较为不

显眼位置，或是把模块里的填表做成一个网页，在首页通过显眼的按钮来链接；

而该区域可以放上一个图片浏览框，里面是各个装修风格或者是最近活动的广告。

因为图片展示效果最直接，也是最吸引用户的；目前该模块放置区域，给用户感

受是填不完的表格和看不完的介绍。如图3-1所示，可以修改成3-2所示模块。

图3-1

图3-2

2：循环图片展示窗不易操作。在土巴兔网站上，有许多需要展示的图片和

广告集中在图片播放器中，但是图片播放却成为用户体验的一个不方便之处。如

图3-3所示，在切换图片的时候，鼠标虚集中的某个小区域才能操作，并且区域

的颜色不够明显。建议修改为如图3-2所示带有左右箭头的较大的切换按钮，让

用户不需仔细去找区域去体验交互。

图3-3

3：效果图展示布局杂乱。在进入效果图之后，各种装修图片布满平面，且

图片大小和布局没有规划，导致文字与图片错综复杂，给用户极大的压抑感。建

议做成有分类布局，从网页效果上分割各个模块，模块里展示的效果图大小一致

或者拼凑一致，文字精简。可以参考做成如图3-4所示效果。

图3-4

4：浏览体验

浏览体验作为深入了解土巴兔装修网的入口，优质的信息和新鲜的内容不断

的为挑战着用户的思维。土巴兔栏目的布局，内容的更新上面做的非常好，能够

及时回答用户问题，感受用户所需。

浏览大多数是集中在论坛，Q&A和最新资讯里面，土巴兔的各个栏目都有各

自亮点。学装修有文章和视频，让用户感受别人是怎么做的，新闻里面有行业最

新动向等丰富的内容；上面的信息支撑着网站的浏览体验。下面提出一些改进意

见。

改进意见：

1：订阅设计不够显眼。浏览完一篇文章之后，除了分享之外，很多人希望

未来能够多看到类似文章，订阅起到了关键作用，但是在土巴兔网站上，需要仔

细寻找才知道订阅按钮在哪里。建议做到分享按钮旁边，且图标突出。

2：搜索框不够醒目。在新闻中心里，搜索所需信息，需要利用搜索框，但

是搜索框设计不够醒目，且边框的边颜色基本与背景色混为一起，建议改变搜索

框位置和颜色。如图4-1所示。

图4-1

以上就是在体验土巴兔网站（/）之后，根据自身的

感受和周围同学的建议，写出的体验报告，文中可能有不恰当之处，请包涵。文

中涉及的图片均来自网络，本人不涉及版权问题。

二：app体验

在app体验中，分别使用了土巴兔装修网和装修体验馆两个app应用。以下

针对两个应用分别提出改进建议。

1：交互体验

土巴兔装修网app整个界面和网站风格一脉相承，绿色环保，干净。

在交互上面，提出以下改进意见。

改进意见：

1：没登陆之前，进入“我的”功能之后，所点击里面的每个按钮都提示需要登

录或者转到登录界面。

2：app没有注册界面。app里面只看到登录界面，没有注册界面，难道需要

用户跑到网站上面注册之后再转到app上登录。希望添加注册界面，且就放在

首页和登录界面旁。

3：“我的收藏”并没有实现app和网站的同步。在app上收藏了装修图片，但

是在网站上登录之后，收藏里面并没有app里面的图片。最后实现数据的共享，

不需要用户在pc和移动端多做操作。

4：多个app需要重复登录，建议合并一个或者登录信息共享。减少用户操

作。

5：装修体验馆的3d体验成为鸡肋，在联通3G网络环境和wifi环境下均加

载很慢，且操作和用户参与度均不好。建议做成多视角，沉浸感好的装修体验馆。

（本人对虚拟现实有所研究，附件里面是同学毕设所做，

里面实现了多视角和装修模块替换，虽说交互上面不够完美，但是这个方向土巴

兔可以考虑）

2：搜索体验

由于移动端的展示界面限制，搜索在移动端上面的体验要求要比pc端更高。

针对搜索体验，提出以下改进建议。

改进建议：

1：只有搜索框没有响应按钮。这个不多说，见图2-1.

图2-1

3：浏览体验

浏览体验主要是在土巴兔装修网app上，里面集中了大量的图片信息和文字

信息。针对这些信息是否易于浏览，给出以下改进意见。

改进意见：

1：图片大多，布局紧凑，不易浏览。问题同网站一样，需要分模块和裁剪

大小解决。

2：文本信息过多。在搜索装修公司的时候，信息过多，还是采用的下拉之

后加载的方式，会给用户未知感，且搜索某一个公司不易。建议采用分页设计。

以上就是在体验土巴兔两款app之后的感受。提出的改进意见大多集中在不

好操作的方面，希望土巴兔可以不断改进和进步，加大对移动端的重视。