主要内容
移动设备的交互和设计 最后更新: | 文章数: 124
与面向桌面电脑的网页设计不同,移动平台的设计中,多了很多不可忽视的限制因素.设计需要符合移动平台用户的使用习惯
-
84. 手机产品交互设计样式 2010-12-31 18:30
很多人都说，手机产品交互限制因素很多，过小的屏幕分辨率，过低的系统性能，过慢的网速，过弱的电池续航能力等等。但是在限制中还能做出优秀的设计，才显得弥足珍贵，就像风靡Symbian平台的gravity一样。 其实，我认为手机产品交互设计还是有很多想象空间的，它不仅仅是界面交互，而是跟空间、跟时间、跟触觉、跟视觉、跟听觉、跟嗅觉的交互，而且随着技术的推移，相信界面的可扩展性也会越来越 ... ...
-
83. 四大门户iPhone手机微博横向对比评测 2010-12-29 10:25
一、登陆页(以下图片顺序均为新浪微、腾讯、搜狐、网易) 微博登录界面（新浪、腾讯） 微博登录界面（搜狐、网易） 四款iphone微博客户端从页面上看，只有网易和腾讯的支持记住用户名和密码，实际操作后就会发现，其实大家都是默认记录的。并且新浪微博支持多账户切换，默认记录为最后一个登陆的用户。外观上，除了新浪微博客户端增加了“微博广场”的内容推广对 ... ...
-
82. WAP设计基础 2010-12-26 22:35
WAP站点，这似乎是一个有点落伍的东西。在诞生之初，它很简陋，只能通过一个叫WML的标记语言来搭建没有任何美感的文字+链接页面。而今，绝大部分WAP站点都开始使用xhtml标记语言，不过在iOS、Android风潮席卷全球的今天，这个演进似乎显得有点苍白无力。但在中国，WAP的用户群体依然是移动设备上网的绝对主力军。那么，到底该如何设计一个WAP站点呢？个人以为，需要从设备、浏览器、任务、场景四个 ... ...
-
81. 手机客户端交互设计三部曲 2010-12-17 15:27
2010年12月9日-11日，首届中国交互设计体验日在广州举行: http://ixdc.org/2010/ 本人有幸作为主讲嘉宾进行了一个工作坊的演讲，主题是《手机客户端交互设计三部曲》： 文档简介：在各企业如火如荼进行手机客户端设计开发的这个时代，作为有过手机操作平台、web应用等多重交互设计经历的设计师，本人发现了一些初涉这个领域的设计师存在思路 ... ...
-
80. 浅议Wap网页设计中的锚点链接 2010-12-09 23:18
最近做了wap站中的搜索结果页的改版，记录一下关于锚点链接的心得~ 关于锚点链接 锚点链接一般用于比较长的网页，使用内部链接建立页内目录。单击目录跳转到文本的相应位置，最常见的如“回顶部、模块间跳转”等。 关于锚点链接，可用性研究的宗师Jakob Nielsen写过一篇名为Avoid Within-Page Links的文章，排斥锚点链接，认为它有害 ... ...
-
79. iPhone App的特点及基本设计方法 2010-12-03 15:19
iPhone App的特点 iPhone有自己的特点和气质，因此他的App不同于其他键盘手机甚至Android这种触屏手机。 首先iPhone只有一个物理按键Home，而这个按钮主要是在系统级操作上起到一些作用，在一个应用中，绝大多数情况都是退出功能。在480 x 320这个对手机而言很大的屏幕上要包括以下3个模块，才能对一个App进行操作。 1、虚拟键盘 ... ...
-
78. 小屏幕移动设备网页设计注意事项 2010-11-30 00:10
在过去，小屏幕移动设备网页通常也被称之为WAP页，或WAP站。 原因是这类网页起源于一个叫WAP的无线协议。 WAP能够运行于各种无线网络之上，如GSM、GPRS、CDMA等。WML是无线注标语言（Wireless Makeup language）的英文缩写。支持WAP技术的手机能浏览由WML描述的Internet内容。 而如今的小屏幕移动设备，比如手机，都已经具备访问 ... ...
-
77. 移动网页设计概要、案例和技巧 2010-11-27 22:41
本文由SocialBeta内容贡献者wisp译自Mobile Web Design: Overview, Examples and Tips，由于专业所限，翻译中难免有一些错误，请广大读者指正，谢谢。 移动界面设计正越来越流行，几乎每个主流网站或者网络服务提供商或者web app都会有手机应用版。因此从业人员迫切需要学习移动网页设计的相关知识。本文不仅会介绍移动网页设计的趋势，还提供一 ... ...
-
76. 怎样设计一个简洁的手机网站 2010-11-21 22:56
“良好的交互设计关注人们所想，所做以及所感”——斯蒂芬·P·安德森 安德森的这句话适用于整个交互设计领域，同样这也是手机交互设计的真理。让用户快速地找到他们想要的信息是手机交互设计的必要条件。最重要的一点还是用户可以以最简便的方式找到最重要的东西。由于手机是一个最为私人的设备，所以一定要让用户对自己正在做的事有着非常 ... ...
-
75. 手机应用程序启动画面 2010-11-18 22:57
本文首发于MDchina，汇聚了一群热爱移动互联网的产品经理和设计师，也是一个专业的分享平台。 iPhone官方设计指南对于启动图片（launch images）描述中期望是开发人员能够尽量简化应用程序的启动过程，使用应用程序主页的背景图片作为启动图片，让程序能够快速启动，不过遵守这条建议的应用程序非常少。 在PC上，由于大型游戏和软件加载的时间比较长，启动画面应 ... ...
-
74. 手机产品交互体验评估方法 2010-11-15 22:49
一、评估的目的 交互设计是一个迭代过程，通过交互设计评估，可以及早发现设计中缺陷，进而能进一步完善交互流程。通过评价，也可发现交互设计中可行、友善、合理或优秀的地方，从而为后续产品的交互设计提供借鉴。 二、评估的标准 手机产品交互设计的评估标准还是是否满足用户体验，当然，体验是一个很虚的东西，没有一个具体的量化标准，那我们就落在实处，从可以量化的维度打分。具体从那几个维度入 ... ...
-
73. Android UI 设计谨记 2010-11-13 00:32
Android的官方开发者博客发了一份幻灯片，介绍了一些Android UI设计的小贴士，Roger在这里以看图说话的形式发出来，有兴趣的读者就继续往下翻吧。整个PPT共分5个部分，Part I 翻译的是前两个部分。 作为开发者，为啥我们要关心UI，前面的一堆通通可以忽略掉，直接跳到最后一条。因为好的UI设计可以帮助我们卖出更多拷贝，赚到更多钱^_^ Don’ ... ...
-
72. (译)手持设备的可用性研究 2010-11-06 22:08
当前有许多用户在不同的特定环境中使用不同的移动设备——包括智能手机、数码相机、MP3播放器、电子书与GPS（全球定位系统）。当用户离开桌面电脑之后，这些用户界面在设备上该如何表现？如何对设备进行设计——包括由硬件驱动的控制、交互模型与功能键布局——这将决定设计与软件应用的可用性。我们如何理解用户在移动中的体验。接下来 ... ...
-
71. 小屏幕移动设备网页设计注意事项 2010-10-08 22:28
在过去，小屏幕移动设备网页通常也被称之为WAP页，或WAP站。原因是这类网页起源于一个叫WAP的无线协议。WAP能够运行于各种无线网络之上，如GSM、GPRS、CDMA等。WML是无线注标语言（Wireless Makeup language）的英文缩写。支持WAP技术的手机能浏览由WML描述的Internet内容。 而如今的小屏幕移动设备，比如手机，都已经具备访问WWW的能力。其内置的浏览 ... ...
-
70. 移动界面设计点滴——为了阳光而设计 2010-10-03 11:35
Lisa是一个sales，一天上午她拿出手机准备定位当前与客户的位置，确定路线。却发现因为过于强烈的光线，看不清列表结果页的地址。 Bill有睡前用手机查看订阅、处理邮件的习惯。却总会因为屏幕刺眼的光线，需要时间逐渐从光晕中适应辨清字体。 类似的场景在日常生活中你或许也有碰到。 部分硬件设备也为其提供了相应的解决方案——屏幕亮度调节，可以手动控制屏幕的亮度 ... ...
-
69. 理一下手机产品的思路 2010-09-28 14:12
最近公司的无线部门很不稳，从上到下，能走的人都走了，陷入了无穷的纠结，心里的两股力量此消彼长，也开始了左右互搏： 我是那么深爱着移动互联网，于是当看到其他公司大张旗鼓、鸣锣开道地杀入这片红海，公司却迟迟没有明确的战略布局，只是象征性地开了全员大会，打打鸡血，提提精神，心里是何等地着急。 不能错过移动互联网，这是我的底线，还好现在还没有完全失去。 于是想到了离开，到能做事的地 ... ...
-
68. Peter Skillman 浅谈用户体验创新 2010-09-21 09:05
“一款顶级设备要素构成中，设计只占 5%。市场营销、销售、分流以及采购构成了余下的 95%。” 最近，ZURB 网站有幸近距离与新任 Nokia MeeGo 设备用户体验和服务总负责人 Peter Skillman 进行了一次访谈，他们就如何创造绝佳的移动体验进行了一些交流。由于谈话时间较长，本文是根据谈话录音做的总结摘录。对于想了解全部谈话的读 ... ...
-
67. 手机屏幕适配 2010-09-09 13:50
随着手机屏幕的不断的增大，同时也遇到一些用户手机屏幕还是处于240*320这种屏幕的大小，当然也存着在一些不规则的屏幕分辨率心寸大小。对于很多的UI来说，不同的手机屏幕很多时候得出多套的图才能保证手机客户端在不同的屏幕上实现匹配。针对手机客户端在不同屏幕下的实现进行规划，并制定出能够计算出具体控件位置的填充区算法，这个是前期对于不同的手机屏幕的匹配做出的一个界面适配算法。 首先认清几个 ... ...
-
66. 胖梨的困惑——用户在哪“返回”？ 2010-08-18 16:12
本文关注的是，在不同平台上设计同一个产品，是应当进行统一设计，还是针对不同平台特性进行差异化处理？对于“iPhone和android的交互逻辑是否可以互相移植”，同行们已经讨论过一些了。今天我们想说的是Palm。 Palm是什么？ 说到Palm，可能有些人还不太熟悉。Palm有以下几层含义： ——Palm ... ...
-
65. WAP2.0网页设计中的交互细节 2010-08-10 22:11
适配竖屏横向尺度，禁止出现横向滚屏 常规QVGA机型竖屏状态下，14号字体，单行仅显示13.5个字。资讯频道的新闻短标题要控制在13字以内才能在一行以内完整显示。标题折行会造成在相同空间承载信息量减少；频繁的眼动容易引起视疲劳；在视觉上带来无序松散的感受。 焦点跳转的频度 对非触屏手机，在不影响功能交互 ... ...
