开始设计
只是聊聊

以用户为中心的设计

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

× 关闭
我有建议/意见

主要内容

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

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

  • 44. 用户习惯与设计    2010-05-25 17:58

    使用新产品时,用户无时无刻不在学习,他们总想用最少的成本完成任务。 Luke最近观察到,苹果公司在跨平台设计产品时,没有注意到减轻用户的学习负担,设计师忽略了肌肉记忆的重要性。 肌肉记忆是指经常重复的肌肉运动会使某一过程进入无意识状态,一旦我们频繁地运用某种操作完成某项任务,再执行该任务时,机体就会进入惯性状态,不需要进行额外的思考即可轻松完成。 举例来说,Windows窗 ... ...

  • 43. 移动设备的表单设计    2010-05-25 17:56

    移动设备的表单设计相比桌面受到很多限制:屏幕小、网络慢、输入困难等。因此在设计移动应用和网站时,应尽量减少表单的数量。同时如果某些地方确需要用户输入,应多尝试让他们通过点击选择,比如多选项、复选框、选择菜单、列表等,替代易用性差的文本框。 限制往往能带来创新,移动表单也不例外。移动设备的局限促使开发人员和设计师寻找更好的方式提供快捷和易用的输入方式。这些领域的创新反过又被应用于桌面互联网, ... ...

  • 42. 移动界面设计点滴(2)——Flow大局观    2010-05-18 18:31

    Mobile UI design tips—— the overall view of flow 在移动设计中,我们需要完善的功能flow,对它认知的价值使得flow在整个设计开发过程中始终走在前面。完善的flow不仅令功能产品更加易用,带来良好的用户体验,与此同时,也有助于提升开发效率,不到位的flow将带来设计与开发的反复,使团队蒙受损失。 良好的移动产 ... ...

  • 41. 信息扁平化    2010-05-12 23:59

    前几天曾将信息扁平化列为五条手机交互设计原则其中之一,未查找到相关内容,个人尝试从概念、缘由和实现方法等方面分析。 概念 较少的信息层级关系,用户通过操作跳转较少的页面即能找到想要的信息。 缘由 1.信息结构以深度为主。从淘宝UED的文章中看出web注重深广度平衡: 在整个树形结构中,链接的层数被称为网页链接的深度(depth)。而在树形结构里,最底层页 ... ...

  • 40. 再议手机交互设计原则    2010-05-10 21:35

    准确地说应该是手机客户端交互设计原则,1个月前尝试写过交互设计原则,谈的比较浅。在手机交互设计方面,国内外可供参考的资料很少,只能靠借鉴网页和软件交互设计的也有经验,再结合自己的手机应用程序的设计经验去研究。 原则的概念 谈及原则,需明白什么才能称的上是原则?对于设计的评价分两种: 什么是好的设计?参照工业设计,在学习《设计心理学》时,书中列举了16种好的设 ... ...

  • 39. 手机客户端适配性    2010-05-10 21:27

    适配性指的是客户端应用程序能可以在多种参数的手机屏幕上运行,手机屏幕的相关参数有尺寸、分辨率和精度。 屏幕尺寸指的是实际的物理尺寸,以屏幕的对角线长度为准。如iPhone的尺寸为3.5英寸。 屏幕分辨率是物理像素总数。如iPhone的屏幕像素为320×480px(宽×高)。 屏幕精度取决于屏幕分辨率和像素在物理宽高上分布情况。如iPhone的精度 ... ...

  • 38. 从大屏幕到小屏幕迁移的三种设计方案    2010-05-06 22:06

    由于手机终端纷繁复杂,各种分辨率的屏幕,各种适配不同机型的特殊规则,都对手机网站的设计提出了更多的要求。大屏幕上已有的网站向小屏幕的设备上迁移,是需要经过一些调整的,今天就来探讨三种可用的迁移方式。 拍扁式 手风琴式 棋盘式 一. 第一种 拍扁式 这种形式最简单,也是目前web迁移到wap采用的最多的一种形式,就是把主流的1:2:1三栏布局的web网 ... ...

  • 37. 手机客户端交互设计原则及信息展现方式    2010-05-05 10:41

    在手机上浏览信息,存在着太多的局限,手机屏幕小注定了一页不能显示太多的信息,环境光线的变化注定页面设计不能过于花哨,流量限制注定不能有太多的图片和样式。 如果让你的用户直接在手机上浏览为web所设计的网页,即使是经过一些手机浏览器的优化,体验还是会很糟糕,甚至有时候会让人难以忍受。 如何调整信息展现方式,使内容能在小屏幕的手机上也更友好的展现呢?接下来我将通过一些原理和实例来阐述自 ... ...

  • 36. 移动电子商务可用性之:产品展示页面和购物车    2009-08-12 21:18

    【译者:耿人杰 原文:Mobile Commerce Usability:Product Pages and Cart Summary 作者:Linda Bustos】 mobile shopping 这是此系列的第三部分: 第1部分:网站主页和导航 第2部分:搜索和目录页面 第3部分:产品页面和购物车 第4部分:表单和结帐 以下是我参考了B ... ...

  • 35. 移动界面设计点滴(1) - 减少空间占用    2010-03-09 21:08

    Mobile UI design tips——how to reduce needless space 与面向桌面电脑的网页设计不同,移动平台的设计中,屏幕空间是一个不可忽视的限制因素.设计需要符合移动平台用户的使用习惯,以最佳的状态呈现屏幕信息. 接下来以当前正在工作的UI做为sample,实战空间优化. 改进原则 去除不必要 ... ...

  • 34. 支付宝手机注册体验    2008-10-03 09:08

    支 付宝的原来的注册只有邮箱注册功能,前不久新增加的手机注册功能,给网站带来了很多用户。因为现在越来越多的人使用手机,而邮箱对于部分人来说还很陌生甚 至可有可无,况且邮箱注册的激活码问题也造成了用户的流失,而手机接受激活码会很直观,方便不少。今天试着使用了一下,流程上感觉很流畅,针对部分问题进 行了思考,留在以后工作积累素材。      注册方式划分清晰 ... ...

  • 33. 手机发送验证码的用户体验探索 2008-11-13 19:49

    概念没弄清之前,不敢冒用“XX设计”、“XX结/架构”字眼。   手机发送验证码,是个最简单的例子。从用户角度讲,流程如下:   输入手机号(输入)->获取验证码(点击)->输入验证码(输入)->确认(点击)   这四个步骤中所有操作都是非选择性的,也就是 ... ...

  • 32. 手机门户的注册流程    2009-04-12 14:34

    最近优化了注册流程,期间横扫了腾讯,空中,新浪的注册流程,没有一个足够完美。 新浪的把用户分成两类,神州行大众卡用户与其它用户,大众卡的用户不会收到新浪下发的短信通知: 1、编写密码发送到指定号码 2、接收下发短信 将用户分成两成十有八九是出于端口的成本考虑,印象中统一的端口一年的费用可以在广州买N套房。 手机QQ的注册流程与登录的分类一样,分成QQ注册与手 ... ...

  • 31. 诺基亚手机的静音模式操作的设计 2009-04-12 20:54

    某日和同事闲聊,突然才得知在诺基亚手机上设置静音时,可以有一个很方便的操作方法,那就是长按 # 键,实际上长按 # 键可以用于在静音和正常模式之间进行切换。由于我经常将手机切换为静音或正常模式,因此我觉得这个操作方法很好很方便,因为普通的设置操作需要很多步骤,很繁琐。   我进而又思考,为什么我不知道这个快捷操作方法呢?是我比较笨,还是其它人也不知道吗?问了问其他同事, ... ...

  • 30. QQ手机浏览器与Ucweb6.3    2009-04-15 22:19

    昨天试用了腾讯的手机浏览器。浏览网页的交互与UCWEB相比各有千秋,但总体来说QQ的更强大一些,如果给UCWEB6.3打80分,腾讯的这款浏览器可以打85分。 虽然QQ抄袭成份很多,不过也有超级亮点,谈一下设计上比较有突破或者争议的地方。QQ的浏览器解决了UCWEB6.3的一个很大的不足——标签页 的切换。在UC6.3中,用户在使用标签页的切换功能时无法预知将 ... ...

  • 29. 浅议手机客户端设计:(七)谈谈快捷键    2009-06-02 15:35

    一、前言     快捷键基本是PC软件中必备的一项功能,在Web设计中随着Google系(Gmail、Google Reader等)软件对快捷键的推行,也逐步开始兴起。     在手机客户端设计中,受限于手机本身操作途径有限、屏幕有限、交互方式有限等,且整体性质更加类似于PC软件,因此快捷键也是由来已久,本文盆地权且从自己 ... ...

  • 28. 你是如何放置手机的?    2009-07-13 12:02

    这个周末我花费了很多时间和太太及她的妹妹在一起,我突然发现一些她们使用手机的情况与我的某些想法(研究)是一致的。 当我打手机给我一个女性好友时,大约一半的时间电话接不通。对比一下我的男性好友,通常大多数时间都可以立即接通。为什么会出现这种情况?很简单, 女性通常将她们的手机放在手提包里,而男性则放在口袋里。相比放在包中,你会更容易地听到/感受到在口袋里的手机声响/振动。这导致了 ... ...

  • 27. 手机中的信息架构设计    2009-08-17 21:46

    8月书友会主要讨论了“信息分类和信息分类的方法”,UCD书友会阵营由从事产品(手机,MP4,GPS等)设计和互联网行业的朋友组成,由于“信息架构”在互联网圈是被讨论得较多的,因此,大部分信息架构的出发点都集中在相关的应用领域。 作为我坚信的“跨媒体设计”的观点来看,信息架构广泛的存在于所有的能产生信息,并且用 ... ...

  • 26. 手机交互设计初体验 2009-10-25 01:21

    一晃半年没有更新了,实在是对不起观众。没有借口,只有道歉,90度鞠躬(持续30秒)…… 这半年在调整工作内容,从互联网网页的交互设计逐步转向手机上的交互设计,才不惘做无线业务系统的交互设计师。手机上的交互设计细分下来也有 WAP1.0、WAP2.0、手机终端软件三块,其中以手机终端软件最为复杂,其复杂程度不亚于桌面软件,不同的平台,不同的手机硬件造就了一个终端 ... ...

  • 25. Java手机客户端常用控件    2009-10-26 02:18

    在网页和桌面软件中,标准控件是人们非常熟悉的交互元素,是产品开发者在不同场景用以表达特定功用的重要工具。比如,在Firefox浏览器的系统设置中,就用复选框允许用户对标签浏览的多种样式进行选择。 Firefox浏览器中设置标签式浏览属性 类似的,标准控件中的单选按钮、下拉列表框、文本输入框等,已经成为公用的软件语言,无论是软件产品的设计者、开发者还是使用者,都离不开这些看 ... ...