当前位置: 首页 > 图文教程 > 网页制作 > 心得技巧 > 化妆品网站Skinstore.com首页改版评价

心得技巧
使用情境是更有效的设计指导方法
中国WEB设计行业:从模仿到创新
工作感悟:IT从业者如何涨薪创业跳槽
设计观点:什么时候时机成熟才能开公司
交互设计的价值和交互设计的方法
网页设计:创建整洁有序的内容布局的8个技巧
交互设计分析:每个功能的设计都要有明确合理的入口
设计思考:关于前端设计和其它岗位的协调
优秀网页设计作品:卓越设计遵循的原则
探讨支付宝导航条制作的实现方法
web设计中网页表单的可用性设计
交互设计理论:如何减轻用户的记忆负担
用户体验设计:三种用户体验的量化方法
用户研究:走进更广阔的用户世界
用户体验研究:访问网站时不应该花时间思考
企业网站内容分析的方法和步骤
用户研究:引导用户的笨办法
在网页中放入百度搜索代码搜索出现乱码解决办法

心得技巧 中的 化妆品网站Skinstore.com首页改版评价


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-10-01   浏览: 41 ::
收藏到网摘: n/a

这篇文章很不错,对于网页设计师或站长来说都有启发意义,我们可以从化妆品网站Skinstore.com 的首页改版中,寻找电子商务网站的设计原则以及特点,对于制作和设计此类电子商务网站有很好的启发作用。

Skinstore.com 是一个美国的专营化妆品的站点,经常搞促销活动,折扣比较吸引,做美国代购的或者喜欢国外购物的人士大多都熟悉她。

SkinStore.com运营得很成功,而且,她的网站设计、用户体验设计等也是非常的成功的,本文就

以其针对其主页的设计进行分析评价,为读者提供一些设计电子商务主页的参考:


由于她的主页比较长,所以我分为两屏分别截取和讲解,下面是上面一屏,图中打上数字标识的我

在下面会一一讲解:



  1. 顶部导航设计得很简约:

    1)Shopping Cart独占一行,因为它的长度是动态的。

    2)常用的链接在顶部,各个页面都能看到,很方便。
  2. 搜索放在左侧,和一般放在右侧不太一样,但是为了突出右侧的重要优惠广告,也就可以接受。
  3. 将网站的两大全局优惠及其条件放置在最为显眼的顶部右侧,很吸引眼球。这点在设计上可以参考。
  4. “the daily special”栏目对新老顾客都很有吸引力,我想该图标的点击率一定很高。
  5. 把导航全部放在左侧,而不像大多数站点占用顶部作为放置一级导航的首选。这种做法对于本站点问题不是太大,

    因为它的导航分类得非常清晰好用。如:  

    • Shop->First Time Shopper针对新用户设计。
    • Shop By Brand针对品牌忠诚顾客。
    • Special Offers针对喜欢折扣的顾客等等,总有一样适合你。

  6. 虽然很多站点都采用Tab作为主页产品的分类展示,但是我比较欣赏的是它的Tab的名称,非常的人性化,

    是从顾客思考的角度来设计Tab名称,我相信顾客使用时会比一般的Features Product、New Arrival更加有亲切感。
  7. 每个产品以橱窗形式,底色用白底,体现出产品的高雅,白色的Add to Cart和整体设计都很配。



  1. 用一张横幅广告作为上面的主体部分和下面的文字内容的分隔,这点做得很巧妙,对于大多数用户而言,只会

    看到一屏之内的产品,甚至错觉以为该广告就是这页面的底部了。
  2. 这部分表面上是一些皮肤保养、化妆技巧知识,但是实际上作为页面的功能,我认为它更主要是为了SEO,而且

    这部分的设计比上次我介绍的ProFlowers.com的下面部分SEO更加的好,因为一般的SEO文字,对访客而言是没有什么

    可读性、可用性的。但是这部分的设计兼顾了SEO和用户体验,值得我们在设计上借鉴。

    对比essentialdayspa.com下面部分的关键词堆砌,这里显然高明得多。

  3. 这部分是邮件订阅登记用,我个人觉得邮件订阅就应该独立占据一行,比藏在一个角落好多了。这个功能其实对

    提供转换率很有帮助,只是目前在国内并不太重视,又或者做得不好。