网站源码-图片-资料下载-学习资料-牛资料网!只做精品资料网
  • 首 页
  • 视觉交互都必须知道的交互设计模式
    时间:2019-08-16 20:26 来源:www.xyhndec.com 编辑:免费资料 浏览:

    多人在这个信息爆炸的移动时代,更想看到一些所谓的“干货”,干货到底是什么,可以直接拿来上手的是干货吗?还是需要你经过判断和思维转化再处理得到的属于自己的启发?本篇交互模式大家可以更好的思考,归纳。

     

    为什么学习交互设计模式

    在dyj时期有一句口号是:人有多大胆,地有多大产,形容的是人想法有多大,那地的产量就会多大。这是虽然一种错误的思想,但是我们可以换个角度理解:你脑中的知识和经验越多,你就能在更多的场景中运用自如。所以我们需要积累我们脑中的知识池子,库。当我们有了一定的思维方式之后,我们需要依靠脑中的知识、经验来帮助我们做专业的事情。

    • 如你想成为专业的木匠,那你一定要知道不同的手法和不同的工具能够刻画成千上万种不同的纹路、物件,需要日积月累。
    • 如果你要成为专业的伦敦”的哥”,那你要完全熟悉,市中心半径2.5公里范围内,超过2500条街区的道路,能够到达客户想要去的任何一个在此范围内的角落。
    • 如果你要成为资深的设计师,那你就要知道非常多的模式和形式,一般我们称交互模式,和视觉形式。只有当你积累足够多不同的案例经验之后,你才能够成为专业的行家。

     

    什么是交互设计模式

    Alan Cooper在about face4中是这么解释的:交互设计模式是捕捉有效设计方案,并将其应用于类似问题的方法,尝试将设计理论形式化。强调的是设计问题的解决方法。

    我们在日常使用产品的过程中经常会接触到一些基础的单元,我们称之为交互单元,研究过开发者指南的朋友肯定知道,iOS和安卓会有一些样式有区别但是功能相同的交互单元,比如开关、选择器、对话框等。

    也有同样的手势操作规范:点击、滑动、长按等,由这些交互单元组合成更大的交互单元

    比如点击某个图标,页面底部滑出一个组件Action Sheet(动作菜单/动作面板/行动列表),按钮是基本单元,而Action Sheet则是一个复合单元。这些许许多多的交互单元通过不同的形式和结构组成了更多不同的复合单元,以便于满足不同的用户、任务、需求、情境、操作以及反馈。

     

    交互设计模式如何使用

    在使用之前,我们先思考以下几个问题:

    1. 我的设计背景是什么,选择那种交互设计模式适合当前场景、任务或者流程?
    2.  这个交互设计模式有几种不同的形式,能承载哪些不同的内容?
    3. 该交互模式的局限性是什么?
    4. 该交互模式是否在产品其他地方使用过?在什么情境下?需要做相应调整吗?

    以下进行三个案例进行分析

     

    案例1  Action Sheet

    1.移动设备的屏幕可以说是寸土寸金,所以action sheet为了承载更多内容,并减少对用户的干扰,他呈现了与当前页面相关的部分操作和内容。用户能够通过点击按钮唤出该控件。

    2.一般选项较少时,我们选择列表形式,选项较多时为了避免列表滚动造成的误操作建议选择宫格形式。要注意的是action sheet这个组件只可支持点击立即跳转的交互,并不支持输入,也不能用在表单中。

    3.它能防止用户误操作

    4.其实安卓也有类似的控件,但是他没有取消按钮,因为安卓有物理返回按钮,同时iOS有些应用在使用的过程中,也没有将取消按钮放在底部,甚至有些在右上角放置了一个关闭按钮。

    5.它经常被各种软件进行自定义控件设计,但是该交互模式无法承载太多内容,因为本身就是为了让用户快速对当前页面进行额外的操作,所赋予作用。

     

    案例2  图标按钮

    第一张和第二张界面长的非常相似的控件,都是通过右上角一个功能图标通过点击行为后触发的。那么为什么要把那么多信息都集成到一个入口,是因为如果信息在单个页面承载过多会导致许多问题:目标不明确,用户决策成本高,页面结构混乱等等。所以为了解决该问题,这里应运而生的使用了该交互模式。

    那么问题又来了,这样的交互模式针对的问题太宽泛,难道什么东西都可以往里塞吗?我的集成入口只能放在固定的位置吗?为什么有的有取消按钮有的却没有呢等等

    所以交互设计模式也会出现这些情况:

    1.相同的功能图标可能发生不同的交互行为和信息展示

    2.即便不同的功能图标,承载的信息也可能是相似的

    3.图标的位置、形式以及所触发的内容是由目标所决定的

    4.根据内容的长度可以考虑隐藏一部分功能,例如取消,用户心智已可以理解点击空白取消。

    交互模式需要在相应的场景或者情境中去,脱离情境的交互模式是不客观的。你会发现我们常说产品有不同的性格和风格,那么决定产品的性格基本上是由表现形式和交互模式来共同决定的,交互模式无法像乐高那样固定的拼凑,而更像是橡皮泥,在一定的规则下能够进行多样的使用。

     

    郑重声明:
    牛资料网所有内容均由互联网收集整理、网友上传,并且以计算机技术研究交流为目的,仅供大家参考、学习,不存在任何商业目的与商业用途。 若您需要商业运营或用于其他商业活动,请您购买正版授权并合法使用。
    我们不承担任何技术及版权问题,且不对任何资源负法律责任。
    如无法下载,联系牛资料网索要。
    如有侵犯您的版权,请及时联系QQ:964613048,我们尽快处理。

    APP开发制作教程APP开发制作教程
    深度解析字体在APP设计中的奥秘深度解析字体在APP设计中的奥秘
    黄金兴趣点在app界面设计中的运用黄金兴趣点在app界面设计中的运用
    推荐栏目
    • 客服:我们竭诚为您服务!
    • 客服:我们竭诚为您服务!