Forever21(以下简称F21)成立于1984年，在全球都有连锁店，在04年的时候销售额就有6.8亿美金，做电商或年轻的同学应该对这个品牌不陌生。同时，F21也拥有交互和体验都不错的线上网站和APP，也成为本人公司一直参考的竞品网站。首先来看一下一组关于F21的数据：预估收入已经超过10亿美金，分类排名已经高居16，网站的数据从人均停留时间，人均访问页面，跳出率来看都很不错。F21虽然关闭了部分地区的门店，但在服装行业的地位仍然不容小觑，成功必定有其道理。

　　抛开其营业模式不谈，今天就简单从交互和体验上来聊一聊这个网站的首页，毕竟我们作为一个产品或者运营这是我们前期更应该关注的事情。

　　顶部信息及导航

　　根据尼尔森F形状网页浏览模型，视觉顶部信息是我们首先映入眼帘的东西，且顶部信息会在各个页面展现出来，因此，这个位置所展示的内容非常重要。作为一家电商网站，包邮从来都是一个很重要的噱头，大家想想有多少人因为不包邮而打消下单的念头的。因此F21在这个位置就告诉了大家满50美金包邮的信息，一方面告诉了客户网站拥有这样的服务;一方面对提高客单价有帮助，对客户凑单有暗示的作用。

　　关于导航有个很好的比喻，假设我们要去超市购物，我们如何找到自己想买的或者是感兴趣的物品呢?一种是根据服务人员的指引，另一种就是根据超市的指标牌了。我们可以把网站想象成一个大型购物超市，每天都会有很多客人光顾我们的网站，在我们不能拥有这么多服务人员进行一对一服务的情况下，做好我们的导航就显得十分重要了，这样我们就能够满足大部分客户的需求(找不到方向，找不到位置)，剩下的极小部分客户，就可以由我们的客服人员来处理了。

　　那么，如何去做好一个导航栏呢?一个导航栏好与不好，应该明确持久导航的四个要素：网站LOGO，栏目，实用工具(登录注册，购物车，收藏等)，搜索。如果对这个不是很理解，大家想一想是否能够快速的回答出来以下几点问题就能够马上理解了“这是个什么网站”“我在哪个页面”“本页我有哪些选择”“位置指示器”“我怎么搜索”。怎么样，是不是一一对应上了?如果没有，就要思考是哪里没有，为什么没有，需不需要有的问题了。

　　广告位

　　F21锁定的目标客户主要是20岁左右热衷时尚潮流的美国青少年，迎合青少年的着装喜好，并且定价比较低。前面一句话摘自于百度百科，大家从广告图的设计及文案上是不是可以非常直观的看出与目标客户及其匹配。无论是流行趋势，衣服风格，模特造型，低价促销都能够一一对应。在广告位的图片上，要建立有效的视觉层次(突出，相关，逻辑嵌套)，最小化干扰(眼花缭乱，密集，太多“重点”和吸引力的词)，毕竟重点太多就是没有重点。关于文案则需要注意用语，图标和位置，创建清楚的格式或者段落，省略多余的文字，尽量用习惯性的用法。同时，作为强指引性的CTA按钮也在广告图上得到了很好的应用。关于CTA按钮指引性的强弱也是有区分的，如下图所示，此处就不过多解释CTA的作用了，文章太多了，不懂可以自行搜索一下(微信公众号：先什么生)。

　　推荐位

　　推荐区是大多数电商首页都会看见的板块。F21首页一共有三个板块从上到下依次为New Arrivals，Best Sellers，Sale，三个推荐区分别拥有共性也拥有自己的特性。

　　共性：首先，他们都是每排展示6个，一共3页，数量上一致并附有View More+的按钮在客户没有看到满意的产品时能够链接去这个推荐区的集成页去挑选更多的产品。其次图片尺寸一致，都为大图，符合近年来网站风格变大的趋势，且图片下方都留有足够的位置去显示商品的标题。据观察，本人发现很多网站的推荐位只显示了一个图片和一个价格，既没有标题或是标题剩余部分不显示以…代替，也没有价格符号。为什么说这些很重要，部分网站为了将SEO排名做起来，会在部分商品的标题内加入一些当前流行元素的词，如XX爆款，XX材质之类的热门词，这样就会导致很多商品标题的前半部分都及其相似，如果不完全展示标题，那么就会造成如果客户想买衣服，但点进去的是条裤子，又要退回首页的尴尬情况(比方说第二个推荐区域的第一个商品，不看标题你知道是卖什么吗)。其次，没有价格符号会对一些价格敏感的用户造成困扰，如我以为是10人民币结果进去是10美金，价格就超出了我的预算，当然这对于全球站影响较大，但这都是细节，需要注意。