本次可用性研究的对象是销售儿童用品的在线商店 Hippo baby!首先简要介绍一下这家在线商店。这家店非常年轻,成立仅约3个月。最初,该店仅销售童装,但不久后,店主决定将产品线扩展至儿童配饰。“目前我们的网店处于初步发展阶段,正在迈出坚实的第一步。”在开发过程中,我们高度重视视觉呈现,以便父母们能够轻松购买所需商品,确保信息易于理解,包括字体大小、行距、字间距等细节。”——商店负责人阿尔乔姆·班丁表示。接下来,我们将从描述自然过渡到对这一视觉呈现的探讨。
主页
1 - 建议尝试为标志使用白色背景,以便更清晰地突出显示。
2 - 尝试将该区块在页面中居中。同时需要将第3号区块中的文本关联到具体位置,因为它旨在描述产品目录。显然,自商店开业以来您未修改过这段文字,因为目录中现已增加了婴儿车及其他儿童用品。“新生儿用品”作为网店标题的描述会显得不错。修改的目的在于,当前的页头看起来过于空旷。这或许也有好处,因为减少了干扰和分心,有助于聚焦于主要目标——产品目录。如果您希望保持现状,请考虑重命名第3号区块并将其居中。此外,分类下的“搜索”功能也可能分散注意力(如果是为了重复设置,用户点击它们的次数是否真的多)。
4 - 用不同颜色突出显示电话号码,并考虑在页眉中调整其位置(结合第2点)。
5 - 这样的购物车位置对您的顾客来说方便吗?也许可以考虑将其移至右上角、电话图标下方,或者2号区块的右侧。另外,也可以考虑将购物车放在7号区块旁边。“注册并获取折扣”和简短的“登录”(带有展开的输入字段)与购物车组合在一起,会比分散在不同位置的元素搭配得更佳。
6 - 为什么不用来自 VKontakte 的评论小部件来替代‘买家评价’模块呢?后者早已受到访问者的质疑。真实用户的反馈远比普通文本更有说服力,同时还能借此开展与该社交媒体相关的各类促销活动。
7 - 关于此模块的详细说明见第5期。
8 - 在线客服。为什么选择这种方案?它让人联想到弹出式广告横幅。也许可以考虑使用常规的软件解决方案(例如 mibew),并将其直接集成到网站中用户可能产生疑问的区域。网站上缺乏带着微笑的人脸,如果有一位顾问,会使页面更加生动。
9 - 为什么不将您的优势以更醒目、更显眼的方式呈现呢?尝试制作一个宽幅图形幻灯片区块作为横幅,并将其悬挂在商店的主页上。
10 - 减轻主页底部的负担。可以将联系方式移至页面底部(footer),从而使它们在整个网站中都可见。
11 - 来自 VKontakte 群组的文章和视频材料 (!) 放在左侧会看起来不错,可以替代购物车或在投票区块消失后显示(也可以考虑交替显示投票区块和有用材料区块)。
商品页面
1 - 商品页面需要搜索功能吗?我们认为不需要。
2 - 对区块本身的关注过多。尝试从中移除“尺寸”信息,释放背景,只保留价格和“加入购物车”按钮。或者,另一种选择是在价格和按钮旁添加次日送达的信息,将其设计为某种“促销或折扣”。
3 - 最有效的方法是在商品图片旁边使用社交按钮。
5 - 材料和生产国不属于商品的“规格”(第4区块)吗?本质上它们是相同的元素,却不知为何被分散到页面的不同部分。
6 - 您的 VKontakte 群组发展得不错。利用评论小部件的功能来填充页面评论。它们比来源可疑的普通文本要有效得多。
7 - “相关商品”最好直接展示,不要迫使访客进行额外操作。以包含图片和商品页面链接的模块形式呈现它们。

