IAMUE
  • Home
  • 文章分类
    • 交互
      • 从零开始学交互
      • IxD案例
      • 微信热点
    • UXD
    • Wireframes
    • GUID
    • PM
  • More
    • AID
    • 资源下载
    • 作品集
    • 电子书:《从零开始做交互》
    • Sketch 4.9 - Sketch全系列免费下载(更新Sketch4.9)
    • 淘宝手机H5版UX移动交互设计规范
    • Axure基础入门
    • 隐私政策

那些经典交互设计流程与方法,真的足够好吗?

震天下 • 2017-05-25 14:05 • 交互设计

在传统的交互设计 流程中,比较看重从设计目标建立到最终方案推导过程的逻辑性、终端用户体验与用户心理认知模型的匹配性等,相关的 UCD 设计方法 很多,而基本框架则是大同小异。在规模较大的公司与设计团队里,作为交互设计 师的我们也习惯了运用这种按部就班、环环紧扣的推导方式,帮助自己有理有据地应对各种「为什么这么做」的挑战。

文章目录[隐藏]

  • 相关文章

那些经典交互设计流程与方法,真的足够好吗?

在传统的交互设计流程中,比较看重从设计目标建立到最终方案推导过程的逻辑性、终端用户体验与用户心理认知模型的匹配性等,相关的 UCD 设计方法很多,而基本框架则是大同小异。在规模较大的公司与设计团队里,作为交互设计师的我们也习惯了运用这种按部就班、环环紧扣的推导方式,帮助自己有理有据地应对各种「为什么这么做」的挑战。

但在实际工作中,并不是每一个项目都是按照理想化的线性设计流程执行,除去日常迭代类的需求,即使在相对完整的项目里,依靠某个灵光一现的想法或者老板一句命令而启动的情况并不少见,当遇到这种情况时,有些交互设计师会尝试进行一些反向推导(先有结论,再找支撑结论的原因)来强行圆回自己习惯的设计流程,降低在评审中遭到挑战的可能性,即使自己内心并不认同这样做。

可是,被我们奉为圭臬的那些经典交互设计流程与方法,真的足够好吗?当我还原了一下自己在工作中处于沉迷运用各种方法阶段时的状态时,我开始意识到:我之所以喜欢这么做,更重要的原因是为了减少自己在设计中犯错和遭到挑战的概率、增强对别人的说服力、完成自己的专业沉淀等,而不是设计出真正令用户喜欢的产品。再回顾那段时间的设计产出,虽然貌似专业正确,却多少存在循规蹈矩、缺乏惊喜、创新性不足等缺点,没有灵气和触动人心的感觉。而随着改变这种局面的冲动感越来越强,我开始感到传统交互设计思维可能并给不了我想要的答案,甚至可能就是造成这种桎梏的原因,我需要从中跳出来,寻找全新的出路。

突破惯性束缚

作为交互设计师的我们,常常把「设计原则」、「平台规范」、「用户习惯」一类词汇挂在嘴边,对各种常见组件和设计模式熟稔于心,致力于降低用户认知和学习的成本、提高产品可用性等。这样做是我们的安身立命之本,当然没有错,却也可能造成一些潜在问题:体验趋同、缺乏亮点、审美疲劳等。

举个已经烂俗的海报设计例子,在我们的认知习惯里,海报通常都会用各类色彩来营造强烈视觉冲击力,但当一整面墙都贴满了五颜六色的海报,再加一张有着绚烂色彩的海报,就远不如一张黑白海报冲击力强了。在我们的设计工作中也会有相似的情况,比如很多官网、APP 都喜欢用一个通栏大 Banner 来渲染气氛,清一色的首屏布局等,从设计原则、用户习惯的角度来看这样做并没有什么错,可却看不到什么差异化的创新亮点。

APP 「表态」是我觉得做得比好好的一个案例,很多投票、话题类的 APP 都喜欢用封面图、大色块等渲染气氛,表态却坚持轻量设计的理念,在标题区进行大块留白,整体风格都是轻色彩、轻字体、轻背景,反而能更好地吸引用户注意力。

那些经典交互设计流程与方法,真的足够好吗?

另一方面,设计原则、用户习惯并非一成不变,我们需要保持对最新设计趋势的关注,而不是陷在一些陈旧的思维框架里面。比如说「首屏线」,在以前 PC端页面设计时非常重要,但近年来随着不同屏幕尺寸的终端设备日益丰富、用户滑屏浏览习惯逐渐养成,已经迅速成为了一个过时的概念。

随着用户体验设计标准化趋势的增强,只会沿袭既有设计模式、对用户习惯唯唯诺诺,而不能洞察问题本质、关注趋势变化、敢于突破常规的交互设计师,空间恐怕只会变得越来越小。

学习视觉思维

交互视觉岗位界限的模糊化也是现在的一个趋势,作为一个实习生时期就在出各种高保真设计稿的交互,我一直以为自己还是算懂一点视觉的,后来才意识到我所谓的懂,不过是一点技巧层面的东西,在思维方式上我仍然是彻头彻尾的交互设计。

最近读了几本美国视觉设计学院用书,书中的一些网站设计案例给了我较深的印象,在设计流程上,区别于我们工作中常常根据产品/运营限定的内容来做梳理分类、优先级划分进而出方案、测试获取反馈等,这些案例先集中于创意发散,设计开发出几种完全不同风格的方案,在创意确定通过后,再和客户一起编辑填充内容。工作实践中,有时候虽然业务需求还没有完全明确,作为设计师我们也可以考虑适当抢跑开始探索,围绕核心目标尽可能多地发散想法、出概念稿等,而如果总是被动等到需求确定,在内容优先级的梳理取舍上可能就要花去大量沟通精力,也不会有多少探索不同创意的时间了。

视觉设计师们在工作中经常会定义一些品牌基调、设计关键词等,我觉得这个其实在交互设计阶段就可以考虑和渗透进去,思考怎样在合适的场景以合适的行为传达给用户相应认知,融入更多的感性思维,赋予最终方案更多的「灵性」,而不只满足于出一份仅仅是推导完整、逻辑架构清晰、符合可用性原则、考虑特殊场景的交互设计稿。

那些经典交互设计流程与方法,真的足够好吗?

灵感驱动设计

我们在设计流程中讲究目标驱动、用户驱动、业务驱动等,但其实还有一种不那么符合规矩的「灵感驱动」,好的设计方案并不一定是通过某种固定的方法流程推导得出,也可能是不知什么时候灵光一现而促成。

灵感并非唾手可得,经历过「想法枯竭」和「想法爆棚」两种不同状态的我,感觉很重要的一点是需要养成随时随地思考记录的习惯,事实上,这半年来我产生的几个最喜欢的设计灵感,很少有在工位电脑前敲敲打打得出的,印象比较深的是有一次洗澡时突然想到一个点子,然后一洗完就迅速打开电脑画原型做 Demo,把想法快速记录表达出来。

还有一些小技巧比如使用纸笔而非软件、限定时间等,都可以起到一定的激发灵感作用,不过最重要的还是多看多想,培养丰富的阅历和活跃的思维。

总结

从传统交互设计流程中适当跳出并不意味着背道而行,相反,传统交互设计思维也可以反过来帮我们纠正过去剑走偏锋的地方,避免做出一些过于注重创意表达、突破常规却违背了基本可用性原则、用户认知理解困难,「为设计而设计」的方案,让理性与感性形成合力,做出真正触动人心的设计。

欢迎关注阿里CCOUX团队的微信公众号:

37.2qr

「设计师思维好文」

  1. 让你脑洞大开的创新思维方法系列:水平思维
  2. 让你脑洞大开的创新思维方法系列:奔驰法
  3. 为什么设计师需要理解产品业务?聊聊结构化思维的应用

【优设网 原创文章 投稿邮箱:yuan@uisdc.com】

================关于优设网================
“优设网uisdc.com“是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/。
设计微博:拥有粉丝量200万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com

相关文章

  • 一招教你让交互方案更靠谱!超好用的目标导向设计法
  • 用追女生的方法做设计!O2O用户体验设计方法之五线谱
  • 谷歌产品设计的秘诀:2017年你最应该掌握的设计方法
  • 基础小技巧!5个简单直观的设计对比方法
  • 腾讯高级交互设计师:什么是优秀的设计思维与方法?
  • 量身定制的学问!如何给企业打造气质相符的LOGO?

原创文章,作者:震天下,如若转载,请注明出处:https://www.iamue.com/20476/

GooglelogoPSUIUX交互交互设计交互设计师产品产品设计分享原型场景字体微信沟通灵感用户用户体验用户体验设计素材网站设计网页设计视觉视觉设计设计设计师设计案例话题谷歌运营
赞 (0)
震天下震天下
0
生成海报
初级用户体验设计师可以向其他合作伙伴学习什么?(前端 & 开发篇)
上一篇 2017-05-25 13:10
同一页面放两个相同的链接:这样的重复是有益还是有害?
下一篇 2017-05-25 14:17

相关推荐

  • 有效地运用UI动效的4种方法 交互设计

    有效地运用UI动效的4种方法

    约在10年之前,在用户界面使用的动效,大部分是一些广告和闪烁的弹窗。然而到了今天,已经发生了翻天覆地的变化。设计不仅是外形和感觉,设计关乎如何运作。

    2017-08-04
  • 如何在界面设计中“色”诱用户? 交互设计

    如何在界面设计中“色”诱用户?

    在设计过程中,如何最佳地搭配颜色,诱导用户视线?是不是在为图标选择什么颜色而烦恼,反反复复地尝试,总不能达到想要的效果。是不是总在羡慕“别人家的设计”,而苦于无从下手?其实所有的颜色都有些小规律,今天@Micu设计 就和大家聊一聊“色”。

    2017-06-05
  • 12个很不错的UI交互设计动效灵感 从零开始学交互

    12个很不错的UI交互设计动效灵感

    转自:设计达人(ID:shejidaren888)链接:http://www.shejidaren.com/ui-interactions-01.htmlUI动效设计是每位设计师们的一个进阶技能,我们做动效时,不仅仅要有用,而且还有好看哦,今天达人分享来自muzili整…

    2017-08-02
  • 交互设计

    从「不修边幅」到「衣冠齐楚」,Google是这样一步步变漂亮的

    在很多人眼里,Google的产品一直与优雅设计无关。但现在,搜索巨人比其他互联网巨头都懂得如何打造一款设计优雅的软件(互联网)产品,如果你不相信这个判断,不妨放下你对苹果产品的钟爱,做个深呼吸,好,现在我们来对比一下Google与苹果在移动操作系统的设计:Android vs iOS。

    2017-06-05
  • 内容展示页,是选择瀑布流还是分页呈现? 交互设计

    内容展示页,是选择瀑布流还是分页呈现?

    每个设计师在工作中都会纠结于是使用瀑布流还是分页列表去展示内容。到底如何选择,让我们先分析下两种交互方式的优缺点。

    2017-05-02
  • 用户界面缓解曲线 交互设计

    用户界面缓解曲线

    由于采用扁平设计,动画的质量是创造伟大的界面更是必不可少的因素。通过动作设计,可以影响产品的整体体验,并从市场上把它分开。动画可以使复杂的相互作用简单,把好设计成令人难忘的用户体验。但是,我们如何创…

    2015-05-26
  • APP框架之提示框架 交互设计

    APP框架之提示框架

    某日和iOS开发聊天,说到iOS规范里没有安卓中的Toast形式的提示。我有点惊讶,仔细回忆iOS的交互规范,似乎是有。后来找来书确认了下,竟然是没有。遂把这个框架整理了下,在文中同时也强调下Android的交互规范的差…

    2016-09-29
  • 微信热点

    提升用户体验的12大法器—《从点子到产品》读书笔记

    读了刘飞老师的《从点子到产品》书中关于用户体验的讲解,获益颇多。特此整理Mark一下,也分享给需要的童鞋~

    2018-04-26
  • AxureRP8.1简体中文汉化包V1.6.5版发布!

    Axure RP目前最新版本更新至Axure RP 8.1.0.3372。版本更新后,会发生无法登陆Axure Share的问题,导致无法在线发布原型项目。这个问题是因为新版软件不兼容旧版汉化包所导致。经排查,对旧版汉化包进行更新,修复了这个问题,并对一些新版导致的汉化失效同时做了修复。之前发布的V1.6.4版仍然无法连接Axure Share,已进行修正。带来不便敬请谅解!注意:本次汉化更新后Axure RP 8.1的名称汉化由《团队...

    微信热点 2018-03-22
  • 超实用!比较重要的设计方法论大整理 交互设计

    超实用!比较重要的设计方法论大整理

    @戴小维Saki :设计方法论,顾名思义是当设计师在进行设计活动时可从理论和方法上所提出的实际性意见。当进行不同设计需求时,可为设计师提供明确的步骤与框架。众所周知设计方案要做到有理有据,富有说服力,所以设计方法论也是设计师进行产品设计时的一大利器。虽然会在创新上有所限制,但却能为设计师在没有灵感时候,提供一个有依据的可重复操作流程,进行自己的设计思考,从而输出自己的设计方案。其实资深设计师基本都会形成一套自己的设计方法论。尤其在常常需要进行汇报提案时,这更是方案汇报时的重要方法。

    2017-11-06
  • UED书单
  • 微信精选
  • 投稿说明
  • 赞助

Copyright © 2024 WPCOM 版权所有 粤ICP备000000000号 Powered by WordPress