• [置顶]Flash真的适合做网站应用吗?
  • [置顶]用户界面设计中“状态”和“动作”...
  • [置顶]A/B测试:实现方法

心理学报告丶不可思议之日常

你走路的方式会透露出你的哪些性格?

为什么有些人竟然会回忆起不曾发生过的事情?

夏天出生的人和冬天出生的人谁运气更好?

真心的笑容和虚假的笑容都打着哪些难以掩饰的烙印?……

原文访问:娿九的博客《怪诞心理学》分享

 

首先,凭第一个感觉在你的额头上画一个“Q”,记住小尾巴的方向如下图(听过分享的同学请自动忽略)

想读更多 ->

我的阿里框架升级项目总结(谈体验优化与用户习惯的延续...

我的阿里作为阿里巴巴用户的操作后台,在前面两年的时间里,从阿里助手,到工作平台,再到我的阿里,经过几次信息架构和整体的调整,搭建了现在的基础框架。变化总是存在一定的风险,甚至会造成用户抵触和流失,尤其是类似我的阿里这种用户操作的功能集合,变化的过程更是纠结而痛苦,而如何把这样的风险降到最低,并在不知不觉中,让用户习惯了每一点优化。

基于我的阿里框架雏形,从框架优化升级的系列项目过程中总结了几个关键点跟大家一起分享:

利用选择题进行信息关注度研究案例解析

如果我们想知道浏览某个页面的用户到底在看些什么?一般往有如下几种方法:1.查看点击流数据,如CTR(Click through rate,点击转化率/点选率)、点击热图(Heat Map,可用于测试不同的布局方式、配色方案等对整体效果造成的影响);2.眼动测试,可得到用户的注视轨迹、某一区块的注视时间、注视点个数、回扫次数,及注视热图等。3.用户访谈和用户测试,定性了解用户的浏览行为及其背后的原因。

方法1属定量分析,方法2和方法3属于定性研究。针对于用户对页面信息关注度问题的研究,页面的点击数据并不是一切,我们无法准确分析那些不能产生有效点击的浏览行为,而定性研究虽然可以挖掘用户关注的信息及其原因,但是无法量化,说服力不足。所以一般采用定量和定性方法结合来研究。

本文要探讨的是基于定量与定性分析之间的灰色方案,即利用问卷的选择题来挖掘分析用户对页面信息的关注度。问卷调研既可以了解用户的行为和态度,又由于收集量较大,具有一定的说服力。问卷中,对于涉及点击行为的指标,可以结合点击数据进行验证分析;对于不涉及点击行为的指标,可先利用定性研究(如用户访谈)确定调研内容、设计选项,再利用问卷收集数据来量化用户观点。

选择题设计的注意点:

1.题型的选择。

题型可以有多选题、单选题、评分题。根据调研内容确定题型。如想知道用户比较关注的信息版块,而现有的信息版块个数较多,超过了5个(数据参考:渡劫  调研问卷中多选题的分析方法探讨(2)),就用多选题,如图1;如果小于5个,比如现有旺铺的产品版块分类基于4种常见方式,则可采用评分题,如图2。评分题与多选题的区别在于评分题让用户评价更为细腻,但填答成本较高,所以适用于选项较少(一般不超过5个)的题目。如果调研内容需要明确最为关注、最常使用等性质的信息,则应采用单选题迫选,以明确问题。

想读更多 ->

小晨光的味道 : 一切不以用户为中心的活动都是耍流氓!

频道de变脸

 

频道是产品的门户,用户的窗口,业务的平台, 随着平台上产品的发展,频道的改版那是必然的事情,每次改版的目标和方向都在发生变化,对于设计师而言就意味着又是一个新的产品设计,所以频道改版方法和经验一半靠前人总结,一半靠自己摸索;

一、新手误区:
拿到交互demo就直接对交互稿进行视觉设计,当遇到某个版块放在这个位置不合适的情况下就会直接更改版块位置,发现色彩比较淡就会任意更换色彩或是添加新的设计元素;为了让页面看起来更加饱满

就任意添加推广banner……

这些感性设计貌似看起来是补救的方法就这样随便的被引用到了你的设计中;

当交互设计师看到你自以为欣喜的作品时心中可能按捺住一股怒火:任意更改版块位置、任意添加推广banner、

任意新增版块…..

由于这种太过感性的设计也就造就了混乱的页面,缺失了视觉的美感,一般称之为“随意性设计”!

以上应该是很多设计师都会发生的类似情况。

所以在这里通过实际项目总结了下新手设计频道的流程:

二、新手设计频道的流程

想读更多 ->

初识PhoneGap

一、PhoneGap是什么?

PhoneGap是一个标准的开源框架,用PhoneGap开发移动应用是免费的,无论是商业或是开源;一个用基于HTML,CSS和JavaScript的,创建跨平台移动应用的快速开发平台。它使开发者能够利用iPhone、Android、Palm、Symbian、WP7、Bada和Blackberry智能手机的核心功能——包括地理定位,加速器,联系人,声音和振动等,此外PhoneGap拥有丰富的插件,可以以此扩展无限的功能。

PhoneGap由Nitobi 公司创建,并于2011.10被Adobe收购,并捐赠给Apache基金组织,PhoneGap是唯一的一个支持7个平台的开源移动框架。框架提供了丰富接口用于访问移动设备本地API,能够让你用javascript轻松调用。当前最新版本:1.5。

目前开发移动程序框架选择很多,如PhoneGap、Titanium、MonoTouch、Native App,兼容性越强的技术,成本越低,性能越差;兼容性越差的技术,成本越高,性能越好。PhoneGap是目前最被看好的:

  •  兼容性:完全做到了Written Once,Run Everywhere!
  • 标准化:PhoneGap采用W3C标准,Web App直接运行!
  • 采用普通web开发技术:JavaScript+HTM5+CSS3。

 

存在不足:

  • 性能,正常操作速度流畅,频繁操作响应会变慢。
  • 稳定性及资源占用方面,手动频繁操作会引起,响应速度变慢,webkit的WebView不能很好释放内存,导致内存占用上升,甚至会引起应用的crash。

二、PhoneGap如何工作?

想读更多 ->

设计师也需要了解的一些前端知识


国画中有句话,“画虎先画骨”。对应到网页上,视觉效果就像一张皮,而前端代码是支撑这张皮的骨,了解骨架是怎么长的,有助于设计出更合理高效的页面。

一、常见视觉效果是如何实现的

关于文字效果

文字自身属性相关的效果css中都是有相对应的样式的,如字号、行高、加粗、倾斜、下划线等,但是一些特殊的效果,主要表现为ps中图层样式中的效果,css是无能为力的。但是css也在不断发展,在css3中已经新增了文字阴影的效果,可惜IE6、7、8均不支持。所以,一些比较特殊的文字效果,依然只能通过图片来实现。

说说文字间距

想读更多 ->

轻触,数据美丽的外衣

数据之美
“我生活在一个拥有7,080,360,000人的星球上,这是关于他们的故事,
现今平均每人会对7.4个人说2250个词,人们会发3000亿封邮件
190亿条短信,加起来可组成1个巨大的马赛克图案……”——《触摸未来》(最近很迷的一部美剧)

没错,在这个信息爆炸的时代,借助图形化的手段,高效和清晰的交流信息是数据可视化的目的所在,作为一种信息载体,她拥有对数据的多种表现形式,可以是美丽的且带有趣味性的,以前对于数据在图形上表现只是停留在饼图、柱状图和直方图等简单的视觉表现形式上,为了更加有效的传达数据信息,帮助用户理解引起共鸣,依附与目前多媒体的科技手段,可视化的表现形式从平面到三维,媒介形式从纸张到网络以及视频,在互动性及时效性上都不断发生着变化。

当然,之所以将数据的外衣称之为美,也并不意味这对于她的表现仅仅只是拥有华丽的视觉外观而已,而更重要的是能把握好外观与信息本身功能之间的平衡关系。有学者认为这是理性与感性、“美”与“用”结合的一种设计方式,我很赞同这样的说法,如果对于可视化的设计只是为了漂亮而绘制出图形复杂内容空洞的数据图形是没有任何意义的。

想读更多 ->