主要内容
移动设备的交互和设计 最后更新: | 文章数: 124
与面向桌面电脑的网页设计不同,移动平台的设计中,多了很多不可忽视的限制因素.设计需要符合移动平台用户的使用习惯
-
124. 有限屏幕的无限空间 -从空间角度谈移动界面扩展 2013-01-05 09:08
移动产品大家都不会陌生，几乎是无所不能，可以随时随地满足用户的多种需求。那么移动产品设计呢？有没有遇到类似的情况，PM小A说：产品要增加功能， 在界面上加个入口，小意思嘛。小B说：内容太少了，咱们再扩展一下页面，没有难度嘛。小C说：能不能挤一挤多放个功能？用户真的有需求… 可界面的空间是有限的，内容需求却是无限的， 从3.5寸到5.2寸到9.7寸的pad，不管多大尺寸的屏幕， ... ...
-
123. 从app加载页面说开去 2012-12-17 18:27
都说好的交互设计的评判标准之一是“别让我等”，但互联网产品总是受制于实际的网络问题。移动端产品则更为明显，2G、3G环境下加载不够给力，wifi环境也未必每次都是那么顺利。因此“别让我等”更像是种奢望，我们倒应该思考的是“如何优雅而不令人烦躁的等”。与之最直接关联的就是app加载页面的设计。 一个app加载页面，大致分为3 ... ...
-
122. 移动应用的十项设计原则及小提示 2012-11-19 15:13
移动设备与传统桌面设备虽然都被成为“计算设备”，但它们之间的差异是显而易见的：移动设备的屏幕要小很多，无线网络链接方面会有不稳定，电池续航能力较弱，等等。这份“弱点”清单可以列的很长，但如果你因此认为移动设备就是降级版的计算机，那同样是错误的看法。 实际上，从其他一些角度来观察，移动设备又是比桌面设备更加强大的。智能手机和平板电脑都 ... ...
-
121. 移动平台的产品设计世界 2012-08-02 11:06
随着智能手机的产生，人们对它们的使用时间与粘性迅速加大，移动互联网的发展越来越迅猛，越来越多的PC端产品开始把注意力集中在转移到方寸之间的屏幕之上时，有如潮水般汹涌。 当下的移动互联网产业，已经从单纯的以实现单一功能为主，到平台的转移，再到各个APP之间的产业链的形成，还有广告植入的各种运营手段产生各种盈利。充分说明了移动互联网的前景堪好。 如何设计出一个好的APP，是我们今天需要 ... ...
-
120. 移动应用丰富动效的六点原则 2012-05-08 12:21
如果想让你的移动应用更活泼更灵动，丰富的动效是不可少的，丰富的动效可以让你的应用更具活力，充满生机；丰富的动效可以让你的应用彰显效率，提升品质感；丰富的动效可以让你的应用充满魅力，引人探索；丰富的动效可以让你的应用减少焦虑，消除等待感；丰富的动效可以让你的应用充满韵味，有节奏感；丰富的动效可以让你的应用有出奇的信息组织，整洁高效。 这里主要介绍六种简单通用的方式—— ... ...
-
119. 产品的肢体语言–交互动画 2012-04-15 14:36
随着体验经济时代的到来，人们对产品界面的期待值也越来越高，交互动画在手机领域的应用已经非常普遍，例如Iphone充分发挥了动画在交互易用性方面的优势。 而交互动画会给用户带来一种舒适、自然和流畅的感觉。 交互动画逐渐成为了产品与用户之间的沟通方式，成为产品的肢体语言。尤其是目前高端机的性能提升迅速，也为交互动画的执行效率提供了有效的硬件保证。 ... ...
-
118. 触屏手机点击区域的小秘密 2012-03-07 17:38
做触屏手机产品设计，要注意所有的可点击元素都有足够的点击区域，但是这并不是说你要把所有的按钮图标链接都设计的足够大，手机上的视觉焦点和操作焦点是不一样的，操作焦点是可被放大或移动的点击区域。 这里分享几个点击区域的小秘密，帮你解决操作准确率的问题。 一、扩大操作焦点 iPhone自带的控件NavigationBar上的Button、TabBar上的Item、ToolBar上 ... ...
-
117. 又是为了触屏移动设备而设计 2012-02-24 16:31
印象当中，最近这些年的春天总是会带来让人觉得真心别扭的气候体验，雨和冷风就像催化剂一样，让生活和工作当中的人和事也变得异常凌乱，仿佛一团被咀嚼到完全失去味道的槟榔。November Rain前奏当中的钢琴旋律多少可以让心安然一些，一旦摘下耳机便又是个令人想要把自己的脑袋拧下来吃掉的世界。 可脑袋一旦被拧下来，就什么也无法吃的样子了，不是吗。说正事儿吧。Designing fo ... ...
-
116. 手机产品设计中的反馈提示 2012-02-10 23:22
在产品的设计中，“反馈”是很重要的一个交互特征，它是一种界面输出物，用以给用户正确的引导信息，帮助用户判断和决策。而反馈的形式也是多方面的，视觉、听觉、嗅觉、触觉、正面的、负面的，都是在为用户传递信息。而没有反馈或反馈很差的交互，只会让用户产生失效和无助的负面体验。 在煤气中加入硫和笨，为的是通过臭味提供危险信号的反馈。地铁里的门在关闭前会发出滴滴的报警声 ... ...
-
115. 生活中的交互之小户型设计 2011-12-07 23:49
在房价高涨的今天，对于年轻的家庭以及单身一族来说，通常会选择小户型作为过渡。小户型设计却仍然要求“麻雀虽小，五脏俱全”，小面积与增加功能的矛盾日益加深。与小户型设计及其相似的还有近些年来兴起的手机交互设计。现在各个企业都如火如荼的进行着手机客户端的设计开发，手机界面尺寸有限，如何尽量少的形式表达出用户真正的需求，又让用户有好的体验呢？ 1. 减少不必要的 ... ...
-
114. 浅析手机Web App的交互设计 2011-11-27 22:14
HTML5为提高手机网页的体验提供了诸多的可能性，交互效果越来越接近原生App，故而成为Web App，有望将APP功能引向浏览器，让移动平台的竞争由系统平台转向了浏览器之间。 Web App比起原生App和wap有着自身的优缺点，先简单了解下其特点，掌握设计趋势，也便于以后在设计中应用。 离线存储 离线存储的意思是第一次访问是下载网页，以后在无网络的情况下也可以使用。一个 ... ...
-
113. App加载交互-当前窗口进入新窗口 2011-11-27 21:27
App窗口的加载（如:列表窗口进入详情页的loading方式）是一个容易被忽略的问题。为什么呢？原因很多：1.大家（包括设计师）都习惯了Web端先进入新页面，后等待加载的方式，app直接沿用了；2.网速好的情况下，两种加载方式使用体验没太大差别。3.设计师、产品经理通常觉得加载是工程师该考虑的，可是除非项目时间充裕，且遇到非常有sense工程师才会有考虑提前加载。 然而，很多情况下提前加载的好处 ... ...
-
112. 移动产品设计之ios导航模式 2011-10-27 22:15
写在前面：刚开始接触移动产品设计的时候对着设计指南懵懵懂懂的感知了一下，但是还是不甚寥寥。最近读《触动人心》，发现作者对ios的导航模式的总结实在太棒了，于是写下这篇读书笔记。 导航始终是产品设计的重头戏，往往产品设计中90%的事情就是在做导航。在iphone中预置了3种可以直接使用的导航模式，平铺列表、标签页、树状结构，每种模式都配有不同的工具栏和控件。三种导航模式可以独立使用也可以混搭 ... ...
-
111. 拒绝一页一页又一页 2011-10-24 10:25
手机屏幕大小有限，但应用产品功能太强大，十多个页面都装不下，于是我们总会面对一级又一级的次级界面，并迷失在其中。 而实际上，我们对一个产品的要求往往很纯粹，大多数的操作也就集中在那2,3个页面中，虽然次级界面有助于我们把握逻辑关系，但过多的页面&ldquo ... ...
-
110. iphone Web App 导航设计探讨 2011-10-21 10:53
最近在做iphone端Web App的项目。由于产品形式新颖，技术环境不成熟，公司给与了较宽松的研发时间。在一个月的交互设计阶段，每个环节都得到多次讨论推敲，我从中感悟颇多。导航系统的设计是一个比较典型的点，拿出来与大家分享讨论一下。 导航系统所遭遇的挑战 iphone Native App较常见的导航如下图所示： 手机屏幕底端：A、B、C、D四个tab组成该Nati ... ...
-
109. 移动产品设计之设计 2011-10-09 19:40
按照我的理解，场景、任务、用户可以称之为设计的三要素，每一个设计实际上都是试图去帮助用户在某个场景下完成某个任务的。同样的设计遇到不一样的场景就会有不一样的方式，从Web设计到移动产品设计亦然。 曾经有个朋友问我，从Web设计到移动产品设计你感觉最大的差异点是什么？我觉得，最大的差异点在于用户使用场景的变化，场景的变化引发了交互方式巨大的变化，从而也使得信息呈现方式有所不同，再加上硬件设备 ... ...
-
108. 移动设备手势设计初探 2011-09-05 14:58
嘿~最近在做各种移动端的产品，设计啊体验啊操作啊，用的手都起茧，工作之余也思考了“手”这种较新的交互方式，以及它与界面的关系。本文从手势的种类，应用场景，存在的可用性问题以及如何设计四个大的部分谈起，在此抛砖引玉供大家思考和学习。 移动设备大行其道的今天，手势是一个流行词汇，那手势是什么呢？手，是人类各种创造性活动的天然工具，人们天生就会使用手的动作去表达情感 ... ...
-
107. Android 3.0（蜂巢）交互&UI设计... 2011-08-31 18:26
Android OS自上市以来，由于缺乏统一规划，使得不同设备在 1.5、1.6、2.0、2.1、2.2、2.3几大版本徘徊，本人用的HTC Hero(俗称G3)也是从1.5~2.3一个个版本，10多个rom手动刷机试过来的，过程及其纠结 ~。 多系统版本带来的问题就是缺乏交互、UI的一致性，外加硬件厂商HTC、摩托罗拉、三星、夏普（创新工场点心OS）、小米（MIUI）等公司热衷于UI的个性化发挥 ... ...
-
106. Android应用程序需不需要手动退出？ 2011-08-25 20:43
不止一次，也不止一个人问过这个问题。我都回答了：不需要。但是，还是要记录下来。 我们不妨从了解这个系统对于应用程序管理的一些内部机制开始说明原因。 对于Android系统而言，包含“进程”和“服务”。“进程”有正在运行的，也有刚刚离开在后台缓存的。“服务”是一个无界面、长时间运行的应用功 ... ...
-
105. 原生启示录 2011-08-16 21:53
之前写过一篇关于andoid和ios对比的文章——乔布斯改变移动未来的人。 人们通常认为苹果是靠iphone卓越的外观设计轻松取得5%的移动市场份额和他人望其项背的利润，但老乔自视苹果是一个缔造优质软件的企业。他曾夸口苹果在软件上的水平要领先业界5年。今年ipad2发布的时候 乔布斯还是没免俗的演示自己开发的应用。老乔让两大软件主要负责人出场并介绍包括iMovie在 ... ...
