以用户为中心的设计

网址导航 - 书友会 - 邮件组

× 关闭
我有建议/意见

主要内容

移动设备的交互和设计 最后更新: | 文章数: 124

与面向桌面电脑的网页设计不同,移动平台的设计中,多了很多不可忽视的限制因素.设计需要符合移动平台用户的使用习惯

  • 104. 手机输入法:键盘布局那点儿事    2011-08-12 12:32

    输入法,我国一个神奇特色的存在。 在国内,手机输入法可能是玩家用得最多的应用了。但凡是红红火火的操作系统,像Symbian、Android、iOS等平台,都可安装第三方输入法。由于原生中文输入的种种不给力,这给了大量厂商开发输入法的动力和机会。 本文这次只谈针对触屏手机设计的输入法,而由于其博大精深,这里我只谈谈输入法键盘的布局,而且还是触屏手机的。 T9与全键盘  ... ...

  • 103. 客户端UI设计之手机平台之争    2011-07-06 23:14

    1. 当前手机平台的争锋     为了占领移动互联网的制高点,当前的几大IT巨头都以手机平台为基础展开争夺。占领移动平台就是占领了用户的移动桌面,也就为自身的移动服务争取到了最佳位置。       微软公司推出windows phone 7, 曝光了windows 8;苹果公司也开了iOS 5 ... ...

  • 102. 触摸屏输入的交互设计    2011-07-05 21:05

    触摸屏手机输入时会在界面绘制虚拟键盘,用于输入字符,可以使用在所有应用程序中。特别是在短信和邮箱等需要频繁输入文字时,其输入速度直接影响用户操作效率。 缺点 但是同样全键盘输入,触摸屏没有物理按键效率高,原因在于: 1.输入法需要定位手指的位置,比如双手操作电脑键盘时,左手食指定位在F键,右手中指定位在J键,而触摸屏无法像按键的凸点或者输入感觉定位,难以形成高效的盲打。  ... ...

  • 101. 探索滑动手势    2011-06-26 12:00

    Nokia N9刚刚发布,滑动手势承担了更多的功能性操作。从按键手机到iPhone的Home键,让人不禁联想,实现全触摸屏手机已经指日可待了。 iPhone Home键已经承担的过多的操作,单击退出程序,双击进入多任务,自定义三击显示辅助操作,组合开机键截屏,恐怕这是所有手机中使用率最频繁的按键了。但是功能越来越多,要么继续压榨按键,要么挖掘新的手势操,责任自然落在点击和滑动这两个最基础的 ... ...

  • 100. 浅谈手机产品设计中的用户教育    2011-06-22 23:03

    随着手机硬件的更新换代,应用功能逐渐丰富,交互过程也逐渐变的繁杂起来。因此,一款手机应用是否能让用户眼前一亮,除了它本身成功的产品架构设计和市场运营外,简单清晰的用户教育也为其起到了画龙点睛的作用。 用户教育是什么呢? 它既不是条条款款的使用说明,也不是枯燥无味的用户需知,更不是呆板雍长的帮助文档。而是在用户使用软件的过程中,不打断用户思维的逻辑流,通过一些适当的方式,对用户有限的心智模型进行 ... ...

  • 99. 请谨慎对待程序的图标和名称    2011-06-16 13:33

    你是否发现,在浩如烟海的应用程序堆里,具有漂亮图标和清爽名字的 App 更容易被用户喜爱。作为开发者,面对这自己的作品,能否自问一句:“从图标和名称中,能够知道这个程序的作用是什么吗?” 名称太长,太偏,太绕口或者重名,图标太简洁,太花哨,太乏味都是不合格的作品,它很容易让用户陷入迷茫。让我们来看看几个例子。 图标和名称都很糟糕 Calvetica  ... ...

  • 98. 换个角度看风景——手机产品设计之横屏模式    2011-05-30 16:42

    做设计的过程,是思大于行的过程。一个有价值的设计,不是设计多么华丽、多么创新就有多么成功,那些优秀的设计师都会知道他为什么去做这样一款设计,他的设计本质价值是什么。互联网产品或者手机产品更是如此,设计师要知道你的产品要解决一个什么核心问题,然后再提出一个足够优雅的解决方案,这样才能解决用户的“痛点”问题,给予用户最贴心的设计。 在我刚开始做设计的时候,就很喜欢在一些 ... ...

  • 97. 设计道路多美好,不知前方几多愁? ——UI设...    2011-05-25 23:16

      iPad划时代地将我们带入了平板电脑时代,对于传统的移动终端的设计师而言,一个拥有更大的触摸屏幕,更大空间的舞台展现在大家面前,看上去一切都是那么的美好。然而如何在iPad上设计出优秀的用户界面?相信对于设计师们的挑战与忧愁远不止屏幕放大那么简单。 1.模拟真实,沉浸其中 大的屏幕、可以触摸的操作、支持多种手势…这一切条件都为让用户能沉浸于你的设计中提供 ... ...

  • 96. 触屏手机网站-炫版交互设计    2011-05-22 00:53

    触屏手机网站和非触屏手机网站区别在于,前者使用手指点击注重点击体验, 而后者是使用手机物理按键注重选取规则,触屏手机屏幕增大,可以显示更多的内容,但内容密度不宜过大否则不便点击,一般人的食指点击的区域约为7*7 mm 拇指点击区域约为8*8 mm,各大门户也分别推出适应触屏手机的高端版本,下面将会从手机网站最常使用的二个交互功能来分析3G门户炫版和其他门户的区别。 手机 ... ...

  • 95. Mobile app视觉传达的魅力    2011-04-26 12:45

      时下移动开放平台众多,苹果、谷歌、微软、诺基亚都有自己的移动开发平台,想让自己的产品在众多的开放平台中留住用户,只靠品牌是不够的,产品用户体验比品牌更重要。我们可以充分的利用移动设备的特性,运用视觉传达的表现方式,去创造具有优秀的用户体验的app应用软件。 在如今这个智能手机时代,大屏幕高分辨率触摸屏的智能手机在市场上即将呈现普及的趋势。智能手机意味着会有许 ... ...

  • 94. 简析 IOS 程序图标的设计    2011-04-26 12:44

    程序图标主要作用是为了使该程序更加具象及更容易理解,除了上述的作用外,有更好视觉效果的图标可以提高产品的整体体验和品牌,可引起用户的关注和下载,激发起用户点击的欲望。 表现形态 在有限的空间里表达出相对应的信息,在IOS 程序图标设计中,直观是第一个解决的问题,不应该出现大多繁琐的修饰,当然还要有很好的视觉表现力,使用户可以更容易理解此应用的实际作用,更轻松地 ... ...

  • 93. 为移动设备一致体验做设计    2011-04-06 21:33

    原文designing for the future web: http://www.smashingmagazine.com/2011/03/29/designing-for-the-future-web/ Introduction 灰常好的一篇文章!这里只了提些主干出来,强烈推荐原文,尤其技术方面的很多tips有深入的讲解。 本文推崇的是“因为现代 ... ...

  • 92. Windows Phone 7设计评测报告    2011-03-28 13:40

    刚入手一部HD7,已经是第五部移动设备了。如果你也已经对ios的水晶风格有了视觉疲劳,厌恶Android毫无设计感的黑底白字,WP7的Metro风格确定能让你眼前一亮。 MTK手机的大喇叭,iPhone精致无比的图标和过场动画,共同点在于对感官有很强烈的刺激,很容易被大众接受,甚至成为装X利器。而朴素的WP7没这么幸运了,小众的设计风格,过于富有内涵而缺乏视觉刺激,连铃声走的都是 ... ...

  • 91. 触屏网页设计初探(一)    2011-03-20 16:12

    历时数月,连番经历了多个基于触屏手机原生浏览器的网页产品设计与开发。对触屏手机用户体验设计有了进一步的认识,也颇想分享些心得。 上篇包括以下一些内容: >>精神与基础 何谓高端——高端设计精神 平台间平衡 不同分辨率及比例间移植 浏览器框架 >>设计“泛”过程 ... ...

  • 90. 小屏幕,大世界;“Next”背后的秘密    2011-03-18 12:52

    翻页控件在很多手机端产品中属于容易被忽视但又不可或缺的一部分,今天就手机端产品翻页控件的分类和使用谈谈自己一些粗浅的看法。 在手机端产品中,翻页控件的展示形式五花八门;以所展示信息内容的性质和用户的使用情境作为维度划分的话,大致可以分为这样几个类型: A:时效类翻页控件 产品所展示的信息在“时效性”“关联度”“内 ... ...

  • 89. 手机端阅读类产品的信息架构    2011-02-24 08:55

    信息架构是产品和用户认知之间的沟通桥梁,是评价一项设计产品的重要标准。本文就以手机端阅读类产品为例谈一点对信息架构的认识和理解。 一、什么是信息架构? 信息架构是在信息环境中,影响系统组织、导览、及分类标签的组合结构,是信息直观表达的载体。 信息架构会影响信息的可用性和可寻性。换而言之,信息架构的核心工作是建立恰当的导航,将组织过的、有序化的信息呈现给目标用户以方便获取和管理。 二 ... ...

  • 88. 手机客户端交互适配设计之我见    2011-02-16 14:56

    简摘:本文从手机平台、机型(触屏和键盘)及屏幕大小三个方面简单的讨论了一下手机客户端的交互及适配特性及一些原则。 手机客户端软件虽只是手机中一个功能,但它却要比设计单款手机更为复杂。在设计单款、单系列手机时,需要考虑这款手机的软、硬件优势及不足,考虑其特性、其UI Style Guideline ,确定这些内容后,整个平台的UI也找到基础了。说起来,这至多是考虑某个系统、某个屏幕的特性而已 ... ...

  • 87. 设计案例探讨——iPhone计算器APP    2011-01-15 16:18

    下面两张图,A是iPhone自带的计算器APP设计图,B是我做的设计优化。 我的设计调整基于给一般用户用,而不是给财务人员用,财务人员身边通常有计算器。 不同之处有: 去掉了mc、m+、m-、mr这些一般用户不会用的功能。 去除了“+/-”这个正负号功能,正号不需要,负号有“-”号就够了。 把加减乘 ... ...

  • 86. 浅谈移动产品的交互效率    2011-01-15 16:15

    交互效率是产品可用性的重要组成部分,也是可用性评估的一个要点。相较传统互联网产品,当前移动产品在软硬界面的协同性以及网络环境方面还有很多差距,用户的交互效率处于比较低的水平。对移动产品交互效率进行一些思考,对我们在局限条件下设计出交互效率更高、用户体验更好的移动产品具有一定的意义。 关于交互效率 ISO 9241对效率(efficiency)有这样的描述: In HCI  ... ...

  • 85. WAP页面设计与实现小贴士    2011-01-08 19:50

    目前绝大多数手机都支持WAP 2.0。WAP 2.0的页面设计具有更好的视觉效果,更接近网页。不过由于手机千差万别,手机浏览器的能力也各不相同,直接照搬网页的设计与实现,很可能让你的WAP页面出现问题。以下小贴士来自于我们的页面设计与开发实践。 1、当你试图使用背景图时,请同时搭配近似的背景色 手机上,有些浏览器是不支持使用背景图片的。比如下图,在S60v3操作系统的手 ... ...