主要内容
移动设备的交互和设计 最后更新: | 文章数: 124
与面向桌面电脑的网页设计不同,移动平台的设计中,多了很多不可忽视的限制因素.设计需要符合移动平台用户的使用习惯
-
64. 手机上的信息架构方式 2010-08-10 09:58
信息架构 即信息的组织结构。它的任务就是在信息与用户之间建立一个通道，使用户能够获取到其想要的信息。一个有效的信息架构方式，会根据用户在完成任务时的实际需求来指引用户一步一步的获得他们需要的信息。 比如我们去饭店点菜、去商场买衣服，要完成这类日常生活中最常见的任务，用户最希望的就是过程简短、不用过多的去思考。所以根据用户的实际需求，这类任务就要采取比较顺畅的架构方式。相反，如果在 ... ...
-
63. Android与iPhone界面布局对比 2010-07-27 23:05
上图是我根据Android和iPhone这两个平台的“生产内容型的应用程序”整理出来的界面布局示例。所对比的4个点，均是两大平台的应用程序常规界面元素。 状态栏：Android和iPhone的状态栏均在屏幕顶端的位置，原因无外乎是人的视觉流程是从上到下的。Android的状态栏，具有noti ... ...
-
62. 非悬停 2010-07-23 10:36
本文提供了一个有趣的观点：在触屏设备愈加普及的未来，鼠标悬停将以附加功能的身姿出现。我相信作者，特别当看到苹果的上季度财报中，iPad 用 3 个月时间就达到了麦金塔一半的收入，我更信了。 完全依赖鼠标移动、鼠标悬停、鼠标移出或 CSS 伪类 :hover 的网页元素，在 iPad 或 iPhone 等触屏设备上的行为可能会和设想的不同。 在史蒂夫·乔布斯宣布 ... ...
-
61. 从Web到WAP移植的设计原则 2010-07-21 22:58
从Web端直接移植为WAP2.0形式，突出的矛盾是信息架构不适应小屏幕设备，垂直页面的冗长和WAP2.0表现形式的限制。 提升小屏幕浏览的体验，在设计中应包含以下几个核心任务： 控制信息的维度 信息布局，更好利用首屏的有限资源 采用合理的导航、有明确的方位感知 尽可能减少浏览时的按键做功 界面可视化 控制信息维度 WAP网页可支持的页 ... ...
-
60. WAP2.0网站分类及其架构浅析 2010-07-20 09:56
一、WAP 2.0 简介 所谓WAP（Wireless Application Protocol，无线通讯协议）是在数字移动电话、因特网或其他个人数字助理机、计算机应用之间进行通讯的开放全球标准[1]。 WAP1.0规定无线设备访问的页面是用WML语言编写的，而WAP2.0将XHTML-MP作为主要内容格式[2]。对比WAP1.0，WAP2.0的优势是更好地支持图形化界面 ... ...
-
59. 闻道有先后 术业有专攻 如是而已（广州U... 2010-07-12 13:40
第20期书友会结束二个星期了，我的总结才开始写，很多事情耽搁了这个总结，同时我个人也结束了一段刻骨铭心的感情，经历了8年，过程是最有价值和值得回忆的，我是幸福的。 我亲自组织、主持的活动连续有20期了，也就是20个月，不管风雨冷热从来没有间断过。其中的酸甜苦辣、欢谈笑语、快乐都有切身体会。在广州，互联网的环境其实不算最好。一直有人问我为什么这么执着，坚持去做。我笑谈，只是为了给圈子里的朋友 ... ...
-
58. ifanr.com 在 UCD 书友会上分享... 2010-07-06 10:44
感谢 ucdchina.com 邀请 ifanr.com 参加6 月份的 UCD书友聚会，我们团队的 walker44 也很荣幸的给书友会做了一个主题为“手机++，体验++”的 PPT 分享。 UCD 主要是关注用户体验和产品设计的社区，在国内的产品经理和设计师界有非常大的影响力。目前的移动设备产品在不断的发展，UCD China 也在关注这个领域。if ... ...
-
57. 手机软件交互设计经验分享–硬件、系统平台和设... 2010-07-06 00:33
Iphone和Android系统手机风靡全球的同时，移动互联网的发展也掀起了一股热潮。最近发现身边一些朋友纷纷在做手机上的第3方应用，或多或少碰到了些困惑，也许对于做惯了基于浏览器的产品的设计师来说，有一些比较典型的要点容易被忽略，这就容易引发出：找不到手机软件的感觉、布局经常改变、设计和优化 ... ...
-
56. 回复：Android和iPhone，统一还是... 2010-07-01 09:27
首先简单回答：各平台差异化 设计，是必须的。 当我无数次地向PM、工程师们解释为什么各平台需要差异设计时，我就曾多次想过要把这些经验总结成文。然而终归还是我懒了，一直没挤出文 字。 恰好elya妞，这位热情的同行写出了《Android和iPhone要做统一设计还是差异设计？》一文，很是惊喜。 不过，文中所列举的几个假设情况，依我看来，是不成立的。 ... ...
-
55. Android和iPhone，统一还是差异化？ 2010-06-29 09:01
Android平台和iPhone平台虽然都是潜力无限的触屏系统，但是iPhone的设计风格已经成型，设计规范也得到了广泛的认可，Android平台却有很多的不确定因素，可以这样设计，也可以那样设计，没有硬性的规范，也没有顽固的用户习惯。并且由于平台具有开放性和延展性，Android系统不像iPhone，只有320*480一种分辨率、一个home键，而是根据硬件厂商的定制，可以有多种分辨率、可以有全 ... ...
-
54. android 屏幕分辨率问题（转载） 2010-06-29 00:02
iPhone的icon设计就这么简单，iPhone的屏幕只有320×480像素，所以程序没有适配性问题。 Android 在研究 Android的icon设计之前，有必要先了解Android的界面是如何适配多样化屏幕的。 适配性 由于同一个UI元素（如100 x100像素的图片）在高精度的屏幕上要比低精度的屏幕上看起来要小，为了让这两个屏幕上的图片看起来效果差不多，可 ... ...
-
53. UCD书友会 · 广州2010年6月话题回顾 2010-06-28 15:49
UCD书友会 · 广州2010年6月话题详情（总第20期）在网易大厦办完以后，对于我们几个组织者都有了很大的鼓舞。现场参与的人的反馈也很好，某些同学觉得我们的内容质量、话题形式、互动环节都比以前有了很大的提高。同时嘉宾的演讲也很精彩。 广州UCD书友会一直在反思自己的组织流程、组织形式，希望給大家带来很多惊喜，我来回顾下这次的书友会过程，由于现场进行过程中几个组织者出去开了下 ... ...
-
52. 解读iPhone平台的一些优秀设计思路 2010-06-23 23:14
本文试图从iPhone的角度结合一些iPhone平台项目的设计经验提炼出iPhone平台的一些优秀设计思路，以供大家在做移动互联网设备设计时参考。 1、移动互联网设备和传统手机的区别 在传统手机时代，标准的通话键、挂机键、菜单键是手机的标配，用户被教育成了用键盘来操作数据，于是我们就养成了使用键盘的习惯，经典的案例就是诺基亚主导的时代。 在移动互联网时代，特别是触屏的大 ... ...
-
51. 触屏的一个交互特性 2010-06-17 21:57
译言上最近有一篇文章挺好的：iPad将设计师从定式的QWERTY键盘解放出来。 但这篇文章所谈及的状况，并非仅限于“Ipad”，或者对”qwerty“键盘的改进，而实际上体现了Apple在触屏这种人机界面下的全新的交互模式探索。针对不同的功能域，对输入手段进行针对性的调整优化，这只是其中的一个重要设计原则。这个原则在Ipad和Iphone上都有集中 ... ...
-
50. 手机产品交互设计原则 2010-06-16 23:00
一、用户行为习惯信息收集 在讨论手机的交互设计方法之前，需要先对手机的用户使用习惯有一些基本的了解，需要对手机的用户体验信息做一些收集整理。收集用户体验信息首先需要确定两个问题：一是确定目标用户群体；二是确定信息收集的方法和途径。 在确定目标用户群体的时候，很显然的是，已有产品有过使用和交互经验，具备该产品或系统的交互体验的用户，相比较于那些没有体验的用户，可以为设计提供更多更有 ... ...
-
49. 大胆设计 2010-06-11 16:15
今天ifanr上有一篇《手势操作（自然用户界面）再探讨》，观点保守，论据不足。 Android的菜单确实难用，难以记住界面是否有菜单。Plam将菜单放置在状态栏的左边，保证了触摸屏也能使用菜单，但也有弊端。菜单放在界面左上角，宽28像素，难以点击。请拿出你的手机，右手去点击大屏幕的左上角。要么大拇指伸过去，要么其余四指抬起才能点到左上角，甚为别扭。 弹出的菜单通常要么是无关紧要的 ... ...
-
48. 混乱的Android菜单 2010-06-08 10:26
Android有两种菜单：选项菜单（Options Menu）和情境菜单（Context Menu）： 选项菜单作用于全局界面，物理按键Menu弹出菜单，应用程序中将较少使用的命令放入此菜单中，或者界面中信息密度多大，部分命令无法完全显示时，可对选项菜单加以利用。使用触摸屏无法调用此功能。 情境菜单只作用于某一选项，触摸屏持续点击（Touch&Hold）才会弹出此菜单， ... ...
-
47. 小屏幕的设计经验 2010-06-01 21:59
现在是时候发展移动银行的未来了。通过认识公交上班族、商务旅行者、从事各种繁忙工作的母亲和因为不 同的使用目标而以来移动设施的人使我们开始意识到它。 当然银行会在智能手机上持续一点点的减少看上去无止境复制桌面经验的过程。你能持续去要求设计师和工程师来减少独立的屏幕和工作流程来使他们的iphone和黑莓手机使用界面更加友好。但是移动设备与互联网是一个完全不同的 频道。直接缩小互联网上的内 ... ...
-
46. Iphone与Android 对比分析浅谈 2010-06-01 21:49
自从Iphone横空出世，就以简单易用，并功能强大，作为智能手机的代名词，直到Google推出Android 平台，才棋逢对手；自此作为两款经常拿来一起比较的手持移动平台，做了粗略分析比较； 1. 开发平台 目前开发智能手持平台设备的app相对来说已经比较简单。以Android手机Nexus One为例，它的处理器有1GHz，内存则有512MB，跟开发客户端应用的感觉已经很类似 ... ...
-
45. 细节成就卓越——浅析iPhone用户界面设计... 2010-05-27 16:00
作为一款革命性产品，iPhone（这里泛指iPhone和iPod touch，当然还有iPad）为我们带来了许多意想不到的创意和惊喜。过去两个月多的时间里，我们认真地咀嚼《iPhone Human Interface Guidelines》，感悟字里行间透露着的苹果的细致与智慧。兴奋、激动之余，有太多的惊喜想与大家分享。但无论从时间上还是精力上，130页的完整套餐肯定会让所有的人吃不消。 ... ...
