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

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

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

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

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

移动应用丰富动效的六点原则

如果想让你的移动应用更活泼更灵动,丰富的动效是不可少的,丰富的动效可以让你的应用更具活力,充满生机;丰富的动效可以让你的应用彰显效率,提升品质感;丰富的动效可以让你的应用充满魅力,引人探索;丰富的动效可以让你的应用减少焦虑,消除等待感;丰富的动效可以让你的应用充满韵味,有节奏感;丰富的动效可以让你的应用有出奇的信息组织,整洁高效。

这里主要介绍六种简单通用的方式——转场、邀请、过渡、反馈、缩放、吸附。

(更多…)

移动应用表单设计秘籍

一直想写一篇文章,关于移动应用表单设计的,可惜最近项目很忙,忙到没有时间打理博客。最近体验产品的时候,经常看到错误的的表单设计,要么信息混乱,要么步骤繁复、要么语言程序化,要么视觉焦点跳跃,要么校验顺序混乱,要么反馈不及时,如此种种的问题,让我很想认真的总结一下,思考一下,为移动应用的表单设计,提供一些个人力所能及的建议,希望更多地设计师能认真思考移动应用表单的特殊性,能最大限度的提升表单设计的体验,提升效率,提高满意度。

本文将从清晰的视觉纵线、信息的分组、极致的减法、利用选择代替输入、标签及文字的排布方式、依靠明文确认密码、合理的键盘利用、校验的小秘密这八个维度来分享我的移动应用表单设计秘籍。

(更多…)

触屏手机点击区域的小秘密

做触屏手机产品设计,要注意所有的可点击元素都有足够的点击区域,但是这并不是说你要把所有的按钮图标链接都设计的足够大,手机上的视觉焦点和操作焦点是不一样的,操作焦点是可被放大或移动的点击区域。

这里分享几个点击区域的小秘密,帮你解决操作准确率的问题。

一、扩大操作焦点

iPhone自带的控件NavigationBar上的Button、TabBar上的Item、ToolBar上的ButtonItem,实际的点触区域都是被放大了的。

(更多…)

Clear——乱花渐欲迷人眼的待办事项工具

一、深泽直人的“无意识设计”

Clear这款产品,无处不萌发着一股无意识设计的味道,用户进来之后,看到一个没有任何按钮的list界面,之后任何下意识的手势操作,都对应着合理的引导,比如点击列表看详情、点击空白新建条目;比如下拉列表之后,会出现pull to creat list的提醒,松手就可以新建list;比如猛拉列表之后,会出现switch to menu的提醒,松手就可以回到menu列表;比如在列表上从左到右滑动完成待办事项,从右到左滑动删除待办事项;比如长按列表项就可以挪动位置……这些,都是用户直觉反应下会去探索和执行的操作。

设计优秀的iPhone通知

当应用需要提醒用户关注某件事情的时候,希望1.引起用户的关注;2.不使用户感到烦躁不安;3.不希望中断用户的操作;4.引领用户到达该去的地方;5.当用户需要的时候可以再次找到该提醒。这些要求看似简单,实则需要耗费一番的设计功夫。本篇文章,就要系统的分析一下iPhone上通知的设计。

一、通知的样式

(一)、视觉界面

iPhone系统自带的消息通知形式有两种,分别是Badge Notification和Alert Notification。IOS5增加了Notification system。

1. Badge Notification

(更多…)

手机产品设计之用户引导

在手机产品的设计过程中,由于手机界面的承载能力有限,产品功能的不断膨胀,必须要在用户打开应用之后告知他某些新奇的功能,引导他完成某些主要任务流程,让用户不至于迷失在陌生应用中不知所措。帮助用户快速掌握应用的使用方法,体验到应用的乐趣,新手引导成了一个必须考虑的设计环节。

用户引导的直接目标是帮助用户更好的使用产品,终极目标是提升用户满意度。虽然,大多数情况下,我们可以通过合理的设计,尽可能的简化功能,让用户无需引导和帮助,就可以完成必要的任务。但是实际上,手机产品的限制和对强大功能的追求,导致这个目标很难达到,因此越来越多的应用开始使用用户引导来帮助用户快速熟悉产品。

(更多…)

2011交互设计体验日-用讲故事的方式来做手机产品交互设计

2011中国交互设计体验日在北京举行,elya和Alex代表百度MUX出席并主持了“用讲故事的方式来做手机产品交互设计”的工作坊。

 

随着移动互联网浪潮滚滚来袭,移动设备交互设计师是时代的弄潮儿。你需要知道怎样为真正的目标用户做设计;需要知道真实用户的使用场景;需要知道怎样让你的产品变得用血有肉;需要知道怎样用讲故事的方式来做产品;需要知道怎样将讲故事的方法贯穿到设计循环中去,本次工作坊也是力求通过一些我们尝试过的方法,跟大家一起展开探讨。

(更多…)