主要内容
移动设备的交互和设计 最后更新: | 文章数: 124
与面向桌面电脑的网页设计不同,移动平台的设计中,多了很多不可忽视的限制因素.设计需要符合移动平台用户的使用习惯
-
24. 手机产品框架层设计:两种主要布局方式 2009-10-30 16:49
手机产品设计与一般的桌面产品设计相比,最显著的约束是设计空间的急剧缩小。打个比方,这就像从一个100平米的房子搬到5平米的单间,东西没少,可以施展的空间却小了几十倍。更重要的是,在这样一个小空间里,你不能把东西胡乱摆放,要依旧保持它们的清晰、合理、简洁、美观。借用《用户体验的要素》中的名词,涉及到手机产品“框架层”的设计问题。而且,在手机产品设计中,框架设计显得尤其重要。 ... ...
-
23. 手机版阿里图文排版案例 2009-12-11 21:46
阿里手机版List页图文排版案例 基础背景介绍 1)据”深圳移动”调研,目前阿里客户的主流手机屏幕分辨率通常是176×220和240×320,考虑到目前手机发展的实际趋势,建议以240×320为主要设计平台; 2)176×220屏幕,通常是我们一般意义上的FeaturePhone,字体尺寸一般为16p ... ...
-
22. 手机网站开发必修课[2009总结版] 2010-01-04 21:23
从09年初接手淘宝手机网站前端开发的工作至今,转眼已是一年。一步步看着手机淘宝从最初的beta版本到今天的样子,感慨良多。 手机网站开发,有着许多不为人知的困难: 一是可参考的资料太少,大部分手机网站都处于起步阶段,很多的时候都是摸着石头过河,而鉴于淘宝自身的特殊性,也使得我们在参考成功案例之余,要做更多的思考; 二是兼容性工作异常艰辛,难度一点也不比web网站的 ... ...
-
21. WAP产品设计:删除确认不能少 2010-04-05 16:39
引:删除操作要不要再次确认?在WEB设计里,这个问题其实以前很多设计大拿都写过,也有些优化方法,真是各有各的好处。 今天要说的是在WAP产品设计中的状况,前一阵改版站内消息的时候,有一类操作是清空所有消息和删除单条消息,操作比较危险,但其实以前并没仔细考虑过,造成了部分用户的质疑。 状况是这样,我沿用了旧版站内消息的设计:删除/清空不确认直接操作,相信用户已经习惯这种方式,其 ... ...
-
20. 比“下一步”想的更“细一步” 2010-04-05 22:07
友藏 曾经在描述 BlackBerry 的时候说过一句相当经典的话:BlackBerry 是一款适合先结婚后恋爱的手机。BlackBerry 是一个很有意思的系统,我们经常会在把玩了半年甚至一两年后还能偶尔发现彩蛋一样的遇到某些细节设计,然后细细一品位,为设计者给你考虑的这点儿细节小小的感动一把。 在 BlackBerry 的全键盘上,有一个键是最大的也是宽度最长的, ... ...
-
19. 手机交互设计原则 2010-04-06 14:06
在设计e指通客户端和wap2.0页面时,积累些手机交互设计经验,不断总结,理清设计思路。以下设计总结出手机交互设计原则,仅供参照。 屏幕 手机屏幕尺寸分为物理尺寸和显示分辨率。 物理尺寸是按英寸对角线计算。 显示分辨率指的是屏幕图像的精密度,是指屏幕所能显示的像素的多少。 显示精度是每英寸上可以显示像素(DPI)。 NOKIA N78的 ... ...
-
18. iPad用户体验准则 2010-04-19 10:32
本文译自《iPad User Experience Guidelines》,供个人学习之用,水平有限,难免有欠妥之处。 iPad用户体验最主要体现在内容和交互: 淡化程序UI,以便用户关注所需的内容。 美观的内容形式,富有真实感。 充分利用设备的性能来增强内容的交互性。 支持所有方位 优秀iPad程序的其中一个重要因素是 ... ...
-
17. 避免输入 2010-04-25 12:17
常有用户常抱怨iPhone的输入按键太小,难以点击,手机的输入速度一直是个难点。因此手机交互设计如要出现输入框,要重点考虑如何减少输入,提升用户操作的流畅度。另外,手机的显示能力有限,不能像网页那样提供大量的选项供用户选择,每个界面都必须提供最有价值的信息。 提供选项。对于用户经常输入的字符可以提炼为热门选项,便于用户选择。 比如使用手机购买数字点卡,对于购买量大的的热门点卡(魔兽 ... ...