首页

优秀手机应用设计需要遵循的8大原则

蓝蓝设计的小编

蓝蓝设计产品设计的原则有点太泛哈,这里想结合自己的工作心得来小结一下手机界面设计软件界面设计iPad界面设计软件后台管理界面设计的相关8原则:

原则1:用户界面应该是基于用户的心里模型,而不是基于工程实现模型

就是把后台本来很复杂的事情通过设计符合用户日常生活中常用的浏览方式或操作方式。其实这一点是设计师把生活中的细节和数据结合的凝聚点,用户的心理模型抓的越准,界面就会越优秀。

原则2:培养用户使用情景的思维方式做设计

要做到这个原则其实是很难的,需要长期的实战经验才能做到这点。
那我们都知道米聊出的比微信早,但后来被微信反超,个人认为不光是QQ帮了微信很大忙,比如用户登录门槛低,用户来源,广告打得响之类的,其实在用户使用情景方面米聊研究的没有微信透彻。

对于一个社交即时通讯产品,添加好友的功能是好友汇聚的来源,虽然米聊微信都绑定手机通讯录,但话又说回来,用户找手机通讯录联系人语音聊天的还是比较少。添加好友是引导用户去发现好友,找好友, 碰好友的一扇门。所以对于这么重要的功能放置在应用程序的哪个位置,在产品前期就会让用户明显的去选择用哪个应用,因为聊天工具的前提是要有人和你聊天。再回到现实的界面中来,看看下面的对比:

35款新鲜、免费的优质扁平化UI素材

蓝蓝设计的小编

蓝蓝设计继续关注鲜好用的UI设计素材,并且分享给童鞋们,希望这些优质免费的UI素材,可以帮住大家提高ui设计服务能力的,让您在ui设计公司立稳脚步,处于不败之地。有的WIN 8 以及 IOS 7 UI素材,欢迎童鞋们打包下载,分享到评论。蓝蓝设计 深深感谢  : )

touch50px UI Kit

touch50px UI Kit by Angelo in 35 Fresh, Free and Flat UI Kits

值得学习研究!纯CSS3编写的面包屑导航收集

蓝蓝设计的小编

蓝蓝设计 :随着Web技术越来越先进,浏览器更新换代也很快,在国内很多网站已经有使用css3和html5的技术了,所以我们也应该多学习这些新知识,设计达人网站整理的资料,你在学校、图书上也是未必能看到的。

今天我们整理了10个纯CSS3制作的面包屑导航,这些都是通过CSS3来编写,十分方便,而且实用。有些文章附有教程,大家可以学习研究一下。

漂亮面包屑导航

css3-breadcrumb-1

扁平化面包屑导航

12个为iOS应用设计提供灵感的好网站

蓝蓝设计的小编

专注于分享UI界面的细节,按照设计元素进行分类:

注意:有些网站需要翻墙:(

http://pttrns.com/

app1

http://www.patternsofdesign.co.uk/

app2

2012年度最佳UI动画

蓝蓝设计的小编

damndigital_beautifulpixels-best-of-2012-ui-animations_2013-01

作为一款足够吸引人的app,惊艳的UI和优秀的功能是基本条件,但若有独特的动画与转场效果,则可以大大的增加用户使用的粘性,称霸整个应用平台。具备了良好体验效果的同时,有这样一个意料之外的效果,不但会给用户带来惊喜,更会让人情不自禁的爱上它。

2012年我们看到有不断的热门app得到细化,而一些大公司也最终意识到良好的UI对于一个app的重要性。在过去的一年里,Android应用程序已经得到了很大的改善,iOS则把设计范围越推越广。这里是一些beautifulpixels.com认为在2012年中一些脱颖而出的UI动画。虽然视频演示提供了大致的预览,但相信如果你在手机中亲自体验更能发现它们的魅力之处。

 

Google+ Animation

当Google+开始公测时,每个人都想第一个尝鲜。然而,在Android系统和其他移动应用平台上因缺少一个良好的app,而使得很多人因此望而却步。Google努力优化他们在iOS平台推出的游戏,值得一提的是它们最近发布的app也让人眼前一亮。

而这款Google+iOS应用程序也颠覆了以往的设计,或许会让你爱不释手。其中有很多独特的动画设计,比如,下拉刷新(pull to refresh)。当用户下拉时,会出现4个不同颜色的彩带从左至右,有节奏的从暗变亮,并拉长。同样有趣的是,当你滚动到底部时,载入的新内容同样会出现。从这样的小细节中,我们看到Google的确在app的设计上注入了很多精力。就为了它的动画,你就值得在iOS系统的设备上下载Google+这个程序!

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

蓝蓝设计的小编

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

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

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

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

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

1359424540_87

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

1359424551_62

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

让用户更地完成表单填写

蓝蓝设计的小编

填写互联网表单几乎是每个用户每天的经历,如用户进行网站注册和登录、购物等,都需要填写各种表单。用户为了获得想要的东西,表单成了用户完成需求和网站系统需要数据之间的互动形式。那么表单设计的首要目标也更清晰:让用户迅速快捷并且轻松地完成填写。

设计目标已清晰,那么如何设计表单呢,以下从表单的内容、组织方式、流程、表单元素控件及交互等方面详细阐述。
表单的元素

研究如何提高表格可用性之前,我们先简要了解下一般表单的元素,这里我们暂且这么总结:

标签:告诉用户表单问题是什么?
输入框:供给用户填写答案信息;
动作:用户提交表单,即用户点击一个按钮或链接,执行一个操作;
帮助文字:为如何填写表单提供帮助;
输入反馈:针对用户输入给出反馈,输入正确还是错误;

用户如何看待验证码广告

蓝蓝设计的小编

内容导读

从本篇文章中,你将获知什么?

  1. 国内外验证码广告介绍
  2. 验证码广告用户体验的重要性
  3. 验证码广告用户体验数据
  4. 上线5个月,验证码广告的表现如何?
  5. 验证码广告的多样形式

 

正文

12年7月,验证码广告作为百度联盟新的广告产品华丽上线。什么是验证码广告?顾名思义,就是在输入验证码的环节插入广告。怎么插入?像这样,扩展验证码区域,嵌入一张广告,提取广告内容,让它变成需要用户输入的验证信息。

这是传统验证码:

效率优先 适度设计——网盟投放平台体验优化项目总结

蓝蓝设计的小编

零:项目背景

百度网盟推广平台是配合网盟推广用户的在线营销平台,推广客户可以在平台上实现全方位的推广管理,包括搭建账户结构、配置预算、定向方式、监控账户投放效果等等复杂的账户操作。但是由于系统的复杂度和功能性的增加,原有的系统对新功能的支撑显得有些捉襟见肘,所以在今年8月份,我们开始了对系统体验的分析和优化工作。

 

一:产品理解

广告投放平台广义上属于商业产品体系,商业产品和用户产品在体验的关注点上是有显著区别的。最大的区别就是使用需求不同,商业产品一般不会出现在我们日常生活中,大部分都是在工作时,或者是特定的时段内才会使用到。所以把握好商业产品的特性,是做好商业产品用户体验的关键。

研究一个产品的特性,一个比较简单的方法就是观察产品的“零容忍点”,也就是产品的哪些特性如果不能够满足用户,用户就会产生强烈反感,甚至放弃使用。比如说现在非常火的移动互联网应用,也就是app产品,用户的零容忍点基本上会停留在视觉层面上。因为我们的移动设备分辨率较高以及产品的使用场景(都是近距离使用)的关系,用户对产品的视觉效果会非常严苛,如果产品的icon或者界面丑陋,基本上就不会用了。但是,对于一些小说站点或者视频站点来说,视觉就不是用户最主要关注的了,这类产品,用户最关注的是他们的内容,如果内容不够好,别人有的你没有,那么用户就会离开,即使你的界面十分精美,只能是华而不实。同样,如果把思路切换到商业产品上,我们会发现用户最在意的是能够能够在使用的功能满足和节约时间。因为商业产品更像是一个用户的工具,如果工具不能够操作,那么用户就没有使用的动力了。因此,对于商业产品来讲,功能>性能>易用>美观。

所以,对于商业产品设计师来说,我们的思维中要一直有一个声音,那就是我们的优化是不是能够真正的提高用户的效率,在效率和效果面前,我们要强迫自己选择前者。

 

二.可用性走查

平台系统的复杂度之高,超出预期,怎样衡量复杂系统的操作效率提升是体验优化的一个难题,思考之后,把产品的易学性作为我的设计出发点,就是通过统一、规范的系统能够让用户更容易学习和掌握平台产品具体的使用方法。

对整个系统超过30个页面进行可用性走查,根据用户体验设计要素,把系统按照结构层、框架层和表现层来进行梳理。结构层解决用户如何导到某个页面,做完去哪里。在梳理结构层的过程中不具体思考交互方式,只是从任务出发,来看流程和结构上能不能满足功能,在满足功能的基础上有没有提升的空间。框架层则解决页面的具体布局和交互方式,对系统页面的控件、布局等详细梳理,寻找改进空间。表现层解决产品的视觉呈现。

 

走查的主要结果如下:

结构层:

1.新建流程和修改流程不可逆,也就是说新建流程的设置,在修改的过程中无法完全一致的修改,这难免会让用户产生困惑,我去哪里修改呢。

2.工具使用页面跳转次数多,有的能够跳回,有的不能够跳回。

框架层:

1.多版本共存,遗留下来的一些最初版本的页面,交互和布局都和新页面不一致。

2.细节交互不一致,同一操作区域button的操作方式存在多种。

3.异常提示五花八门,没有规范。

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

蓝蓝设计的小编

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

 

日历

链接

个人资料

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

存档