2014-12-06
来点实实在在能给设计师帮上忙的!面包屑是有效提升购物体验的一大杀器,很多电商网站(亚马逊也中枪)这方面都不够细心,今天@AnyForWeb_UDC 的同学总结了8个特别实用的面包屑导航设计技巧,有对比有案例,嚼劲十足,来一顿设计大餐吧! @AnyForWeb_UDC :网站中的面包屑导航(Breadcrumb Navigation)是一种作为辅助和补充的导航方式,它能帮助用户明确当下所在的网站内位置,并快捷返回之前的路径。 面包屑的由来出自一个童话,两个孩子为了不在森林里迷路,于是沿途洒下了面包屑作为标记,帮助自己能够原路返回。通过这个故事我们可以看出,之所以被称为面包屑导航,正是因为它在网站中也起了相同的作用,让用户既能看清自己在网站中所处的位置,也能快速的找到其他同类型产品。2014-12-01
如何让网站黏度更高,吸引更多用户是站长和网页设计师们永恒的话题。但是用户量无法凭空而来,即使你做好了内容,各种问题依然会成为拦路虎让你挠头不已。今天这篇文章将会告诉你七大秘诀,帮你搞定网站,让你的网站吸引更多用户。 我们都明白,好的设计能让用户感到愉悦,但是好的网页设计至少吸引用户的第一步而已。现实总是骨感的。在你网站上线的那一刻,就意味着你的网站将会面临着数百万甚至更多的竞争者,你不仅需要想办法让正在浏览你网站的用户停留更久,还需要让已经离开的用户成为你的回头客。 你需要让用户有参与感,这也是进行用户体验设计的时候最难的一点,因为实现参与感就意味着你需要为用户提供高质量的内容,还得以绝妙而令人兴奋的方式来呈现出这些内容。如果你觉得自己的网站死气沉沉,那么接下来的这七大秘诀,应该能让2014-11-29
2014年即将过去,在已经过去的大半年中,一些全新的设计趋势逐渐成熟,并且会在即将到来的2015年成为主流。在这些设计趋势当中,令人印象最深刻的,应该是“幽灵按钮”。 2009年重启的的新《星际迷航》中,企业号中控系统的UI就使用了近似幽灵按钮的设计元素 那么先温故一下,什么是幽灵按钮幽灵按钮,也就是Ghost Buttons,是一个透明的按钮,通常是矩形或者圆角矩形,仅保留基本的形制,使用细线来标识边界;按钮内的文字通常使用纤细的非衬线体字体的纯文本,来指明按钮功能。 幽灵按钮有时候也被称为“空按钮”,通常会被设计得比普通的按钮更大一些。而它们之所以被命名为“幽灵”,是应为这种按钮如同鬼魂一样透明,但是独特的造型会立刻吸引用户的注意力——正如同故事中鬼魂一样抓人眼球。 虽然你可2014-11-26
这个时代中充满了太多奇妙的特效,在这些复杂特效中,我们还需要一些与之相反的简单设计。彩色滤镜,既把视觉效果简单化,又与如今的时代节奏相吻合,也许正是我们或缺的那一种类型。 在国外的网页设计中,彩色的滤镜效果已经被很普遍的使用了,但在国内的网页设计领域,滤镜风似乎还没有大面积吹入我们的视线。不如先跟着AnyForWeb一起领略国外的滤镜效果网页设计吧,希望能勾起设计师们更多的创作灵感。 1.这个案例使用了纯色的滤镜效果,让整个画面看起来干净简单,文字与白底色块之间的搭配让用户能一心专注于文字中。这种使用方式证明了滤镜效果能很有效的增强浮于页面背景之上的重点内容的可读性。 2.这个案例所表现的虽然同样也是纯色的滤镜效果,但与上一个案例还是有一些细微的差别。背景图中的内容相对比较琐碎,因2014-11-25
不可不知的设计原则!用户体验是细致入微的活儿,比如今天分享的在线酒店预订,光流程就有许多值得推敲斟酌的细节,今天@十萬個為什麽 同学总结了6个能提升在线酒店预订体验的实用方法,有几个非常惊艳,来学习咯! 说到电商支付流程的用户体验,有大量关于转化率的议题,也有很多有用的建议能够解决可用性问题。但这些资料都没有包含甚至触及到一个特殊的电商领域——在线酒店预订。在用户体验方面,这是一个被忽视的话题,可能的原因之一,是它缺乏一些基本的可用性准则。 随着在线交易占酒店销售额比重的提升,拥有强劲的在线销售工具变得至关重要。酒店网站甚至面临更大的挑战,要与Expedia,Booking.com和其他整合者竞争,他们有更多资源来不断提升网站的用户体验。 多数独立酒店网站使用第三方酒店预订引擎,它2014-11-21
作为一个网页设计师,我们需要努力让我们的技术与技巧与时俱进。我们不用追随每一个时代潮流(比如长投影),但是我们的确需要随着网络的发展与成熟,不断学习并提高我们的技巧。 网页设计产业最近开始火热的新发展之一便是动效,越来越多的公司在他们的应用和网站中放入动效以取悦用户,从竞争对手中脱颖而出以及提升产品的可用性。 动效需求如此之高的另一个原因在于网页扁平化的潮流。扁平化设计整体来说是挺不错的,而且使得人们寻求新的方式来改善它为数不多的问题。 现如今,越来越多的公司接受最小化的“扁平设计”美学。网站之间开始缺乏品牌化差异,看起来都差不多了。这使得设计师开始寻求其它方式让网站变得引人入胜,或令用户感到兴奋。 此时动效闪亮登场。动效如同盐之于薯条;没有它,它们有点冷漠、缺乏风味。让你设计中2014-11-19
通常网站有三种类型,一种是没创意没设计,光靠内容出彩的,这类网站以1024和正方系统为代表。第二种是设计出彩,体验糟糕的,最后这类视觉功夫好,可用性也特别棒的网站,才能留住访客,今天分享6个提高网站可用性的基本原则,都是用户体验的基础知识,新手必备呦! 通常,网站有三种类型: 第一种网站有杰出的创意和设计。这样的网站会让你发出「Wow」的赞叹。但是,不幸的是,除了好设计,他们没有更多东西了。 第二种网站缺乏创意和设计,但是你在上面可以立刻找到你想要的东西!但是你会因为他们在视觉上缺乏吸引力而关掉它么? 最佳的网站是将可用性和视觉吸引完美结合的。这样的网站会吸引你持续访问它。从市场营销的角度来说,这是最好的类型。 好看的网站如果不能让用户持续访问、增加使用转换率、或者达成销售目标2014-11-18
的确!单页设计已然是网页设计的大趋势了,许多流行的设计元素和设计方法都逐渐与这种网页设计手法融合到一起,越来越多的设计师和企业机构开始选择单页网站作为他们沟通世界的门户,而用户也开始接触越来越多的形式多样的单页网站。 但是在很久之前,在单页网站还非常简单的阶段,很多人都认为这是一种非常Low的网页设计方式,直接粗暴如同商业名片一般的网页结构怎么看都和高大上没有血缘关系,谁又会想到这种设计方式在今天会如此流行呢?在设计师们的不懈探究之下,单页设计已经摘掉了混乱单调的帽子,构建起了一套相对比较完善的设计体系,保持简洁而漂亮的设计,重视内容,强调清晰明了的表达。从用户体验的角度上来看,单页设计确实有其优势也有缺陷,但是值得注意的是,用户的确是喜欢单页网站的浏览方式,这也是单页设计流行开来的基2014-11-17
双十一快点来淘宝咯!阿里上市,京东上市,唯品会上市,眼看着身边的电商设计师都是股权在手,房子我有,时不时跟加班租房吃泡面的你谈笑风生。调侃几句,明显是为了推荐今天这篇超多私货的好文,从10个方面全方位分析电商网站的导航设计方法,赶紧学习。 伴随着互联网的成长,通过电子商务网站实现商品交易越来越频繁,而访客在面对越来越庞大的信息量时会感到迷茫,因此,优秀的导航设计能够提高网站的易用性,对实现电子商务网站的高效运作具有实际意义。 另,电子商务网站的首页导航设计必须本着用户体验为佳的原则,既要将网站中的所有信息都在有限的导航栏中体现,又要为用户反馈出重要的帮助信息。网站因其独特的重要性和不可替代性,在电子商务网站设计中日渐凸显出举足轻重的地位。 1、符合网站内容结构 在设计电商网站的导2014-11-14
第一、整理出低流量但是高转化的词,将他们的位置提到第一。 以一周为周期,每周我们的账户一定会有一些低流量,但是其中可能有高转化的词,这类词需要我们去特别的关注,不管它是一时的原因还是真的会有高转化,我们都应该去重点关注这个词。做法就是将他们的位置提升到第一位,保障他们能带来足够的流量,然后再观察他们接下来的表现。如果转化一直不错,就一直放在第一位,如果发现只是当时偶然的高转化,那再进行停投。 通过这样的方式,可以找到很多高转化率的词,这类词累积到一定量的时候,会对整个百度竞价投放的转化率有大幅的提升。 第二、周期性的对消耗前列的关键词进行整理和分析 同样以一周为周期,一周的时间所产生的数据会有一定的代表性,同时调整的频率也