移动应用程序和网站的用户体验

4th edition

报告书封面

Summary

This report presents user-experience guidelines for manbetx官方网站手机版designing applications and websites for mobile devices,as well as the findings from our user research with these devices.It is based on 17 in-person and 10 remote usability studies with users in 8 countries (mostly in the USA,但在澳大利亚,Canada,China,Hong Kong,印度荷兰,罗马尼亚英国。It presents a set of manbetx官方网站手机版design recommendations intended to help designers create a good mobile user experience.

这个561页的report offers383设manbetx官方网站手机版计指南based on our usability research.Discussions and more than700屏幕截图补充我们的发现。

话题

  • 通常在移动电话上执行的活动和移动用户期望的内容类型
  • 移动限制和优势
  • 应用程序功能:在移动应用程序中哪些类型的任务是有意义的
  • Relative advantages and disadvantages of mobile websites vs.mobile apps (hybrid or native)
  • 响应式或自适应Web设计的优点和缺点与manbetx官方网站手机版mobile-dedicated sites
  • 访问移动网站并使其可查找
  • 使应用程序可发现的和发现的
    • 在网站上发布移动应用程序
    • Icons,姓名,以及对移动应用程序的描述
    • 应用程序可发现性:使应用程序在应用程序商店中可查找
    • 处理同一公司的多个应用程序
    • 在网上发布你的应用程序
  • Differences between mobile platforms for apps
    • Physical buttons on different platforms
    • 从桌面应用程序过渡到电话应用程序
    • Hybrid apps
  • 标识和公司名称
  • Touch targets
    • 大小和位置
    • 可点击性符号
    • Accidental touches and undo
    • Skeuomorphism and flat manbetx官方网站手机版design
  • 图标和图标标签
  • 键入和输入字段
    • 字段标签
    • 默认值
    • 对输入字段使用电话功能
  • 滑块
  • Pickers and spin wheels
  • 选择器
  • Dropdowns手风琴,overlays,sliding menus,单独的页面菜单
  • 旋转木马和旋转木马符号
  • Buttons and button placement
  • 错误和警报
  • 通知
  • Progress indicators
  • Orientation
  • Gestures
    • 水平滑动:滑动删除,滑动翻页
    • Vertical swipe
    • 3D Touch on iOS
    • 手势模糊
    • Tapping and content
  • 形式
    • Workflow and form steps
    • Submitbuttons
    • 登录和注册表格
  • 导航
    • 常见的移动导航模式:标签,navigation bar,hamburger and other navigation menus,navigation hubs
    • 使导航可访问
    • 导航vs.IA
    • Subnavigation: submenus,章节菜单,顺序菜单,category landing pages
    • How to deal with deep hierarchies on mobile
    • 这个Backbutton
    • 应用程序切换和回到应用程序button
    • 溢出导航:更多和动作溢出
  • 搜索,滤波器,分类
    • Scoped search
    • Search results
    • Filter manbetx官方网站手机版design
  • 列表,grids,卡,纸牌
  • List ordering
  • View all,分页,无限列表
  • 内容
    • 文本内容:可读性和可扫描性
    • Headlines and summaries
    • 相关内容
    • Images and videos
    • Dealing with long pages: Mini-IA and in-page tables of contents
  • 位置信息,地图,locator forms
  • 说明和帮助:说明叠加,教练马克上下文提示
  • Initial experience (onboarding)

效益

  • 383项具体设计建议清单:manbetx官方网站手机版
    • 查看383项的移动用户体验,你会发现很多需要改进的地方
    • 根据可用性指南清单对设manbetx官方网站手机版计进行评分,以确保您没有做错任何事情。
  • 描述用户在使用各种移动网站和应用程序时的行为,包括大量的引用:从用户的评论和对我们测试的站点中常见设计错误的反应中学习。manbetx官方网站手机版
  • 价值40万美元的研究,成本的0.07%
  • The differentiating factors that caused site visitors and app users to  complete tasks
  • 成功或失败
  • 来自各种各样的移动网站和应用程序的700多个彩色截图,描述了它们为什么在可用性测试中工作得很好或导致了问题
  • 方法描述帮助您定义用于运行自己的移动可用性研究的协议

What's New in the Fourth Edition?

This fourth edition of the mobile report is an improved and updated version of the third edition.许多现有的指导方针被重新修订,并用新的例子加以更新。本版新增内容反映了自第三版以来出现或重新出现的新的移动主题和模式。Specifically,我们添加了与以下内容相关的指导原则:

  • Hand-off and continuing a session on a different device
  • 在应用程序内部进行深度链接,并将控制权从一个应用程序转移到另一个应用程序
  • 新的或日益流行的手势,如3D触摸,swipe-to-delete,and two-finger scroll
  • Floating buttons used for filters or back-to-top
  • Navigation and subnavigation patterns,包括顺序菜单和拆分按钮菜单,as well as navigation super hubs
  • Patterns for displaying lists of items — cards and grids

今日美国article about the first edition

谁应该阅读这份报告?

  • 负责公司或组织移动战略的人员
  • Mobile manbetx官方网站手机版designers and 万博官网manbetx下载UX researchers

研究方法

The information in this report is based on usability research with mobile users 20-50+ years old.我们采用了4种不同的研究方法:

  • One-on-one in-person usability testing
  • 远程无调节可用性测试
  • 基于日记的纵向研究,for which people recorded their experiences with their mobile devices for approximately one week
  • manbetx官方网站手机版设计评论
  • 移动跟踪

Representative users tested a variety of websites and apps on a range of mobile devices,包括许多供应商的触摸电话和智能手机。The studies took place in the United States,澳大利亚Canada,China,Hong Kong,印度the United Kingdom,荷兰,和罗马尼亚。


Related