elya:思维可视化4类模型

人的思考过程,是一个奇妙的过程,思维在脑海里流窜,横冲直撞又反复纠缠,最后扭成一团麻。所以常常会有人抱怨,脑袋里很乱,想不出头绪。这是因为,大部分人的思考过程都是杂乱无序的,没有逻辑的,最后也没法形成有效的沉淀,更无法找到清晰的结论。那么本文要讲述的,就是怎样把思维进行可视化的规整,最终系统化的沉淀下来,找到其中有价值的方向。其实这种可视化的规则,不止可以用工作中,用在生活中也一样。 (更多…)

elya:6种常见的数据加载模式设计

设计师在进行APP设计的设计时,往往会更加专注于界面长什么样,界面和界面之间怎么跳转,给予用户什么样的操作反馈,却偏偏特别容易忽略掉一个比较重要的环节,就是APP数据加载中的设计,所以会导致我们看到的APP,往往有着华丽的启动界面,然后就是漫长的数据加载等待,甚至在无网络的时候,整个处于不可用状态。那么我们怎么处理好界面交互中的加载设计,保证体验无缝衔接,保证用户没有漫长的等待感,而可以轻松自在的享受等待,对加载后的内容有明确的预期呢?
今天这篇文章,会介绍6种常见的加载模式设计,和3种减少等待感的具体手法,希望对追求极致体验的产品人有帮助。 (更多…)

elya:2014让人印象深刻的7种Mobile UI设计语言

如果你是一个APP狂热分子,你会花大量的时间在各种APP的尝鲜中,你会明显感受到一些APP在采用着某种风格鲜明的设计语言,来标榜自己的独特之处,行成自己的设计风格,甚至引领设计风向。去年我们关注到随着Metro设计风格的影响和iOS7的发布,APP明显都开始尝试扁平化的设计语言了,除此之外,还有哪些显性化的设计语言崭露头角呢?

在这篇文章里,我想分享一些日益显性的设计语言,让人一眼就记住它的风格,有一些已经随着优秀设计师的摸索,融入到国内移动产品设计里了,而有一些,确实是刚刚在萌芽阶段,需要更进一步的摸索和尝试。 (更多…)

怎样让用户来帮助你做产品?

好的产品设计师要学会“跟大多数人商量,听少数人的意见,自己做决定”,这句话来自百度论语,说的是产品团队内部做决策的一个基本方法。但是我想把他引申一下,到产品外部,到产品的使用者那里,因为你的产品是做给人用的,而不是做给产品者自娱自乐的,所以,“挖掘大多数用户的需求,听少数用户的意见,自己做决定”是一个让用户帮助你做产品的基本方法。因为最近在接触用研的一些工作,也在自己亲自收集竞品用户的反馈,所以对于这方面有一些小心得,希望跟大家分享。

(更多…)

设计师的职业发展——UCD年会感悟

2010年10月底有幸去杭州参加了UCD年会,接触了很多牛人,长了不少见识,也有不少的感悟。

感谢UCD创始人们给我们搭建了这样一个平台,让我们能找到圈子,一起去沟通,一起去成长。感谢年会组织者白鸦坏人等,感谢我参加的工作坊1的讲师周陟,给了我不少关于个人职业发展的启发。

那么作为一个新人,我也想聊聊设计师的职业发展,在不到一年的时间内,我从一个编导出身的学生,跻身互联网丛林,参与多个重要项目,同时还利用业余时间做一些自己的小项目,这些经历让我有非常多的感触,非常多的经验,希望跟大家分享,希望得到高人指点。

首先,如何入行?

很多学生都处于一个对企业迷茫的状态中,完全不知道企业要的是什么。我刚上大学的时候,也只知道整天拉着朋友们拍片,拍片,拍片。傻乎乎的,不知道影视公司要的是什么。后来才发现,你要么拍过很深刻的获奖作品,要么把软件用精用通,否则一堆的DV作品,人家根本都不正眼看。互联网圈子也是一样,这个圈子里有自己的游戏规则,产品经理有自己常去的论坛,关注的博客,参加的活动。作为一个想入互联网门槛的新人,只是成天泡论坛、聊QQ、看新闻肯定是不够的,你要知道互联网圈子的人都关注什么,他们看cnBeta,看TechWeb,看UCDchina,如果你跟他们关注同样的内容,保持着积极的学习态度,肯定会更容易的得到认同。那么,你会问“我怎么知道互联网圈子的人关注什么呢?”,我的建议是,参加一些活动,比如交互设计大会、Google开发者日、UCD书友会之类的,这些会议,一方面让你知道了,那些经验丰富的互联网从业者,他们是怎么思考的,另一方面,让你贴近了这个圈子,认识了圈内的人,说不定,这其中某一个人就是你未来的伯乐。当然,你要抛开面子,去放心大胆的问一些你好奇的问题,当你问的多了,知道的也就多了,慢慢的你就可以伪装专业人士了。

(更多…)

基于用户体验的手机产品交互设计原则

一、用户体验信息收集

在讨论手机的交互设计方法之前,需要先对手机的用户使用习惯有一些基本的了解,需要对手机的用户体验信息做一些收集整理。收集用户体验信息首先需要确定两个问题:一是确定目标用户群体;二是确定信息收集的方法和途径。

在确定目标用户群体的时候,很显然的是,已有产品有过使用和交互经验,具备该产品或系统的交互体验的用户,相比较于那些没有体验的用户,可以为设计提供更多更有效的信息。因此在收集用户体验信息时,应该首先考虑所需设计的产品的用户或是有过类似产品使用经验的用户。在理想的情况下,当用户体验产品的交互时,设计师可以通过某种技术或是研究方法获得用户的全部感官印象,掌握他们的情感体验。然而这些主观的体验信息很难用实验室的方法收集或是客观的科学描述表达出来。因此我们只能寻求贴近实际的近距离接触用户体验的方法,就是深入访谈和现场观察。

我们需要调研的信息有:
1.硬件部分:
  • 手机的持机模式(右手操作、左手操作、双手操作);
  • 手机的操作模式(手指触控、笔触、按键、滚轮、长按);
  • 两种操作模式下的输入方式(全键盘、九键、触屏键盘、手写);
  • 信息反馈形式(屏幕信息输出、声音、振动、灯光)对用户的影响;
2.软件部分:
  • 用户对屏幕信息结构的认识(空间位置、信息排列顺序、信息的分类)
  • 用户对信息导航的使用(菜单、文件夹管理、搜寻特定文件)
  • 用户对信息传达的理解(图形信息、文字信息)
  • 用户对交互反馈的获知(每个操作是否有明确的反馈)

从大屏幕到小屏幕迁移的三种设计方案

由于手机终端纷繁复杂,各种分辨率的屏幕,各种适配不同机型的特殊规则,都对手机网站的设计提出了更多的要求。大屏幕上已有的网站向小屏幕的设备上迁移,是需要经过一些调整的,今天就来探讨三种可用的迁移方式。

  • 拍扁式
  • 手风琴式
  • 棋盘式

一. 第一种 拍扁式

这种形式最简单,也是目前web迁移到wap采用的最多的一种形式,就是把主流的1:2:1三栏布局的web网页拍扁成一个线性的一维的wap页面,比如看这张图1-1

图1-1

这是elya自己的网站,如何将它转化为一种线性的形式呢?

(更多…)

手机客户端交互设计原则及信息展现方式

在手机上浏览信息,存在着太多的局限,手机屏幕小注定了一页不能显示太多的信息,环境光线的变化注定页面设计不能过于花哨,流量限制注定不能有太多的图片和样式。

如果让你的用户直接在手机上浏览为web所设计的网页,即使是经过一些手机浏览器的优化,体验还是会很糟糕,甚至有时候会让人难以忍受。

如何调整信息展现方式,使内容能在小屏幕的手机上也更友好的展现呢?接下来我将通过一些原理和实例来阐述自己的观点。

首先,老祖宗Ben Shneiderman的交互设计8项黄金法则我们要铭记于心,因为这些法则也是适用于移动互联网的基本法则——

  1. Strive for consistency.力求一致
  2. Enable frequent users to use shortcuts.允许频繁的使用快捷键
  3. Offer informative feedback.提供明确的反馈
  4. Design dialog to yield closure.设计对话,告诉用户任务已完成
  5. Offer simple error handling.提供错误预防和简单的纠错能力
  6. Permit easy reversal of actions.应该方便用户取消某个操作
  7. Support internal locus of control.用户应掌握控制权
  8. Reduce short-term memory load.减轻用户的记忆负担

其次,针对手机上的交互设计原则,还有以下需要补充的一些点——

  1. 尽量减少操作的步骤
  2. 尽量利用点击来代替输入
  3. 时刻让用户知道自己所处的位置
  4. 与web保持一致且数据同步
  5. 为输入法让出空间

而对于手机上的信息展示方式而言,则是本文讨论的重点,也是从《Mobile Interaction Design》一书上受到了些启发。

手机上的信息展现,一方面要有利于你找到需要的信息,一方面要提供友好的方式阅读你需要的信息。为了在手机上有效的支持这两个任务,手机网站交互设计中的信息设计需要满足以下几条:

  1. 摘要形式展现信息
  2. 导航和提示处于明显的位置
  3. 减少滚动

(更多…)

用户体验的量化方法……

新时代的信息构建师(包括网站设计师、架构师等)应当特别掌握好网站的用户体验(User Experience)设计方法,以给用户提供积极丰富的体验,为网站提高利益。在用户体验方面,信息构建师Peter Morville由于长期从事信息构建和用户体验(User Experience)设计的工作,对此深有体会,他对用户体验(User Experience)设计进行总结,并设计出了一个描绘用户体验(User Experience)要素的蜂窝图,如图1所示。

用户体验要素蜂窝图

(更多…)