- 1、本文档共6页,可阅读全部内容。
- 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
- 5、该文档为VIP文档,如果想要下载,成为VIP会员后,下载免费。
- 6、成为VIP后,下载本文档将扣除1次下载权益。下载后,不支持退款、换文档。如有疑问请联系我们。
- 7、成为VIP后,您将拥有八大权益,权益包括:VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
- 8、VIP文档为合作方或网友上传,每下载1次, 网站将根据用户上传文档的质量评分、类型等,对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
移动端设计与传统桌面端设计的不同之处?
本店铺导读:本文从设计人员的角度出发,提出了移动端设计与
传统桌面端设计的不同之处,同时归纳总结并比较了多种主流的设计
模式和信息架构,旨在帮助设计、产品、开发相关人员更好的思考移
动端设计。分享给大家,希望有所帮助和启发。
大约在1993年,我父亲带回家一部体型硕大、形似砖头的移动
电话。当时,我们全家人都对这个稀物表示难以置信的兴奋,但是没
有人会认为它会对我们的生活产生巨大影响。几年后,当我的一些朋
友决定购买它时,我仍然会把它看作是一种花样和噱头。
如今全世界共有60亿移动订阅用户,意味着如果人手一部移动
电话,那么世界上87%的人便拥有移动电话。然而,将近有30亿人
使用台式电脑,这和移动电话使用情况差别很大。
移动设备存在于我们的生活中,随之而来也为移动端设计带来了
一系列新的限制和机遇。让我们来看看设计方法会如何得以更新。
移动有何不同?
关于移动设计,我们最先需要了解的是它的不同之处,这并不仅
仅指尺寸的不同。移动设备的属性与规格也带来了不同的设计启示和
要求。由于移动设备更轻更便携,我们通常觉得它们更便于使用。通
过频繁使用移动设备,我们与它们之间建立了独特而富有情感的联
系。
第1页共6页
物理属性和特征
大部分移动设备都是触摸屏,用户依赖于手势——加上简单的界
面元素进行交互操作。由于它们尺寸更小,我们有时希望它上面的内
容结构更小更简洁。同时,由于有限的带宽和连接速率,移动设备需
要设计上充分利用加载时间,从而减少数据请求。
何时,何地,做什么
由于我们不断地接触移动设备,我们倾向于更频繁地使用它们,
无论是在公交车上,大街上,或者看电视时。我们经常一边做事情一
边使用它们,这意味着我们可能在困难的阅读环境下,或是各种干扰
下使用移动设备。
我们的行为和感觉如何
最终,我们在使用移动设备时产生了不同的态度,行为和优先顺
序。“用户体验设计咨询公司Foolproof”在“GoingMobile2022”
的研究中发现,这些设备给予我们一种对于“自由”和“控制”的新
感觉。换句话说,一些用户对他们的移动设备产生了非常真实的感情。
Foolproof发现,63%的人在没有移动设备时感到失落。他们把移动
设备看成是“活的”……是他们身体和人格的一种延伸。
由于移动设备已经从根本上改变了人们的预期,对于我们设计师
而言,采用“以用户为中心”的设计思路来提供解决方案则显得尤为
重要。唯一的问题就是我们的传统最佳实践可能不管用了。
移动(环境)如何影响着设计师们
移动的不同直接影响着“以用户为中心”设计流程的方方面面:
第2页共6页
从用户研究到最终的开发测试。影响最大的是我们的分发方式和信息
架构。
移动分发方式
不像传统网站,移动端有四大著名的分发方法。移动用户可以选
择在他们的浏览器上查看内容,这些内容要么是针对移动端设计的网
站,要么是响应式的——意味着它会针对移动端重新布局。还有一部
分用户选择安装App,这些App要么是原生的,要么是混合的(原生
+WebView)。原生应用有自我局限性:需要预先定制适配各种屏幕的
应用。混合型应用则更灵活,它们从互联网上读取内容(就像在浏览
器中看内容那样),但提供给用户“像App那样的“界面。
每一种分发方式都有优缺点。可以根据你项目的设计背景进行合
适的选择。(下面的表格,星星越多越好)
移动信息架构
移动设备也有它自己的信息架构模式。例如,响应式网站架构会
遵循更多的“标准”模式,而原生app,经常使用基于“Tab页签”
的导航结构。同时,在架构一个移动网站或应用时,没有“正确”的
方法。相对的,让我们看看一些著名的设计模式:层级结构
(Hierarchy)、集中和分发(Hubspoke)、重叠放置(Nesteddoll)、
页签视图(Tabbedview)、便当盒(Bentobox)
您可能关注的文档
- 答辩委员会对学位论文的评语.pdf
- 第四届学生会暑假干部培训测试题.pdf
- 第十一章 《简单机械和功》复习课教学设计.pdf
- 第八届南华大学机械创新设计大赛作品说明书【模板】.pdf
- 第二类医疗器械经营备案申请表(模板).pdf
- 第三章细胞的基本结构知识总结山东省生物人教版必修二合格考.pdf
- 第一次月考300字6篇.pdf
- 第一书记管理办法1.pdf
- 第5课:9步确定水平运动滚珠丝杆选型型号.pdf
- 第17讲_个人所得税法(2).pdf
- 浙江省临海市白云高级中学2025届高三历史3月月考试题.doc
- 云南拾谷县第一中学2024_2025学年高二物理上学期10月月考试题.doc
- 2025版高考生物总复习第13讲基因的分离定律教案苏教版.doc
- 湖北省黄石实验高中2024_2025学年高一历史下学期期末考试模拟卷.doc
- 通史版2025版高考历史大一轮复习专题七近代化的曲折发展__中日甲午战争至五四运动前4第4讲从维新思想到新文化运动课后达标检测含解析新人教版.doc
- 2024年高考数学考试大纲解读专题04导数及其应用含解析文.doc
- 河南省许汝平九校联盟2024_2025学年高一语文上学期期末考试试题扫描版无答案.doc
- 江西省吉安市吉水县第二中学2024_2025学年高一历史上学期第二次月考试题.doc
- 北京市平谷区2025届高三政治一模考试试题含解析.doc
- 2025届中考物理第四讲物态变化专项复习测试无答案新人教版.docx
文档评论(0)