首页

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盘插入电脑,朝那个方向才是对的?……类似的犹豫充分说明,你呆住了。现在,是需要“防呆设计”来拯救你了。

 

如何输出有效的设计方案

蓝蓝设计的小编

内文版头图

在方案设计时,会出现一种情况:似乎已经输出了所有可能的方案,但讨论定稿时还是觉得不够满意,认为应该有更优方案的输出?什么原因导致了这种情况?如何输出有效的设计方案?

● 什么是有效的设计方案?

“有效方案”,个人理解是“能够实现预期目标的方案”,而不是“全部可能方案”的罗列。设计方案因方向不同、实现能力等不同,会得到不同阶段的版本;但在这些前提一致时,方案应该是逻辑性唯一的,不应存在模棱两可的输出。

● 如何输出有效的设计方案?

核心:有逻辑、有理由的输出

Step1 确定产品目标
每一个产品都有其目标,这个环节极其重要,确定清楚后,在接下来的设计决策时,会起到方向判断的作用。产品目标一定要和产品侧讨论确定,不要理所当然的给出判断。以易迅购物车为例,其核心目标是让用户“快速下单”,其次才是“买更多”。

Step2 确定用户群划分
清晰产品目标后,我们需要对用户在产品上的行为有个了解,才能知道他们需要什么。需要关注以下几点:
① 用户有哪些类型(比例、主要/辅助角色)
② 不同类型用户会用你的产品来干什么
同样以购物车为例,易迅以结算型用户为主(主要角色——把购物车当做确定要买东西的篮子),其次是收藏型(辅助角色——把购物车作为可能买商品的聚合地,需要增删商品) 。

设计管理流程的工具化

蓝蓝设计的小编


730

电商用户体验设计部(简称ecd)早期的设计管理是通过各leader跟产品经理收集和手工排需求的形式,但随着产品需求的激增,团队的扩大,每周的设计需求已从每周几十单激增到几百单,部门顺应组建设计管理组,聚焦在流程和项目如何更,今天跟大家分享其中的工具化心得。

早期的设计部门的流程是这样的:

产品经理写一个设计需求的文档,汇总多个需求到一个填写规范的表格在每周统一时间写给设计排期人(一般是leader,也有的是专门的项目PM)排期人拿到表格后在另外一份排期表格上填写各类需求,处理人,完成时间等期间还需要通过电话和RTX沟通需要调整的需求,再把表格复制到邮件上发送邮件,整个流程下来需要多个表格样式来记录这些信息。也不方便后续统计需求和相关信息。后来公司大规模使用TAPD来提交需求,做信息需求管理,


【译文】用户界面设计,打好基础

蓝蓝设计的小编

总结(蓝注:这篇很棒!总结应好好看看)

为了尽可能提供最佳的用户体验,重要的是用户界面设计师要紧跟着基本的设计原则,重要的原则:
首先,给视觉分区,不同的区域从本质上代表不同的功能,界面要保持简洁、一致的结构。这给用户带来了清晰的易于理解的导航,可以随时找到需要的内容。
 




第二,尊重您设计的设备特点。每个设备都有其优势和劣势。分析和利用他们 用户的优势。


第三,去除凌乱,而不是功能。毕竟,用户为什么使用你的应用第一位是功能(表面上),使用标签、下拉菜单、智能关联方法,仅提供用户特殊情况下最可能需要的工具或者信息。


第四,与用户存在同理心,不要轻易的进行设计决策。注意,即使一个最小的设计决策也可能对用户的潜意识层面影响非常深,把自己放在他们的位置去创建一个界面,不仅视觉顺畅,从长远来看也是非常的方便易用。


日历

链接

个人资料

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

存档