行动派行动派
  • 首页
  • 随笔
  • 建站
  • 设计
  • 前端
  • 读书
  • 歌单
  • 相册
  • 视频
  • 邻居
  • 首页
  • 随笔
  • 建站
  • 设计
  • 前端
  • 读书
  • 歌单
  • 相册
  • 视频
  • 邻居
主页 › 读书 › 读书笔记:移动 APP 图标尺寸分析
#读书#

读书笔记:移动 APP 图标尺寸分析

3年前
951 0 0

在操作过程中,大图标肯定比小图标更易操作。当设计移动界面时,最好把可点击的图标目标尺寸做得大一些,这样更有利于用户点击,但这个“大”到底是多“大”呢?移动 APP 的界面有限,加上美观和整体效果,图标需要设计多“大”才能方便大多数用户的使用呢?

 

一、一般规范标准

《iPhone 人机界面设计规范》建议最小点击目标尺寸是 44px*44px;《Windows 手机用户界面设计和交互指南》建议使用 34px*34px;最小也要 26px*26px;诺基亚开发指南中建议,目标尺寸应该不小于 1CM*1CM 或者 284px*284px;《Android 的界面设计规范》建议使用 48px*48px《物理尺寸为 9mm 左右 0,尽管这些规范给我们列举了各平台下可点击目标的尺寸标准,但是彼此的标准并不一致,更无法和人类手指的实际尺寸相一致。一般来说,规范标准建议的尺寸比手指的平均尺寸要小,这样会影响触摸屏幕时的精准度。

 

二、手指与尺寸大小

MIT 触摸实验室做了一项研究,已手指指尖作为调查,分析其感觉机能,研究发现,成年人的食指宽度一般时 1.6-2cm,转换成像素就是 45*57px;拇指要比食指宽,平均宽度大概为 2.5cm,转换成像素为 72px*72px。

人们在使用中最常用的手势是“点击”和“滑动”,拇指的使用非常频繁,有时候用户只能是用一只手握住手机,而用拇指和食指操作,在这种情景下,用户的操作精度有限,就需要提高目标尺寸来避免操作错误,这就是所谓的友好的触控体验。

而智能手机受尺寸的限制,如何在第一时间让用户得到有效信息,显得尤为重要。若图标的尺寸太大,会导致页面拥挤,屏幕空间会不够用,增加用户的翻页操作,操作成本高,体验较差;若图标的尺寸太小,对于用户体验来说是非常糟糕的,因为在用户体验过程中,需要调整手指的操作方式,如将指心调整为指尖的操作,这种操作就变得很吃力,用户体验就非常差,会增加用户操作的挫败感。不仅如此,目标的尺寸过小,很多的目标会拥挤在一起,用户在操作时很容易造成因目标尺寸过小,一个手指的宽度过大而出现错误操作。

 

三、理想状态和特殊情况

从刚才拇指大小来看,72 像素的实际使用效果是理想状态,更容易定位,操作的舒适感也更好,所以将目标尺寸的大小设置为跟手指大小相近,这是最理想的状态,当然并不适合所有的设计场景,如手机上,由于空间有限,目标尺寸如果设置得过大,那么屏幕空间就不够用了;如果设置成翻页效果,则用户在使用过程时需要不停地翻页,这在体验上会很糟糕,在这种情况下,就需要使用指导得规范尺寸了,尽管有些过小,但还是最优状态。

对于平板设置来说,情况就简单多了,因为平板整个屏幕较大,所以空间就更多,这样对于设计师来说,就可以通过提高尺寸来提高操作适用性。

虽然无法知道每个用户在手指上得使用习惯,如是食指操作更多,还是拇指操作更多?但有一种情况比较特殊,那就是游戏。对于游戏来说,大多数得用户使用拇指操作,所以一些控件得尺寸一般可以按照拇指得尺寸来设置,这样用户双手稳定操作时会更加精准。

0
Action
# 设计美学# 设计规范
相关文章
如何让自己变得更优质?
想太多会毁了你
现代孔乙己
硬核干货!UI 设计常用设计素材网站
当你设计时,你应该思考些什么?
评论 (0)
再想想
    Action站长
    要努力,要酷,要做一个可爱的人!
    165文章 331评论 39获赞
    猜你喜欢
    Begin 主题“提交评论”按钮美化
    9月前
    丢失了一天的数据
    2年前
    同路人
    8月前
    困扰很久的问题解决了
    9月前
    如何合法拥有一张香港手机卡?月费最便宜只需 2 元!
    2年前
    • 今日快讯
    • 站点地图
    • 给我留言
    • 给我投稿
    Copyright © 2014-2021 行动派. Designed by nicetheme. 萌ICP备20201122号 粤ICP备14089240号