北京网络公司_电子商务网站页面 设计宝典 (一)

2019-10-31 22:30:09 北京网络公司
  避免让使用者产生已经滚到 "网页最底部" 的错觉
  当页面上有一些我们期望使用者做,并会带来价值的功能时(例如留下联络方式),最好可将实际的表单或栏位放置于本页上。如下图,栏位若能与页面整合在同一层,其带来的好处大于还要连结至别页输入的方式。
  13. 别让使用者填太多表单
  可以利用友善的活动或方案让顾客买单,例如送些小礼物。而给与顾客礼物的方式要以互惠的角度,这样对他们而言才是有效且具说服力的销售战术。


  然而,多阶层下拉式选单(context of button)十分常见,但过多的阶层可能会增加操作的步骤,所以下次设计时不妨考虑减少阶层或直接操作的方法。


  针对页面上的元素直接操作有时比整合的操作工具列还要来的方便直觉。如下图,若各项目皆有一些可以让使用者操作的功能,我们可以藉由点击或鼠标覆盖的方式来呈现一些功能或进行操作(如删除或重新命名等)。另外还有一种常见的操作方式,就是点击项目后,该项目会转变为可编辑的状态。

  17. 描述项目或功能目前的状态




分享数:1497   电子商务平台经营成功的要素,除了要有好的商业模式外,页面设计也相当重要。优异的使用者页面需有高度的网站转换率(conversion rate) 且好用易上手。

北京网络公司_电子商务网站页面 设计宝典 (一)
  利用社群的力量来帮助你说服客户是相当聪明的策略,且可有效的提高转换率。用户看到别人的认可,或是讨论你的产品服务时,会加强他们想要了解或使用的动机,所以试着把使用者的推荐文或是数据证明放在网站上吧!


  18. 试着在页面上使用能"带给用户好处的按钮",取代"任务导向的按钮"
  说明产品或服务的产地,可让网站与用户之间的沟通更加人性化。例如人们总是喜欢介绍自己来自哪个国家、地区及城市,若产品或服务也能以这种人性化的方式来介绍,会显得更加友善。另外,说明产地也可能让产品品质与产地名声达到双赢。

  北京网络公司_电子商务网站页面 设计宝典 (一)
  你可以透过视觉化的图标或是小动画,来告知或暗示使用者:网页还没置底,你们还可以继续往下阅读。另外,设计时也需小心各主题之间留白区域的尺寸,因为过大也会让人产生底下无资讯的想法。
  北京网络公司_电子商务网站页面 设计宝典 (一)
  强调主打品
  以聚焦手法吸引使用者的目光,效果大于页面上满满的连结



  北京网络公司_电子商务网站页面 设计宝典 (一)



  别让使用者填太多表单
  让你的CTA(calls to action) 更加明显可提高使用者注意到的机率,我们可以透过深浅色调、阴影、渐层或对比色的手法来增加画面上的对比性,进而达到我们的目的。
  但若是这些选项是跟内容有关,而且是流程中必选的(如下图),那你可以考虑不要隐藏这些选项,这样可以提升网页着转换率。



        电子商务网站页面 设计宝典 (三)
        电子商务网站页面 设计宝典 (二)
        电子商务网站页面 设计宝典 (一)


  应用视觉元素之手法可以帮助使用者了解页面上的功能与结构,例如颜色、深度与对比度等。同时为了与你的使用者精准的沟通,需点击的行为(如连结或按钮)与需选择的元件(如选单)设计上要有所区别,【seo北京:15611115563】,同时上方的文字必须描述清楚,才有利使用者辨别。在底下的例子中,作者选择了蓝色做为网站上使用者可点击元件的主色,而黑色为标示已选择的项目或是现在页面的名称,简单明显的颜色应用,让使用者藉由颜色的线索更轻易的学习和使用网站功能。最后请记得,千万别使用难以辨识或过多的颜色混淆使用者。

  设计师常因无心而设计出多栏位却又相似的元素或功能,在页面上就会显得多余甚至混淆影响使用者的操作。
  北京网络公司_电子商务网站页面 设计宝典 (一)
  重点是,页面上项目的状态可以帮助使用者了解是否已经操作过了?操作是否成功?或是哪些动作是使用者需进行的?
  描述或限制适合产品或服务的目标族群,可以帮助网站找到更多相似特质的使用者,也更具特色,同时让使用者感到自己具独特性。然而,使用这样策略具有风险,可能让你的网站在短期内失去一些潜在用户。不过,透明与诚实才是建立与使用者之间信任的最佳方式。
  试着在页面上使用能"带给用户好处的按钮",取代"任务导向的按钮"
  14. 试着别隐藏页面上的选项


  人类天生不喜欢麻烦的事物,就如同大家不喜欢在网站上填写太多的表单。每新增一项必填栏位,访客放弃填写的风险就越高。此外,并非所有人打字都相当快,而且在移动装置上输入简直就是件苦差事。所以尽可能的只留必要栏位,不那么重要的就不要让使用者填了。但如果你真的有非常多必填栏位,可以试看看将第二重要的资讯在提交第一重要的资讯后,出现于单独的页面上,请使用者继续填写。
  北京网络公司_电子商务网站页面 设计宝典 (一)
  没错,长型的滚动页面的设计相当符合人性,但要小心访客可能会因为设计不良而产生“已经滚到最底部"的错觉,这会大大的降低转换率。


  让使用者有复原(undo)的机会
  16. 以聚焦手法吸引使用者的目光,效果大于页面上满满的连结
  直接操作比多阶层下拉式选单(contextless menus)来的直觉
  2. 尝试先给使用者好处,不要马上进行销售
  我们常会在页面上留下许多"连结",目的在于可以满足使用者可能的所有需求(例如可了解更多)。不过,假如你的目的是让使用者卷到页面底部时,采取你期待他们做的动作,那你必须思考上述的做法是否恰当。因为在中间安插任何连结都可能导致使用者分心而忽视了你最希望他们做的事情,所以放置连结,其数量与位置都要取得平衡。怎么取得平衡必须仰赖大家的经验,不过至少我们知道减少多余的连结,可增加使用者注意到你”最重要动作(可能是按钮)”的机会。

  12. 说明产品的产地,增加与他牌的差异
  10. 语气若不肯定,你叫使用者怎么信任你


TAG标签耗时:0.0913 秒

  北京网络公司_电子商务网站页面 设计宝典 (一)