首页

追寻点击愉悦感:提升网站平板体验的6个技巧

蓝蓝设计的小编

提升网站平板体验的6个技巧

Queen译者注:随着平板电脑市场的迅猛增长,你可曾考虑到网站在平板上的用户体验?本文给出了6个提升网站平板体验的简易技巧,让你花小气力,出大成果,可谓事半功倍。要不你试试看。
原文链接:the-pursuit-of-tappiness

在这篇文章发布时,仅在美国就有近7000万的平板电脑用户,这比前一年的数据增加了一倍。这意味着,美国近30%的互联网用户使用平板设备上网浏览。2011年到2012年间,电子商务网站在平板电脑上的交易量增长了348%,第一次超越智能手机的交易量。由于平板市场很年轻,其未来的发展空间必定很大。
这一趋势传递了一个强烈的信号:如果你的网站还没有针对平板电脑进行设计的话,现在是时候优先考虑其在平板电脑上的可用性了。否则,忽略这一点可能会对网站的整体转化率,回访量,销售量等带来负面影响。

什么是”点击愉悦感”(tappiness)?

当一个网站具有”点击愉悦感”时,用户在手机或平板设备进行访问的操作将变得容易而愉快。点击愉悦感包括巧妙使用的空间,易于阅读的文本,符合逻辑的交互线索,和大尺寸的点击目标,这些让访问者浏览网站时充满信心。

1359424540_87

本设计中,大字体和大点击目标的体验很好,即使在平板电脑上缩小后,体验依然不错。
而在另一些设计中,文字太小无法阅读,链接太接近容易误操作,无形中增加了操作时间、复杂度以及体验上的挫败感。糟糕的体验下,用户将快速流失。

1359424551_62

本设计中的小字体和小触摸目标被证明在平板电脑上难以阅读和使用。
一种理想选择可能是:重新设计你的网站,让它能针对各种不同设备进行自适应布局,但时间和成本可能会使你无法完成这样的全面翻新。然而你还有其他选择。本文给出一些技巧和方法,能快速帮助你提升网站的平板用户体验,只需几个简单的变化,你今天就可以做到!

7个值得收藏的用户体验行业网站和博客

蓝蓝设计的小编

7个值得收藏的用户体验行业网站和博客

推荐一 :(5星)

Smashing Magazine

网站的精选文章比较综合,包括Design, Coding, Mobile, Word Press等,整体质量很高,非常适合用户体验从业人员持续关注。

推荐理由:

  1. 对于设计师而言,DESIGN, MOBILE, UX DESIGN这三个tag的内容都很棒;
  2. 文章总体质量非常高,篇幅虽长,但很成体系;
  3. 订阅者超过1,100,000,用户活跃度高,每篇文章的回复都很专业;
  4. 超过1,700篇原创文章,890位作者,他们均有多年从业经验;
  5. eBooks中很多优秀书籍免费。

7个值得收藏的用户体验行业网站和博客7个值得收藏的用户体验行业网站和博客

 

掌握动效设计!让你的设计富有未来科技感(下)

蓝蓝设计的小编

基于情景的消隐

掌握动效设计!让你的设计富有未来科技感(下)

这是iOS上的Chrome,有着基于情景的消隐动效。

掌握动效设计!让你的设计富有未来科技感(上)

蓝蓝设计的小编

掌握动效设计!让你的设计富有未来时尚科技感

为何有的产品、服务特别受欢迎?

是因为这些产品、服务在内容、外观、设计、可用性、功能等方面具有无可匹敌的优势。其实,所有的这些层面都属于交互设计的细节,其中一个关键点便是动效。

本文将介绍几种常见的动效模式(用GIF图演示),分析一下为何这些简单的设计模式在实际应用中能够奏效。
当我们设计数码产品时,我们一般用PS或者Sketch这种设计软件来进行设计。

了解设计的人明白这样一个道理:设计不光只是视觉表达。设计也不应该是静态的。乔布斯说过这样一句话:

设计并非外观怎样,感觉如何。核心在于,它是怎样工作的。

影响用户对产品的体验与印象的因素有很多,交互在其中扮演着关键性角色。我们不能再简单的把用户界面当成一种静态界面而设计。我们应该顺应互联网动态的本质,打造更加动态的图形用户界面。
好了,废话不多说,我们来看看,什么叫做更智能的交互、更精致的动效。看看这些设计模式是怎样提高用户体验的。

动效滚动

超链接是互联网的双刃剑,当你点击链接时,你可以在互联网中任意遨游,随心所欲。

可是过度自由好吗?不见得,比方说你在浏览一款精美的产品页面,然后你点击了一下页面中的链接,突然导入了一款令人毛骨悚然的木偶商店页面。这就是超链接的弊端,有时候的页面转换太突然,缺少过度,让用户一时不能接受。

我们可以看看书籍的用户体验:故事发展一般是线性的,每一章都和上文有所联系。想要阅读第二章,必须先阅读第一章,以便大致了解书中的环境与人物关系。如果你”跳章”阅读,不可避免的会错过一些关键剧情,因此无法理解有些内容。

在网页设计中,同理,尤其是那种内容比较大,页面比较长得网站,这种情况经常无意识的发生:用户会错过之前的某些关键内容,而且又缺少提示,因此很难理解当前内容,通过添加动效滚动,可以修正这一问题。

别让用户发呆—设计中的防呆策略

蓝蓝设计的小编

  生活中总会有些状况让我们无所适从摸不着头脑:面对一排电灯或空调的按钮,哪个才是控制我想要的?开锁时掏出一把钥匙,哪个才是正确的?拿起U盘插入电脑,朝那个方向才是对的?……类似的犹豫充分说明,你呆住了。现在,是需要“防呆设计”来拯救你了。

 

通过潜意识情感来驱动用户行为(51活动小结)

蓝蓝设计的小编

内文版头图

现在我们见到的大部分推广活动往往都以折扣,抽奖作为噱头。长期的价格战轰炸来刺激消费心理的方式已经让用户形成一定的疲劳感甚至是抵触感,因此,我们思考能否在劳动节这个比较传统但是特点鲜明的节日中通过新的创意来达到我们活动目的呢?

定位研发.产品设计(持续更新)

蓝蓝设计的小编

自然界任何一种生物体上的构造都是有目的的存在,任何一种形态都是有规律的呈现,产品也一样,任何一件产品的存在价值取决于它的用途和呈现某种规律的形态美。

产品研发与设计要围绕生活中的问题,有需才有求,只有切实为生活提供便利的产品才能得民心得市场;可能已经有围绕这个问题的产品,这是好事,说明这个问题有必要性,重新开发一件与众不同的新产品,或改良原有的产品,它们都是多年历练的"巨人",改良它就是站在巨人的肩膀上。

“炫动”你的屏幕——移动产品中的旋转木马模式

蓝蓝设计的小编

移动产品设计中,图片传达的信息比文字更直白、美观、容易吸引用户注意,所以在产品中引入大量图片资源也成为设计师喜爱的方式之一。
今天我们在文中要介绍一种的缩略图浏览方式——旋转木马模式(Carousel)。

从“以用户为中心的设计”到“用户参与式设计”: participatory design理念及其应用(上篇)

蓝蓝设计的小编

UCD中常用的用户研究方法——问卷、一对一访谈、焦点小组等,更多是将用户作为研究的客体,通过用户语言表述的观点,了解用户的期望、需求。而北欧和北美近几十年、尤其最近十几年在工业设计领域,逐渐兴起的用户参与式设计(participatory design,PD),倡导将用户更深入的融入到设计过程中,培养用户的主人翁意识,激发并调动他们的积极性和主动性。

国际QQ新版官网项目总结

蓝蓝设计的小编

项目总结:腾讯QQ国际版官网改版总结,互联网的一些事

  项目背景:

  国际QQ官网是宣传国际QQ品牌的主力站点、下载国际QQ的重要入口。旧版国际QQ官网更加偏向于一个门户类网站,重点提供相关新闻资讯,互动社区,群组推荐等基础服务,而对于产品本身的功能介绍,品牌推广以及下载服务提供的版面较少。虽然网站提供的相关社交服务能够更好的提高产品活跃度,不过由于国际QQ的用户群体与QQ的用户群体存在着很大的差异,很大一部分使用国际QQ的用户并没有用过QQ,对于产品本身甚至是功能使用还不是很熟悉。而新版国际QQ官网的主要目标是以宣传和推广国际QQ品牌为主,相应的加入适量的社交服务。减少网站后期的运营压力,强化品牌风格,并且旧版官网整体视觉风格已经相对过时。在这个背景下,有必要对国际QQ官网进行一次大改版。

日历

链接

个人资料

蓝蓝设计的小编 http://www.lanlanwork.com

存档