当前位置:生活小百科 >> 正文

简历让你脱颖而出|8个小技巧让你的网站脱颖而出

2018-04-16 16:42:07 来源: 责任编辑:生活小百科

篇一 : 8个小技巧让你的网站脱颖而出

  

 

  如今的个人网站越来越多,排名越来越困难,怎样才能在众多的网站当中排的一个好名次,让更多的用户找到你?这里给大家分享8个小技巧,让你的网站脱颖而出。

  1、确定网站的目标关键词。

  我理解的目标关键词是:一、搜索量比较大。二、竞争比较激烈。三、必须跟网站内容相关。

  如何选择目标关键词:

  建议做调查,如果大型网站的关键词跟你选择的目标关键词重复,则要避开,否则很难做上去。建议做搜索量比较大的词但是竞争性比较小的目标关键词。

  目标关键词最好做到网站标题上,权重比较大,最多不超过4个,3个最好。

  2、网站三个标签的书写规范。

  网站有三个标签,分别是:标题标签、描述标签、关键词标签。这三个标签中标题标签对于网站排名起着非常重要的作用,描述标签虽然对提高网站排名并无多大作用但是对于吸引网民读者朋友点击起着不小作用,而关键词标签则是告诉搜索引擎你网站或文章的主题。

  3、做好长尾关键词。

  长尾关键词和目标关键词最大的区别就是数量多、搜索量比较小,排名相对简单。网站的首页用来做目标关键词,即搜索量比较大的词,而导航栏、次导航以及单个网页则用来做长尾关键词。

  4、不要忽视热搜关键词。

  热搜关键词和目标关键词的最大区别就是目标关键词可以是热搜关键词,但热搜关键词不一定是目标关键词。比如我写了篇关于黑客的文章,通过搜索“黑客”来到我网站的人很多,那么“黑客”这个词就是我网站的热搜关键词,但是“黑客”这个词和我网站的主题无关,所以它不是我网站的目标关键词。

  5、重视站内锚文本。

  锚文本不仅帮助网民点击一个链接转到相应的网站或网页,对于提高网站的搜索引擎排名非常重要。例如,通过使用有针对性的关键字做锚文本,网站可以实现更高的排名在搜索引擎中。

  6、确保网站url标准化。

  举个例子来说明什么叫url标准化。譬如:http://www.jianliw.com/和http://jianliw.com/都可以访问到A5网站的首页,但是A5把第一个网址做为固定网址,这就叫URL标准化。

  7、增加关键词密度。

  关键词密度是一个老生常谈的问题,到底控制怎样的比例比较合适并没有具体的标准,一般来说不要超过2%—8%这个范围。

  个人认为没有必要非得让关键词控制在多少多少,只要关键词该出现的时候让它出现一次,一切显得自然就OK了。

  8、为图片添加alt标签。

  什么是ALT标签?alt标签实际上是网站上图片的文字提示。在alt标签中加入长尾关键词是很好的提升关键词密度的方法。简单的说alt标签是一种代替属性,用来对图片进行描述,当鼠标放在图片上,会显示出提示语。现在alt标签写的好坏成为了衡量一个网站优化人员是否专业的最基本标准,所以应该好好掌握。

  OK,掌握以上8个小技巧,并对网站实时更新,相信在不久的将来,你网站在搜索引擎中的排名,会超乎你的想象。

  本文来源:592雨站,首发A5站长网,转载请注明原文出处:http://www.592yu.com,谢谢!

篇二 : 教你怎样让网店宝贝脱颖而出 提高转化率

  面对竞争日趋激烈的电商市场,市场上独特的产品几乎是不存在的,你能进到的货物,别人也照样可以进货。而且价格也越来越透明。面对这样的情形,提高转化率,如何让我们的产品在客户面前脱颖而出?废话不多说,直接进主题。同样的商品在客户面前展示独特的气势,提高转化率,有以下4点方法!

  

 

  1.把相关商品合并为一个商品

  合并出来的产品,能给客户一个新的面孔,展示了自己的特色和掌柜的用心经营。

  手法示例:曾经有一个淘宝小店经营奶酪,推出一款独具特色的“内蒙古奶酪组合4+1套餐”的产品,上架一个月就创造了将近300单的销售记录。销量领先同行,产品经过包装以后.用户只要在淘宝上搜索内蒙古奶酪,这款组合产品一定会出现在首页的前十位,同样的卖商品,却和别家打了不一样的一张牌。

  2.抓取用户贪小便宜的心理

  贪便宜的心理是大部分买家都有的心理,无论是穷人还是富人。简单的说贪便宜就是,我花一样钱能买更多东西,能占更多的甜头。让客户占我们便宜,低价不一定能让他们觉得占了便宜了。低价战不是店铺健康成长的方法,抓住客户的心理需求,主动让利不如变相的让客户觉得“占便宜”,能赚钱的店才能获得持续长久的发展。

  手法示例:我们可以用满88元及送价值XX元的礼品。在这当中,所送的礼品必须有一定价值,才不会让客户感觉你是在忽悠。这里主要向大家强调抓住客户心理,手法可以自由发挥。

  3.打造让客户产生欲望的详情页面

  打造一个可以让消费者产生极大的购买欲望,往往会收获出于意料的结果。每一个宝贝的细节描述都清晰的传达了宝贝的功能信息,专业指导意见和产品相结合,将细节中每一个用处描述的淋漓尽致,让买家一下子被吸引。对宝贝详情页面的展示必须做相关的优化,文字,图片都围绕主题精准描述,包括关联销售。渐渐地品牌价值也随之提升,自然避免了和别的店家同质化现象。

  4.不让对手的价格优势击败你

  同样品质的商品,不可能每个人都能拿到最低的价格。所以当我们没有价格优势的时候,就成为我们销售的弱点。此时该如何解决? 每个会员在购物前对商品的价格一般都有一个评估。当他浏览了相似的宝贝后在内心会有一个比较。

  手法示例::一家销售零食的网店,以健康,自然,送礼为诉求点,设计了大批袋装的核桃,价格高于其他店铺内销售的核桃,其中一款中国盒装山核桃,以480克售价248元的价格出售,据9月份店铺数据统计这一单品在新核桃上市以来单月累计销售了46份,每个宝贝成交的利润率大概为40%,高于同店铺散装核桃 10%的记录。更是高于其他家店铺利润的几倍。

  本来来自A8淘宝大学 http://www.a8tb.com。让你的宝贝脱颖而出,需要的是捕捉客户的心理,然后加以发挥,一定能有所收获。

  以上4种方法,结合网店或者电子商务网站的实际情况加以应用,相信可以发挥更好的效果,希望帮到大家!

篇三 : 决战双11!哪些技巧可以让你的专题页设计脱颖而出?

  @TTTing1 :作为设计师,我们不只是要会把页面给设计出来,还应该学会让自己的设计脱颖而出有竞争力,从而被更多愿意掏腰包的消费者看到,所以我们今天要讲的话题是:决战双十一,哪些技巧能让你的专题页设计脱颖而出?

  欢迎关注小婷姐的微信公众号「TTTink-D」,一个干货与文笔俱佳的美女设计师。

  按照惯例,我先给大家列一个提纲咯:

  一、专题页由哪些部分组成?

  二、如何让你的专题页设计脱颖而出?

  从局部上分析如何脱颖而出

  从整体上分析如何脱颖而出

  三、总结

  接下来我们一条一条来捋清楚(文章越到后面越精彩,结尾有彩蛋,大家耐心看完哦!!!~):

  一、专题页由哪些部分组成?

  (以下是以前提到的一个知识点,我在这里为了方便大家理解后面的内容,所以再放一遍)

  虽然我们现在可以看到各种样式形式的专题页,但是它们脱去那些华丽的外衣后,即使都是很基本的原型图,我拿一个最基础的专题页基本型给大家看一下,大家就知道了。

  一般来说,专题页由这几个部分组成:头部Banner+至少1个楼层模块+背景+氛围点缀物。如下图所示:

  

 

  而Banner是由哪些部分组成的呢?Banner组成要素包含4个方面:文案 、商品/模特、背景、点缀物(可有可无)。

  

 

  而我在之前反复强调过的,Banner的作用是:宣传/展示/广而告之/准确传达信息。

  其中头部Banner我在前面写过好几十篇文章介绍了,大家应该都不陌生了吧,然后楼层模块从上之下你想放多少个就放多少个,形式也可以多种多样,最后的背景和氛围点缀物跟Banner设计里的是同理的,我在前面也反复提到,这里也不做过多说明咯~

  二、如何让自己的专题页设计脱颖而出?

  首先我们可以看几张图:

  

 

  (1/2/3/4/5当中哪一个人物更加突出?是不是3号人物?)

  

 

  (这些圆当中哪一个最突出?是不是紫色的最突出?)

  所以我们应该知道,脱颖而出就好比写作手法里的对比,就好比平面构成里的特异。

  接下来我会从以下2个方面来进行分析:局部vs整体。

  1、那么从局部上分析是指什么呢?

  从前面的专题页组成要素我们可以看到,一个专题页里分别包含了下面这些组成部分:文案/背景/产品或模特/点缀物/楼层。

  所以接下来我们可以来看下,从局部上如何脱颖而出:

  (1)文案:不管是做Banner设计还是做专题页设计,文案才是最直观表达活动的定位和运营策略的信息(而设计的作用就是把这个活动定位给传达出来),在我看来也是最重要的组成部分,那么文案有哪些类型呢?

  情绪带入型

  下面是截取的我以前写的一篇文章里的一小段文字,我觉得拿来当做减肥产品的广告文案也是可以的:

  “以前有个同事她说要减肥要健身

  我说好啊看你能坚持多久

  因为我也好几次喊过这种话

  最后却都不了了之了

  可是几个月后再看到他

  细腰美臀大长腿

  显得更加自信了

  是啊她总可以做到付诸行动

  而我只会给自己找借口

  也许再这样下去

  我都配不上和她做朋友了吧”

  促销型

  全场5折起/全场买三免一/1元秒杀0元抢购/周年钜惠等等

  口号型

  争做行业领跑者/先赚它1个亿/上天猫就购了/好物低价上京东等等

  通告型

  热烈庆祝XXX成立几周年/欢迎XXX领导莅临我司/恭喜XXX荣获XXX称号

  价值观型

  趁年轻,住好点/Just Do It/我的青春我做主/你值得拥有

  自嗨型

  bigger than bigger/again and again/more and more(完全不知所云但是看起来很厉害的样子的文案,超级大牌都爱用。。)

  恶搞型

  老板跑路了/美工甩手不干了等(歪瓜出品,我后面会再提到,因为它简直是电商设计界的一股泥石流。。)

  反差型文案(后面我会解释举例为什么反差)

  改变食界,条条是道-卫龙

  

 

  买了就是朋友-故宫淘宝

  

 

  拟人化文案

  下面是一则日本烤鸡肉串的广告文案:

  “那么,我去当香葱烤鸡肉串去了”

  

 

  “啊!要是把早上下的蛋也带来就好了”

  

 

  “我可不能在这种地方被吃掉”

  

 

  “您好,您的食材到了”

  

 

  这则文案就是通过拟人化的口吻,即让人觉得新颖可爱,又让人感受到其食材的新鲜。

  功能描述型

  保湿护肤一步到位/棉柔舒适超强吸附力/轻松舒适不变形等等,常用于详情页里

  了解完以上文案类型后,所以当我们想要自己的设计能够脱颖而出,要么做到在同一个类型(定位方向)的文案里比别人写的更出彩,要么就换一种类型(定位方向)的文案去写,而后者其实更容易起到脱颖而出的效果,举例:

  在同一个类型里,但是文案写得比别人出彩或者内容更能打动用户而达到脱颖而出的目的:

  比如如果都是促销型文案,你写“XXX周年庆特卖惠”肯定不如“XXX周年庆,全场满100减50”这种文案有吸引力。

  为什么呢?因为对于这种促销类型的文案你把实惠写的越具体就越能让用户感受到真的是在打折,而不是干瘪瘪的说你在做促销活动,因为这样用户会很疑惑你到底能给他多少优惠,他心里没底就不敢放心大胆的买了。

  换一种定位方向达到脱颖而出的目的:

  比如卫龙作为一款屌丝辣条居然走苹果这种高富帅的路线;

  

 

  再比如故宫淘宝居然把那些高高在上的皇帝娘娘们塑造成一种卖萌的形象;

  

 

  再比如大家都在宣扬正能量的时候,这个品牌的咖啡饮料却走负能量路线;

  

 

  以上关于文案部分,我们就讲到这里了,总之文案体现的是你的活动定位和策略,所以文案先于设计执行,并且它很重要很重要很重要。

  (2)背景:背景上的脱颖而出,主要体现在色彩/形式/纹理等上面的一种差异化和对比。

  色彩上:明亮鲜艳VS暗黑系/暖色VS冷色/多彩色VS无彩色。

  比如,同样是表达年轻,大部分人想到的应该是活力多彩的,而如果你用的是暗黑系的,那你就脱颖而出了。

  

 

  形式上:扁平VS质感/繁杂VS留白/柔美曲线VS刚硬棱角/重复VS变化。

  比如,卫龙作为一个卖辣条的品牌,无论是从产品的辣这个特性,还是它产品本身的基因来看,都应该走红红火火热闹低端路线的风格设计对不对?但他突然有一天开始走苹果这种高富帅的大量留白高冷路线,大家的眼球立马就被它吸引了。

  

 

  纹理上:有纹理VS无纹理/无规律VS有规律/重复VS变化

  比如,有些比较卡哇伊风格的页面,如果能在背景上有一些相关元素或纹理的点缀,起到相互呼应的作用,就会比空白的背景有吸引力一些。

  

 

  反之亦然,有些背景不适合放纹理,会显得累赘或多余,那么空白背景就会显得更有吸引力更舒服一些。

  (3)产品或模特:产品或模特的脱颖而出主要体现在品牌效应/产品品质/功能差异等给人的感官感受。

  品牌效应:大品牌VS小品牌/有品牌VS无品牌/多品牌VS单一品牌/线上品牌/线下品牌/跨品牌合作(吾皇/暴走漫画)

  比如,大品牌的产品比小品牌的产品占据更多优势,有品牌的产品比无品牌的产品显得更可信更正规等,所以如果上升到品牌这个层面,仅仅只是设计的好看或突出并不会起到很大的优势作用,只是锦上添花而已,品牌的影响力和口碑才是最主要的因素。

  但是当2个品牌一起联合,跨品牌做活动,就会比单一品牌产生更强的效应,达到1+1大于2的作用,比如家纺品牌和可口可乐的合作,在设计上也是沿用了可口可乐的经典女人曲线般的瓶身形象:

  

 

  产品品质:好品质VS差品质/有特点VS无特点/有后期修饰VS无后期修饰/有人知晓VS无人知晓。

  比如,同样一款产品,你的产品图看起来更清晰更干净或更有趣好玩更高档肯定就会更吸引到相应的人群的注意力和购买欲望,这些都是会影响到你的页面设计好坏的因素。

  

 

  功能差异:多功能VS单一功能/有差异VS无差异/有优势VS无优势

  比如如果都是护肤产品的专题页设计,但是你的这款产品是有别人不具备的功能特性的,那么就可以在你的设计里通过文字排版或图形描绘的方式表现出来,直观的传达给别人你的这些优势和氛围,就比干瘪瘪的将产品往页面上一摆更具吸引力:

  

 

  当然这个情况更适合单个产品的宣传或者放在详情页里。

  (4)点缀物:有点缀物VS没有点缀物/点缀物合适VS点缀物不合适。

  这个同上面讲的纹理类似,比如,有些比较卡哇伊风格的页面,如果能在背景上有一些相关元素或纹理的点缀,起到相互呼应的作用,就会比空白的背景有吸引力一些。

  

 

  (5)楼层:这里主要包含楼层内容和楼层形式2个方面。

  楼层内容:内容新颖VS内容常规/内容丰富VS内容单调:

  一般来说,在楼层内容里如果插入一些好玩的游戏,或者有一些视频播放,再或者变着花样给用户发红包和购物券,会比常规的商品列表展示的楼层更有让人逛的欲望(不过这个都不止是设计师的事情了,而是运营/交互设计师/产品经理/策划要去做的事情)。

  

 

  楼层形式:形式新颖VS形式常规/形式贴合主题VS不贴合主题。

  比如以穿搭建议的方式卖货的专题页楼层设计,大多数都是像左边这样,将一堆衣服按一定秩序堆放好,但是右边这种形式呢?每个模特摆出一个字母的造型,让人觉得有点搞怪,都忍不住想要跟着模仿造型了对不对?

  

 

  2、那么从整体上分析是指什么呢?

  整体上我们可以从型/色/意/技四个方面来探讨如何做到脱颖而出这个问题:

  (1)型:主要是指整体的形式/风格等方面要与众不同,那么跟前面的文案一样,要想脱颖而出话,要么就是在同一个类型里你能做到你是最优秀的;要么是跳出这个类型,或者跨界到不同的领域或定位类型里去表现。

  举例:反差型(卫龙)

  

 

  举例:恶搞型(歪瓜出品)

  

 

  (看完这家店的设计风格,整个人都要笑屎。。简直是电商界的一股泥石流,哈哈。我也承认这家店成功的脱颖而出了,但。。我有点好奇这家店的美工走出了这家店铺能不能顺利找到工作。。除非他打算一辈子呆在这种同类型的店铺里,哈哈哈哈!!!)

  举例:独一无二型(天猫猫头形象)

  自从2015年的天猫双十一,第一次将所有的页面都沿用猫头的这个造型,就惊艳了全场,因为这个形象太讨巧了,不仅成功地与他的品牌形象挂钩,还非常有利于品牌延伸,这以后,但凡页面里出现这猫头造型,就一定会联想到天猫,因为他是独一无二的。

  

 

  当你拥有了某种独一无二的东西,也就很容易脱颖而出了。

  

 

  (2)色:主要是指色彩上的差异化,这个跟前面讲局部的内容类似,比如:明亮鲜艳VS暗黑系/暖色VS冷色/多彩色VS无彩色(别人家都是明亮色系你可不可以尝试暗黑色系呢?别人家都是暖色系,你可不可以尝试一些冷色系呢?别人家都是夸张多彩绚丽,你能不能尝试低调无彩色系呢?)

  比如,同样是表达年轻,大部分人想到的应该是活力多彩的,而如果你用的是暗黑系的,从另一个角度去诠释年轻,那你比较容易就脱颖而出了。

  

 

  (3)意:主要是指品牌特性/理念意义/定位方向等,与众不同。

  品牌符号:从品牌这个角度来说,每一个品牌形象都是独一无二的,比如

  天猫/三只松鼠/初语等都已经形成了自己的形象特征,当你的页面上出现了这些形象特征的时候,也就有了自己的优势:

  

 

  理念意义:图形代表的含义,灵感来源等

  比如,提到圣诞节,大家都会联想到红配绿,也会联想到圣诞树/雪地/圣诞老人/长筒袜对不对,所以我猜想你们的第一反应应该是搞比较基础的堆叠效果吧?像下面这样:

  

 

  但有没有想过像下面这样提取一种基本型,然后巧妙地与自己的产品相结合呢?

  

 

  定位方向:促销VS趣味VS温情VS苦情VS情怀(比如别人都走促销路线你可以走趣味路线,别人走趣味路线你可以走温情路线,别人走温情路线你可以走苦情路线,别人走苦情路线你就走情怀路线,当别人都走情怀路线了,你走促销路线,哈哈哈哈!!)

  比如,今冬情人节那次,别人都走温情路线,我们走了苦情路线,反响很不错:

  

 

  再比如,儿童节的活动设计,别人可能都走手绘可爱卡哇伊路线:

  

 

  而我们走了小清新路线(其实也是因为怕侵权不好用模特之类的,再一个我们是儿童节/母亲节/520一起做的活动,哈哈~)

  

 

  (4)技:主要是指技术创新/跨界合作/手法创新等让人感到新奇,任何时候,都是因为有了技术的进步才使得我们有了更好的体验和更多的选择。

  比如以前没有互联网的时候,大家只能在线下购物,有了互联网之后大家开始在PC上购物,后来移动个互联网的发展和智能手机的普及和便利,大家又开始转向移动端购物,现在Vr又出来了,以后指不定购物有多便利了。你抢先运用了新技术,你就占有优势。

  举例:前度时间很火的双十一邀请函,就是一个活生生的例子,可以看下它的幕后制作视频:

  

 

  我在里面看到,它分别涉及到脑爆+前期构思+手绘草图+摄影+后期合成+Vr技术+threejs+webGL的组合绘制3D场景+渲染等技术环节。最终达到了刷屏的效果,吸引了几乎所有互联网人的注意力。

  如果你也有这个技术,你的作品想不脱颖而出也难了(不过也只有BAT这个级别的大金主才花得起这个钱了)。

  三、总结

  看完以上所有的分析,你应该有一些头绪知道该怎么让自己的专题页脱颖而出了吧?另外我也看到现在电商设计行业普遍是这么个现象:

  ▼

  页面里有视频的比没视频的厉害

  

 

  ▼

  动态的比静态的看起来厉害

  

 

  ▼

  3D的比2D的看起来厉害

  

 

  ▼

  有场景合成的比简单的商品堆砌的厉害

  

 

  ▼

  动手做的(比如手工和摄影)比动手画的厉害

  

 

  ▼

  手绘的比非手绘的看起来厉害

  

 

  ▼

  有造型变化的比没有造型变化的厉害

  

 

  ▼

  自由排版的比常规排版的看起来厉害

  

 

  ▼

  干净留白的比热闹促销的看起来厉害

  

 

  ▼

  有文化底蕴的比没文化底蕴的厉害

  

 

  ▼

  有故事的比没故事的看起来厉害

  

 

  ▼

  不按套路出牌的比循规蹈矩的厉害

  

 

  欢迎关注小婷姐的微信公众号「TTTink-D」,一个干货与文笔俱佳的美女设计师:

  微信公众号简介:专注开拓电商设计思维,不定期分享一些个人见解干货,当然也会分享一些顶级创意、摄影、人生感悟方面的好文啦。

篇四 : 做好这4个细节设计 让你的移动APP 用户体验脱颖而出

  启动页、空状态、动画反馈、框架界面… 今天提到的这4种状态,都是容易被忽视,而又能让移动App 脱颖而出的细节。如何做好这4个细节的用户体验设计?今天这篇好文总结了关键的几个原则。

  启动页

  当用户打开 app 时,最不能做的事情就是让他们等待。但是如果 app 的初始设置非常耗时,又不可能优化该怎么办?你不得不让用户等。如果他们愿意等,你得知道如何 吸引他们。启动页解决了等待的问题,让你有一个简洁有力的窗口来吸引用户。

  

 

  这里有一些小贴士,在设计启动页的时候记得注意:

  Google 和 Apple 都建议用启动页 模拟更快的加载 来提高用户体验。启动页给到用户即时反馈,表示 app 已经启动并正在加载。 为了保证人们等待的时候不厌倦,给他们一些 娱乐:有意思的,意想不到的,或者任何可以抓住用户注意力的东西,时间长到够 app 启动就好。

  

 

  如果 app 的初始设置超过 10 秒钟,考虑使用 进度条 来表示正在加载。记住,不确定时间的等待给人的感觉要比确定时间的等待更加漫长。所以,你要给用户一个清晰的标识,他们需要等多长时间。

  

  (通过使用进度条让加载过程更自然)

  空状态

  我们通常会设计一个丰满的界面,布局中的所有元素都完美的放置,看上去很美。但是如果界面正在等待用户操作,该怎么设计?我要说的就是空状态。设计空状态是非常重要的,因为即使它是一个临时状态,它也会是 app 中的一份子, 并且对用户 有用。

  空状态的意义不仅是一个装饰。除了向用户提示界面上将要展现的内容,它还可以作为一种 导引 (介绍 app,展示为用户做的事情),或者 助手 (出错时的屏幕)。这两种情况下,你都希望用户能做点什么事情,所以,屏幕不会立即变为空状态。

  

 

  下面是一些设计空状态时的小技巧:

  给新手用户设计空状态。记住新用户的体验很 重要。给他们设计空状态的时候要尽量简单。重点放在用户的主要目标,设计互动性最大化:清晰的信息,合适的图像,一个按钮,这就够了。

  

 

  Khaylo Workout 是一个关于空状态设计的很好例子。这个空状态告诉用户为什么会看到当前界面(因为他们还没有挑战任何朋友)以及如何操作(点击 + 图标)

  错误状态。如果空状态时由于系统或用户错误,你必须在友好度和帮助度之间寻找一个平衡。一点小幽默通常可以抹平出错的沮丧,但是更重要的是你要清楚的说明解决问题的步骤。

  

 

  迷失方向,孤立无援,就像在一个荒岛上?遵从 Azendoo 的建议,保持冷静,点个火,然后继续刷新。

  框架界面

  我们通常不考虑内容的不同加载速度——我们一直认为都是立马加载(或者至少非常快)。所以我们通常没有为用户需要等待加载的场合设计。

  但是网速不是总是有保障的,它可能比预期的要慢。尤其是下载比较大的内容时(比如图片)。如果你不能缩短时间,至少要让用户等待得舒服一点。你可以用临时信息容器 来保持用户的注意,比如框架界面和图片占位符。比起转圈的加载提示,框架界面能建立对内容的预期,减少认知的负担。

  几点建议:

  框架界面不必很抢眼。只需要凸显必要的信息,比如段落结构。Facebook 的灰色占位符就是个好例子——它加载时使用了元素模板,让用户熟悉正在加载的内容的整体结构。注意框架界面中的图片和线框并没有很大区别。

  

 

  对正在加载的图片,可以用图片中的主色填充一个占位符。 Medium 有一个很棒的图片加载效果。首先载入一个小的模糊图片,然后慢慢转变成大图。

  

  (真正的图片出现之前,你可以看到模糊图片填充的占位符。)

  动画反馈

  好的交互设计会提供反馈。在现实世界,像按钮这样的物体会对我们的交互做出反馈。人们会对 app 中的元素有同样水平的期望。可视的反馈让人们有 掌控感:

  它会告知交互的结果,让结果可见并可以理解。

  它给用户一个信号,这个对象(或者 app )执行一个任务成功或者失败。

  动画反馈通过即时的信息沟通来节约时间,并且不能让用户厌烦或者分心。最基础的动画反馈就是 转场:

  

 

  当用户看的点击/触摸操作引发的一个动画反馈,他们马上知道这个操作被接受了。

  

 

  当用户点击勾选任务已完成, 包括这个任务的区域就缩小并且变成了绿色。

  下面是关于动画反馈的一些提示:

  动画反馈必须经久不衰。第一次看着新鲜的东西,100 次之后可能就烦了。

  

 

  动画可以让用户分心,让他们忽略加载的时间。

  

 

  动画可以让用户体验打动人心,刻骨铭心。

  

 

  总结

  用心设计。app 的 UI 里面,每个微小的细节都值得密切注意,因为 UX 就是让所有细节协调的总和。所以,请从一而终,持之以恒的打磨你的 UI,创造真正无与伦比的用户体验。



>>返回 生活小百科 内容:http://www.jianliw.com/545787.html

文章很赞,分享给朋友
相关内容


香煎黄花鱼的做法 嘀哩嘀哩 嘀哩嘀哩歌词 嘀哩哩嘀哩哩哒哒 UUSee 客户端网游排行榜 钻石品牌排名 钻戒品牌排名 国内钻戒品牌排名 大浪淘沙小姐

免责声明:本站作品均来自网友分享或互联网,若您发现本站存在您非授权的原创作品请第一时间联系本站删除,本站享有代替本站作者维权的权力。

CopyRight @ 2008-2018 jianliw.com 生活小百科,All Rights Reserved 版权所有

粤ICP备15014829号-1