主要内容
移动设备的交互和设计 最后更新: | 文章数: 113
与面向桌面电脑的网页设计不同,移动平台的设计中,多了很多不可忽视的限制因素.设计需要符合移动平台用户的使用习惯
-
113. 生活中的交互之小户型设计 2011-12-07 23:49
在房价高涨的今天，对于年轻的家庭以及单身一族来说，通常会选择小户型作为过渡。小户型设计却仍然要求“麻雀虽小，五脏俱全”，小面积与增加功能的矛盾日益加深。与小户型设计及其相似的还有近些年来兴起的手机交互设计。现在各个企业都如火如荼的进行着手机客户端的设计开发，手机界面尺寸有限，如何尽量少的形式表达出用户真正的需求，又让用户有好的体验呢？ 1. 减少不必要的 ... ...
-
112. 浅析手机Web App的交互设计 2011-11-27 22:14
HTML5为提高手机网页的体验提供了诸多的可能性，交互效果越来越接近原生App，故而成为Web App，有望将APP功能引向浏览器，让移动平台的竞争由系统平台转向了浏览器之间。 Web App比起原生App和wap有着自身的优缺点，先简单了解下其特点，掌握设计趋势，也便于以后在设计中应用。 离线存储 离线存储的意思是第一次访问是下载网页，以后在无网络的情况下也可以使用。一个 ... ...
-
111. App加载交互-当前窗口进入新窗口 2011-11-27 21:27
App窗口的加载（如:列表窗口进入详情页的loading方式）是一个容易被忽略的问题。为什么呢？原因很多：1.大家（包括设计师）都习惯了Web端先进入新页面，后等待加载的方式，app直接沿用了；2.网速好的情况下，两种加载方式使用体验没太大差别。3.设计师、产品经理通常觉得加载是工程师该考虑的，可是除非项目时间充裕，且遇到非常有sense工程师才会有考虑提前加载。 然而，很多情况下提前加载的好处 ... ...
-
110. 移动产品设计之ios导航模式 2011-10-27 22:15
写在前面：刚开始接触移动产品设计的时候对着设计指南懵懵懂懂的感知了一下，但是还是不甚寥寥。最近读《触动人心》，发现作者对ios的导航模式的总结实在太棒了，于是写下这篇读书笔记。 导航始终是产品设计的重头戏，往往产品设计中90%的事情就是在做导航。在iphone中预置了3种可以直接使用的导航模式，平铺列表、标签页、树状结构，每种模式都配有不同的工具栏和控件。三种导航模式可以独立使用也可以混搭 ... ...
-
109. 拒绝一页一页又一页 2011-10-24 10:25
手机屏幕大小有限，但应用产品功能太强大，十多个页面都装不下，于是我们总会面对一级又一级的次级界面，并迷失在其中。 而实际上，我们对一个产品的要求往往很纯粹，大多数的操作也就集中在那2,3个页面中，虽然次级界面有助于我们把握逻辑关系，但过多的页面&ldquo ... ...
-
108. iphone Web App 导航设计探讨 2011-10-21 10:53
最近在做iphone端Web App的项目。由于产品形式新颖，技术环境不成熟，公司给与了较宽松的研发时间。在一个月的交互设计阶段，每个环节都得到多次讨论推敲，我从中感悟颇多。导航系统的设计是一个比较典型的点，拿出来与大家分享讨论一下。 导航系统所遭遇的挑战 iphone Native App较常见的导航如下图所示： 手机屏幕底端：A、B、C、D四个tab组成该Nati ... ...
-
107. 移动产品设计之设计 2011-10-09 19:40
按照我的理解，场景、任务、用户可以称之为设计的三要素，每一个设计实际上都是试图去帮助用户在某个场景下完成某个任务的。同样的设计遇到不一样的场景就会有不一样的方式，从Web设计到移动产品设计亦然。 曾经有个朋友问我，从Web设计到移动产品设计你感觉最大的差异点是什么？我觉得，最大的差异点在于用户使用场景的变化，场景的变化引发了交互方式巨大的变化，从而也使得信息呈现方式有所不同，再加上硬件设备 ... ...
-
106. 移动设备手势设计初探 2011-09-05 14:58
嘿~最近在做各种移动端的产品，设计啊体验啊操作啊，用的手都起茧，工作之余也思考了“手”这种较新的交互方式，以及它与界面的关系。本文从手势的种类，应用场景，存在的可用性问题以及如何设计四个大的部分谈起，在此抛砖引玉供大家思考和学习。 移动设备大行其道的今天，手势是一个流行词汇，那手势是什么呢？手，是人类各种创造性活动的天然工具，人们天生就会使用手的动作去表达情感 ... ...
-
105. 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的个性化发挥 ... ...
-
104. Android应用程序需不需要手动退出？ 2011-08-25 20:43
不止一次，也不止一个人问过这个问题。我都回答了：不需要。但是，还是要记录下来。 我们不妨从了解这个系统对于应用程序管理的一些内部机制开始说明原因。 对于Android系统而言，包含“进程”和“服务”。“进程”有正在运行的，也有刚刚离开在后台缓存的。“服务”是一个无界面、长时间运行的应用功 ... ...
-
103. 原生启示录 2011-08-16 21:53
之前写过一篇关于andoid和ios对比的文章——乔布斯改变移动未来的人。 人们通常认为苹果是靠iphone卓越的外观设计轻松取得5%的移动市场份额和他人望其项背的利润，但老乔自视苹果是一个缔造优质软件的企业。他曾夸口苹果在软件上的水平要领先业界5年。今年ipad2发布的时候 乔布斯还是没免俗的演示自己开发的应用。老乔让两大软件主要负责人出场并介绍包括iMovie在 ... ...
-
102. 手机输入法：键盘布局那点儿事 2011-08-12 12:32
输入法，我国一个神奇特色的存在。 在国内，手机输入法可能是玩家用得最多的应用了。但凡是红红火火的操作系统，像Symbian、Android、iOS等平台，都可安装第三方输入法。由于原生中文输入的种种不给力，这给了大量厂商开发输入法的动力和机会。 本文这次只谈针对触屏手机设计的输入法，而由于其博大精深，这里我只谈谈输入法键盘的布局，而且还是触屏手机的。 T9与全键盘 ... ...
-
101. 客户端UI设计之手机平台之争 2011-07-06 23:14
1. 当前手机平台的争锋 为了占领移动互联网的制高点，当前的几大IT巨头都以手机平台为基础展开争夺。占领移动平台就是占领了用户的移动桌面，也就为自身的移动服务争取到了最佳位置。 微软公司推出windows phone 7, 曝光了windows 8；苹果公司也开了iOS 5 ... ...
-
100. 触摸屏输入的交互设计 2011-07-05 21:05
触摸屏手机输入时会在界面绘制虚拟键盘，用于输入字符，可以使用在所有应用程序中。特别是在短信和邮箱等需要频繁输入文字时，其输入速度直接影响用户操作效率。 缺点 但是同样全键盘输入，触摸屏没有物理按键效率高，原因在于： 1.输入法需要定位手指的位置，比如双手操作电脑键盘时，左手食指定位在F键，右手中指定位在J键，而触摸屏无法像按键的凸点或者输入感觉定位，难以形成高效的盲打。 ... ...
-
99. 探索滑动手势 2011-06-26 12:00
Nokia N9刚刚发布，滑动手势承担了更多的功能性操作。从按键手机到iPhone的Home键，让人不禁联想，实现全触摸屏手机已经指日可待了。 iPhone Home键已经承担的过多的操作，单击退出程序，双击进入多任务，自定义三击显示辅助操作，组合开机键截屏，恐怕这是所有手机中使用率最频繁的按键了。但是功能越来越多，要么继续压榨按键，要么挖掘新的手势操，责任自然落在点击和滑动这两个最基础的 ... ...
-
98. 浅谈手机产品设计中的用户教育 2011-06-22 23:03
随着手机硬件的更新换代，应用功能逐渐丰富，交互过程也逐渐变的繁杂起来。因此，一款手机应用是否能让用户眼前一亮，除了它本身成功的产品架构设计和市场运营外，简单清晰的用户教育也为其起到了画龙点睛的作用。 用户教育是什么呢？ 它既不是条条款款的使用说明，也不是枯燥无味的用户需知，更不是呆板雍长的帮助文档。而是在用户使用软件的过程中，不打断用户思维的逻辑流，通过一些适当的方式，对用户有限的心智模型进行 ... ...
-
97. 请谨慎对待程序的图标和名称 2011-06-16 13:33
你是否发现，在浩如烟海的应用程序堆里，具有漂亮图标和清爽名字的 App 更容易被用户喜爱。作为开发者，面对这自己的作品，能否自问一句：“从图标和名称中，能够知道这个程序的作用是什么吗？” 名称太长，太偏，太绕口或者重名，图标太简洁，太花哨，太乏味都是不合格的作品，它很容易让用户陷入迷茫。让我们来看看几个例子。 图标和名称都很糟糕 Calvetica ... ...
-
96. 换个角度看风景——手机产品设计之横屏模式 2011-05-30 16:42
做设计的过程，是思大于行的过程。一个有价值的设计，不是设计多么华丽、多么创新就有多么成功，那些优秀的设计师都会知道他为什么去做这样一款设计，他的设计本质价值是什么。互联网产品或者手机产品更是如此，设计师要知道你的产品要解决一个什么核心问题，然后再提出一个足够优雅的解决方案，这样才能解决用户的“痛点”问题，给予用户最贴心的设计。 在我刚开始做设计的时候，就很喜欢在一些 ... ...
-
95. 设计道路多美好,不知前方几多愁? ——UI设... 2011-05-25 23:16
iPad划时代地将我们带入了平板电脑时代，对于传统的移动终端的设计师而言，一个拥有更大的触摸屏幕，更大空间的舞台展现在大家面前，看上去一切都是那么的美好。然而如何在iPad上设计出优秀的用户界面？相信对于设计师们的挑战与忧愁远不止屏幕放大那么简单。 1.模拟真实，沉浸其中 大的屏幕、可以触摸的操作、支持多种手势…这一切条件都为让用户能沉浸于你的设计中提供 ... ...
-
94. 触屏手机网站-炫版交互设计 2011-05-22 00:53
触屏手机网站和非触屏手机网站区别在于，前者使用手指点击注重点击体验， 而后者是使用手机物理按键注重选取规则，触屏手机屏幕增大，可以显示更多的内容，但内容密度不宜过大否则不便点击，一般人的食指点击的区域约为7*7 mm 拇指点击区域约为8*8 mm，各大门户也分别推出适应触屏手机的高端版本，下面将会从手机网站最常使用的二个交互功能来分析3G门户炫版和其他门户的区别。 手机 ... ...
