网站首页 / 设计之家 / 产品设计必须知道的交互设计模式(一)
返回

产品设计必须知道的交互设计模式(一)

浏览次数:65 分类:设计之家

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

  1. 为什么要学习交互设计模式

在dyj时期有一句口号是:人有多大胆,地有多大产,描述的是人想法有多大,那地的产量就会多大。这虽然是一种错误的思想,但是我们可以换个角度理解:你脑中的知识和经验越多,你就能在更多的场景中运用自如。因此我们需要积累我们脑中的知识池子库。在我们拥有一定的思维方式之后,我们需要依靠脑中的知识、经验来帮助我们做此专业的事情。假如你想要成为专业的木匠,那你一定要掌握不同的手法和不同的工具可以刻画成千上万种不一样的纹路、物件,需要日积月累。倘若你要成为专业的伦敦”的哥”,那么你要熟练掌握,市中心半径2.5公里范围内,超过2500条街区的道路,能够抵达客户想要去的任何一个在此范围内的角落。倘若你要成为资深的设计师,那你就要知道很多的模式和形式,通常我们称交互模式,和视觉形式。只有当你积累足够多不同的案例经验之后,你才可能成为专业的行家。

  1. 什么是交互设计模式

AlanCooper在about face 4中是这么诠释的:交互设计模式是捕捉有效的设计方案,并将其运用于类似问题的方法,试着将设计理论形式化。特别强调的是设计问题的解决方案,我们在平时使用产品的过程中常常会触及到一些基础的单元,我们称作交互单元,研究过开发者指南的朋友们一定知道 ,iOS 和安卓会出现一些样式有差异但功能相同的交互单元,例如开关、选择器 、对话框等。也相同的手势操作规范:点击 、滑动 、长按等,由这些交互单元组合成更大的交互单元例如点击某个图标 ,页面底部滑出一个组件 Acti on Sheet(动作 菜单 /动作 面板 /行动 列表 ),按钮是基本单元 ,而Acti on Sheet则是一个复合单元 。 这些许多的交互单元根据不一样的形式和结构组合成了更多不一样的复合单元 ,以便于满足不一样的客户 、任务 、需求 、情境 、实际操作以及反馈

3.交互设计模式怎么使用 

在使用之前 ,我们先思考下列几个问題:我的设计背景是什么 ,选择哪种交互设计模式适合当前场景 、任务或是流程?这个交互设计模式有几种不同的形式 ,能承载哪些不同的內容 ?该交互模式的局限是什么?该交互模式是否在产品别的地方使用过?在什么情境下? 需要做对应调整吗?

 

案例 1:Acti on Sheet(1)移动设备的屏幕可以说得上是寸土尺金 ,所以 actions heet为了能承载更多內容 ,并降低对用户的干扰 ,他呈现出了与当前页面相关的部分操作和內容 。 用户可以根据点击按钮唤出该控件 。(2)一般来说选择项较少时 ,我们选择列表方式 ,选择项较多时为了能避免列表滚动造成的操作失误建议选择宫格方式。要留意的是actions heet这个组件只可适用点击立即跳转的交互,并不支持输入 ,也不能用在表单中。 (3)它能避免用户操作失误 (4)实际上安卓也有类似的控件 ,可是他并没有取消按钮 ,由于安卓有物理返回按钮 ,同时 iOS 有一些应用在使用的过程中,也没有将取消按钮放在底部 ,甚至于有一些在右上角放置了一个关闭按钮。(5)它常常被各种各样软件进行自定义控件设计 ,可是该交互模式没法承载太多內容 ,由于本身就是为了能让用户快速对当前页面进行额外的操作,所赋予作用 。

 

您好!

点击取消回复

    个人中心我的 分类

    在线客服x

    客服
    顶部 回到顶部