如何提升视觉设计师的交互思维?

交互思维仅是一种被动技能,被动技能的触发是无意识,且根据经验的加持而产生叠加伤害效果的。跟主动触发技能不同,它没有实际可见的按键给予玩家控制。但是根据技能等级的提升,伤害效果也是持续增加的。

比如场景分析、竞品分析、用户调研等,都是实际可见的方法论,通过反复操练逐步提升熟练度。但是交互思维是不可见的,它隐含于设计师输出物的内在表现上,如合理性、商业性、可用性等等。它不仅是设计师自身经验的表现,也是体现设计师综合能力的重要模块。

它具体指什么?如何提升?

关于「交互思维」

1989 年,Gillian Crampton-Smith 创建交互设计教育的初始名为「计算机相关的设计」,后来改名为「交互设计」。

所以早期人们聊到的交互设计,更多的是与计算机有关的,比如系统或设备。但是随着交互设计这个概念的普及,其应用范围也被扩展,包括「视觉设计」领域。

区别无非是这个过程是从有用性,可用性和情感因素等方面来优先评估设计质量,而不单单是「审美效果」层面。

有经历的朋友应该经常与业务人员因为视觉界面的「不同效果」而发生争执,原因基本可以概括为各自对界面或图片所传达的意思有不同的理解。

从这点可以看出,用户界面或视觉产出物本身也是为了达到某种目的的自然体现,而这种通过设计手段解决问题的过程,本身就是一种「交互设计」—— 对信息进行内容分布,传递给目标用户。

所以任何商业视觉产出物,都能算作是交互设计的一种结果,包括这些视觉可见,与人产生「信息交流」的产出物。从这点可以看出,视觉设计师本身是具备「交互思维」的。

从表面上理解,它们是 A 和 B 之间发生的互动行为,他们可以是人与人,也可以是人与物。

比如,你出门买早饭,「告诉」对方要什么,对方接收到你的信息并将你需要的餐点拿给你,这就是一个完整的交互过程。

或者不同视觉设计师针对同一个功能所设计出的不同界面,也是各自对功能的不同理解,以至于所呈现出不同的效果图。

所以一般设计师,包括商业视觉设计师或 UI 等等,在工作过程中产出的作品一定是包含「交互思维」的。只是不自知,也没有建立系统性认知。

举个极端例子,如下图:

image

图片来自于网络,侵删。

两张海报都在传达各自的意思。

虽然每张海报都是不同设计师设计出来的,但是他们都有各自的目的。比如英勇无畏、心怀祖国、怀抱世界等等。

所以各位看到「交互思维」目前在任何领域都成了不可以避免的话题。餐饮、服饰、出行等等。唯一区别在于显意识和无意识,有些人知道自己具备,有些人不知道罢了。

但是不能说交互设计就是用户界面设计,甚至是视觉设计。它只是帮助设计师在信息呈现的结果上,表达出一种合理化的趋势,而不仅仅是自嗨。

所以要具备「交互思维」,首先要明确设计的目的。

如何提升?

这里给出怎么提升的方法。

开头说到,「交互思维」是被动技能,原因是不可见,但有实际效果。

是什么意思呢?就是具备交互思维的设计师,在工作中所呈现的内容结果,是有思考过程的。比如视觉稿可读性高,信息接受度强,符合用户审美等等。如果是纯粹的艺术作品,是不觉被这些特点的。

包括产品设计中,一个功能首先要能用、好用,好不好看是次要的。对于交互设计来说,解决问题才是最优先的。但是放眼任何行业「解决问题」都是核心,包括视觉设计。

所以延伸出来,解答这个问题的第一层意思:交互思维,应该是帮助视觉设计师解决信息传递的问题的。

要做到这个程度,已经不单是技法的提升了,它是设计师综合能力的体现。

除了视觉设计师本身具备的「美学知识」外,交互思维还应该从以下两大领域出发进行学习:

  • 人——心理学、社会学、人类学;
  • 机——计算机、工设;

学这些的目的是,让设计师在遵循自身的设计理念外,再从计算机以及人的角度出发,去思考问题。

意为:通过对人(用户)的了解,帮助他们解决机器(产品、图片等)的使用/理解难题,解决手段是设计。

所以「交互思维」的提升,就是让人与物或人与人之间,更流畅的进行「对话」。

无论是视觉稿还是其他内容,设计师要多问自己:用户在看这张图时,他了解到哪些信息,他会怎么做,他的感受如何。

这就是所谓「交互思维」的提升。你的设计稿越易理解,被业务方可接受的机会也越高。

除了对上面提到的三大领域的学习之外,平时看文章,看案例要多问为什么,以及怎么样能更好。来提升自己思考问题的方式,对问题的解法进行多角度的训练。

案例补充

用银行卡从自动取款机(ATM)里取出现金,用户实现这个目标的过程,也是在用户界面的支持下解决这个问题的过程。在这个过程中,用户要正确完成如下的一系列动作:

  1. 插入卡片
  2. 输入密码
  3. 按“快速取款”按钮
  4. 按“确定”按钮
  5. 取出现金
  6. 拿出银行卡
  7. 拿出回执

一般设计师在设计这个操作界面的思路就是界面本身,比如插入卡片提示界面。具备「交互思维」的设计师除了针对于界面本身进行设计外,还需要思考用户是否知道「卡片插入」的入口,是否要基于明示,或者「输入密码」完密码,是否有等待提示,等待提示的内容应该是什么?数字?文案?

又或者是用户取出现金后,是否在界面上提示用户取走银行卡,如何提示?是在一个界面里简单拔卡图片,还是通过图片加文字的结合说明?等等。

这些不仅仅是产品或交互思考的问题,视觉设计师也应该思考其原因。

虽然部分视觉设计师认为不需要思考,只需要根据产品的原型出图,安安静静做一个美工就可以。但其实在作图的过程中,这些问题早就已经呈现在设计师的脑海里了,否则「插入卡片」的提示是如何设计出来的?填色?得了吧~~

这个世界上本没有「美工」,只是自嘲的人多了,也就有了「美工」

不过学习是一个辛苦的过程,加油哦,嘻嘻~~~

应该就是这样了。

谢谢阅读:)

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 214,951评论 6 497
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 91,606评论 3 389
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 160,601评论 0 350
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 57,478评论 1 288
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 66,565评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,587评论 1 293
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,590评论 3 414
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,337评论 0 270
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,785评论 1 307
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,096评论 2 330
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,273评论 1 344
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,935评论 5 339
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,578评论 3 322
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,199评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,440评论 1 268
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,163评论 2 366
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,133评论 2 352

推荐阅读更多精彩内容