zoukankan      html  css  js  c++  java
  • 总结-人机交互

    ---
    title: iOS人机交互
    date: 2016-06-04 19:36:27
    tags:
    ---

    ## 人机交互摘要
    1)将重要内容和功能放到更重要的位置,以便用户可以更容易地关注主要任务
    一些可行的方法是,将主要元素放置在屏幕的上半部分,并靠近屏幕左侧(基于从左至右的阅读习惯):


    2)给每个交互元素以足够的间距,以便用户对内容和控件进行操作
    “可点击控件的点击区域不小于 44 x 44 点

    3)如果只有部分功能不可用,那在用户用到这些功能时提供解释界面或者提示

    4)如果所有的功能都不可用,就向用户展示一个界面去描述问题并建议用户如何纠正
    这能给用户一种反馈,让他们觉得你的 app 并没有出错。这也会赋予用户以控制感,让他们来决定是采取纠正措施并继续使用你的 app,还是切换到另一个 app。

    <!--more-->

    5)App 重启后要恢复其状态,以便用户可以从中断的地方继续使用,而不要让用户去记住如何返回之前所在的位置
    你可以前往「State Preservation and Restoration」了解更多关于高效重建和恢复 app 状态的方式。

    6)显示一个和 app 首屏极其相似的启动画面
    显示一个和 app 首屏极其相似的启动画面。iOS 会在你的 app 启动的瞬间显示这个启动画面,这可以让用户感觉你的 app 非常快,并让你有足够的时间去加载内容。参阅「启动画面」(第 180 页)了解如何创建启动画面。

    7)避免要求用户提供设置信息

    8)尽可能将登陆延后
    最好在用户没有登录时就可以通过导航来浏览你的 app 并使用部分功能。用户在在可以做点有用的事情前通常已经从那些强制他们登录的 app 中离开了。

    9)尽可能避免在界面中出现不一致的样式
    通常来说,拥有相似功能的元素看上去也应该很像。用户常常会认为那些他们所看到的不一致背后必定富有深意,然后花时间去理解它们。

    10)确保主要内容在默认尺寸下可以被阅读和理解
    例如,用户不应需要滚动才读到重要文本,或者放大图片才能看到主要内容。

    ## 导航栏样式
    * 导航栏样式原则

    1)层级式:就是APP常用的界面跳转的样式;

    2)扁平式:就是底部标签栏之间的跳转的样式;

    3)内容/体验主导式:就是打游戏的时候,移动地图看不同的关数的样式;

    ## 使用模态
    1)模态使用场景限制:
    “非常需要吸引用户注意
    必须完成自包含任务(或明确放弃),以避免让用户的数据处于不明确状态”

    2)“保持模态任务简短精炼。
    你不会希望用户将模态视图看成是你 app 中的一个小程序。如果子任务过于复杂,用户在进入模态情境时会忽略他们的主要任务。在创建一个涉及层级视图的模态任务时需要尤为谨慎,因为用户会感到迷茫以及忘记如何原路返回。如果模态任务必须在多个视图中包含子任务,确保在层级之间给用户一个唯一、清晰的路径,并避免产生循环。如需了解使用模态视图的准则,请参阅「模态视图」(第 170 页)。

    3)始终提供一个明显而安全地退出模态任务的方式。
    当用户退出模态视图时,他们通常会知道其任务会被结束。”

    4)“如果任务需要一系列多层级的模态视图,
    请确保用户在轻点次顶层视图中的「完成」按钮时知道会发生什么。检查任务流程,以决定次级视图中的「完成」按钮是仅仅完成视图中的部分任务,还是完成整个任务。鉴于存在混淆的可能性,请尽可能避免在附属视图中使用「完成」按钮。

    5)使用警告框传达必要——且可操作——的信息。
    警告框会中断用户的体验过程,并需要一次点击才能结束,因此让用户获知警告框出现的合理性是很重要的。如需了解更多信息,请参阅「警告框」(第 165 页)。

    6)尊重用户关于接收通知信息的设定。
    在「设置」中,用户会设置希望以怎样的方式接收来自你的 app 的通知信息。请确保遵循这些设定,以免用户关闭来自你 app 的所有通知消息。”
  • 相关阅读:
    [NOIP2013]花匠
    [NOIP2013]货车运输
    [NOIP2013]火柴排队
    [NOIP2012]疫情控制
    雷动WEBRTC产品
    WebRTC学习笔记_Demo收集
    Red5的直播与点播的压力测试(并发数的测试)
    Apache Tomcat8必备知识
    Servlet3.0学习总结(一)——使用注解标注Servlet
    一张图讲清楚高可用、高性能、可扩展的WEB系统架构
  • 原文地址:https://www.cnblogs.com/williamliuwen/p/6033960.html
Copyright © 2011-2022 走看看