前些天在微博上做了个小调研,关于Android上back、menu、长按的认知度的,截取结果如下
- Twitter.com
前些天在微博上做了个小调研,关于Android上back、menu、长按的认知度的,截取结果如下
Android平台和iPhone平台虽然都是潜力无限的触屏系统,但是iPhone的设计风格已经成型,设计规范也得到了广泛的认可,Android平台却有很多的不确定因素,可以这样设计,也可以那样设计,没有硬性的规范,也没有顽固的用户习惯。并且由于平台具有开放性和延展性,Android系统不像iPhone,只有480*320一种分辨率、一个home键,而是根据硬件厂商的定制,可以有多种分辨率、可以有全键盘、轨迹球、五个物理按键或没有物理按键。
一、Android和iPhone的异同
1、分辨率
Android手机屏幕大小不一,有480×320, 640×360, 800×480,怎样才能让App自动适应不同的屏幕呢?其实很简单,只需要在res目录下创建不同的layout文件夹,比如layout-640×360,layout-800×480,所有的layout文件在编译之后都会写入R.java里,而系统会根据屏幕的大小自己选择合适的layout进行使用。
iPhone手机则只有480*320的分辨率。
2、硬件特征
Android大部分是电容屏,可带全键盘(G1),有轨迹球,有home键、menu键、拨打键、挂断键、search键、返回键(G3等),也可以没有任何按键(乐phone)。也有LG、MTK出的千元出头的电阻屏的Android手机。用户除了跟软件交互之外还要跟手机交互,比如调出菜单、调出搜索都需要接管默认按键的服务。
iPhone是电容屏,只有单一Home键。
3、触控方式
Android和iPhone都习惯向右划屏后退,向左划屏前进的操作。都是多点触控,可用两个手指完成缩放。不同点在于Android有长按之后弹层的操作,iPhone有向下拖拽刷新的操作。
流程图(task flow)是指用图形语言的方式画出用户在使用这个产品的方法和达到具体功能的步骤。通常会把产品的使用流程作为某些任务去完成,用语言描述出想要达到的目的,每一个步骤用一个节点来表示,用线和箭头指示出每一步骤的方向和所要到达的下一个步骤。流程图意在帮助设计师很好的了解产品的功能结构和用户每一步的操作而达到白己的使用日的。
但是流程图也分为两大类:
图1 (更多…)
一、用户体验信息收集
在讨论手机的交互设计方法之前,需要先对手机的用户使用习惯有一些基本的了解,需要对手机的用户体验信息做一些收集整理。收集用户体验信息首先需要确定两个问题:一是确定目标用户群体;二是确定信息收集的方法和途径。
在确定目标用户群体的时候,很显然的是,已有产品有过使用和交互经验,具备该产品或系统的交互体验的用户,相比较于那些没有体验的用户,可以为设计提供更多更有效的信息。因此在收集用户体验信息时,应该首先考虑所需设计的产品的用户或是有过类似产品使用经验的用户。在理想的情况下,当用户体验产品的交互时,设计师可以通过某种技术或是研究方法获得用户的全部感官印象,掌握他们的情感体验。然而这些主观的体验信息很难用实验室的方法收集或是客观的科学描述表达出来。因此我们只能寻求贴近实际的近距离接触用户体验的方法,就是深入访谈和现场观察。
由于手机终端纷繁复杂,各种分辨率的屏幕,各种适配不同机型的特殊规则,都对手机网站的设计提出了更多的要求。大屏幕上已有的网站向小屏幕的设备上迁移,是需要经过一些调整的,今天就来探讨三种可用的迁移方式。
一. 第一种 拍扁式
这种形式最简单,也是目前web迁移到wap采用的最多的一种形式,就是把主流的1:2:1三栏布局的web网页拍扁成一个线性的一维的wap页面,比如看这张图1-1
图1-1
这是elya自己的网站,如何将它转化为一种线性的形式呢?
在手机上浏览信息,存在着太多的局限,手机屏幕小注定了一页不能显示太多的信息,环境光线的变化注定页面设计不能过于花哨,流量限制注定不能有太多的图片和样式。
如果让你的用户直接在手机上浏览为web所设计的网页,即使是经过一些手机浏览器的优化,体验还是会很糟糕,甚至有时候会让人难以忍受。
如何调整信息展现方式,使内容能在小屏幕的手机上也更友好的展现呢?接下来我将通过一些原理和实例来阐述自己的观点。
首先,老祖宗Ben Shneiderman的交互设计8项黄金法则我们要铭记于心,因为这些法则也是适用于移动互联网的基本法则——
其次,针对手机上的交互设计原则,还有以下需要补充的一些点——
而对于手机上的信息展示方式而言,则是本文讨论的重点,也是从《Mobile Interaction Design》一书上受到了些启发。
手机上的信息展现,一方面要有利于你找到需要的信息,一方面要提供友好的方式阅读你需要的信息。为了在手机上有效的支持这两个任务,手机网站交互设计中的信息设计需要满足以下几条:
《The Design of Future Things》Donald A. Norman 读书笔记
我是一个产品,有理想、有道德、有文化、有纪律的产品,你们可以暂时叫我X-Woman
随着科技的进步、时代的发展,我越来越聪明,人类变得越来越笨,为此,我不得不开始系统的去分析研究人类,他们的需求习惯、行为局限等。
人类是……大型的、维护成本很高的、难以控制和管理的,并且他们会对环境造成污染。这样的设备仍然还在继续被生产出来,被部署到世界各地,这台让我震惊了。但是由于他们无处不在,我们必须围绕他们的局限性来设计我们的协议和规则。
马化腾在腾讯产品峰会上关于产品设计和开发的内部讲座
背景:pony是公司的首席体验官、首席产品经理。这次在产品峰会上pony将自己平时经验的积累与大家交流,体验较细。这次分享研发管理部,设计中心整理了些材料。主要的案例是qqmail和qq影音的内容。以此为demo来讲解。
pony的讲解主要分为三大部分:产品设计、产品运营、交互设计。
在开场首先提到,互联网同类产品竞争激烈,只有抓住用户的心才能持续走下去。产品要赢得用户的心,要从一些小的点来赢得用户。
第一部分:产品设计
这个部分,感受最深的是两个词:核心能力、口碑。这部分还着重提到了pony对产品经理素质、开发人员心态的期望。
(更多…)