在移动设计中, 尊重用户的任务和心态是很重要的, 以及设备的局限性. 在这里,您将了解可以帮助您开始设计的一般原则.
乔希·克拉克是 Tapworthy:设计优秀的iPhone应用,描述了三种类型的移动思维:
“我Microtasking”:当用户与他们的设备进行短暂但疯狂的互动时. 考虑一下如何适应赶时间的用户. 让频繁重复的任务尽可能高效.
“我的地方”:当用户想知道他们周围发生了什么. 充分利用移动设备的传感器,比如位置, 设备定位, 在适当的情况下(并获得许可),环境光可以个性化体验, 当然!).
“我无聊”:当用户想要获得娱乐时,不要只考虑以任务为中心的功能. 当用户悠闲地浏览时,你能为他们提供什么?
皇冠官网登录可以再添加几个类别,这些类别是乔希在智能手机时代早期写了那本书之后出现的:
延长订婚:当用户长时间完全沉浸在内容中时, 滚动, 不停地敲击或滑动.
打断注意力:当通知将用户拉回查看活动、状态更新或其他内容时. 注意,这并不总是好的, 众所周知,通知之所以会把用户拉回来,完全是因为公司的应用粘性盈利需求.
在最后一个类别中,微软提供了一套名为“尊重专注”的指导方针.“它们主要分为五个方面:
理解紧急和中等科技交流的方式有很多种:弹出窗口、闪烁灯光、声音和振动. 都需要吗? 将通知的紧急程度与沟通的紧急程度相匹配.
适应客户的行为:客户与你的每个功能或部分体验的交互方式会随着时间的推移而改变.
适应环境皇冠官网登录都以独特的方式关注、过滤和消费信息. 皇冠官网登录过滤掉不同的信息. 这些首选项和功能可以根据上下文快速更改. 正因为如此,人们与每个功能或体验部分的交互方式将会改变. 您的系统能否从人们的交互方式中皇冠官网登录,从而改变它的交流方式?
使客户能够适应个人经历应该适合每个人. 可定制的功能可以帮助客户感到强大,并能控制他们的设备. 如今,电脑上的许多提醒信息都很难关闭. 如果多个应用程序同时发送警报,可能会让人不知所措. 更好的系统有方法让用户控制 类型 以及通知的时间.
减少脑力消耗:体验超越屏幕,融入人类感官. 每一种新的相互作用都带来了新的潜在摩擦点.
移动Web的基本设计考虑
小屏幕
移动设备没有pc和笔记本电脑那样多的屏幕空间. 这意味着,通常情况下,你需要设计多种屏幕尺寸. 记住,你要专注于“手机第一”的方法, 这意味着你将为最小的手机平台设计,并在此基础上增加复杂性.
一个好的流程是:
优先处理主要任务
如果皇冠官网登录使用任务优先的方法,皇冠官网登录可以保证您已经提前完成了主要任务. 把它看作是任务的紧急程度.
应用Shazam是一个很好的例子,告诉你如何优先处理主要任务. Shazam识别你周围播放的音乐. 它有助于解决一个皇冠官网登录都可能遇到的问题:你在收音机里听过几次好听的歌曲, 在商店或酒吧,但不知道是谁? 通常情况下,你没有太多的时间来Shazam一首歌,而这款应用就解决了这个问题. 界面精简,屏幕上只有一个大按钮. 该按钮以动画形式向用户显示需要按下它, 用一行文字写着, “点击沙赞.这款应用的主要任务对任何使用它的人来说都是显而易见的.
![Shazam应用程序主屏幕]()
那么,就任务的紧急程度和优先级而言,你的Shazam按钮是什么?
©Shazam,合理使用(Link)
保持 导航 简单的
键盘和触摸屏不能像鼠标那样进行精确导航,所以请尝试:
把最常见的任务放在最上面.
尽量减少涉及的导航级别.
确保标签清晰、简洁,便于导航.
提供不同功能的短键访问.
记住,所有按钮的尺寸都要小于10毫米.
![10毫米触摸目标]()
© 交互设计 粉底,CC BY-SA 4.0
确保链接在视觉上是明显的,并清楚地表明用户何时激活了它们.
让移动和桌面网站之间的“切换”或切换变得容易,如果可能的话,保持设备之间的任务连续性.
在页面的页脚(如果是移动网站)提供导航链接以及“返回顶部”功能. 这个功能有助于减少滚动疲劳, 所以用户不需要一直滚动到顶部. 此外,屏幕阅读器(针对盲人用户)需要重复页脚链接,因此它们有一个向前移动的路径.
确保“汉堡菜单”(一个有三条水平线的菜单图标)在视觉上是不同的(不要假设用户知道它们是什么). 使用适当的ARIA属性来标识汉堡包菜单 可访问性.
![]()
皇冠老牌网站移动菜单(汉堡)显示的各种研究已经完成 功能可见性. 开发者James Foster的这项研究发现,带有边框的单词菜单具有更高的评分 转换 比一份没有边框的菜单还便宜——而且没有汉堡!
©James Foster,合理使用
这并不是说你不应该使用汉堡菜单. 手机游戏尤其适合汉堡菜单, 但是要注意他们的优点和缺点.
像往常一样, 测验 确保你的手机菜单是可访问的.
内容要尽量少
减少用户需要的输入
用户摆弄手机的时间越少,他们就越喜欢你的移动网页或应用程序. 考虑如何:
提供其他输入机制(游戏邦注:如视频、语音等).).
最小化表单中的输入(当用户登录到桌面时,您总是可以请求更多的数据).
允许永久登录(大多数智能手机都有密码或指纹保护), 所以这样做的风险比在桌面上要小).
保持滚动到最小,并确保用户只需要在一个方向上滚动.
记住移动连接是不稳定的
在服务不完善的地区,移动连接是一个巨大的麻烦. 不要给用户制造麻烦. 尝试:
持续整合体验
当用户在移动设备和桌面设备之间切换时,他们会期待类似的体验. 记得:
拿走
移动设备不同于传统的桌面环境. 而标准的皇冠老牌网站和 可用性 考虑因素适用于移动环境,移动环境带来了新的设计考虑因素. 皇冠官网登录必须尊重用户的注意力,尽量减少干扰. 整体, 皇冠官网登录必须关注手机体验的特定细节,以提供最好的用户体验.
参考资料和在哪里了解更多
创意Bloq 建议关注以下10条手机交互设计原则.
读 微软的指南 皇冠老牌网站尊重焦点.
了解更多皇冠老牌网站设计中断的内容 中文章.
让自己熟悉 Toptal通知设计指南.
了解如何 制作易于理解的汉堡菜单.