腾讯15年春招一面:「界面设计」、「视觉设计」、「交互设计」之间的关系是什么?
如果说「人」是一个产品。
「界面设计」就是骨肉素颜;
「视觉设计」就是妆容服饰;
「交互设计」就是神情行为。
探讨这三者的关系,我们需要先简单了解它们的定义。
“界面设计”的英文是“Interface Design”。在计算机领域中,interface翻译为“接口”。所谓“接口”,就是承担链接不同组件、元素、平台、系统的媒介。
在人机交互领域中,大多数情况下,连接「人」与「软件」的媒介就是「界面」。
而什么是交互设计呢?
交互,即交流、互动。
人机交互,即人与计算机硬件和软件的「交流」和「互动」。
肉体和机械互动,思维和数据交流。计算机是“死的”,人是活的。在过去,人需要根据说明书去适应软件,这使人自身在使用的过程中非常痛苦,这个时候计算机是「工具」;而现在,软件作为给人提供方便的「生活用品」,我们必须让计算机去“读懂”人。这就是交互设计师的责任。
视觉设计很容易理解,漂亮、酷炫、温暖、宁静,吸引眼球。
(其实其余的「感官」也都存在设计,只是视觉是最大众的一种。)
了解了什么是「界面设计」、「交互设计」、「视觉设计」,我们只要简单的举一个例子,按照流程就能知道它们之间的关系。
就像这个看脸的社会一样,美、帅、酷才能使你产生想要继续聊下去的欲望。同样,当用户第一次使用产品的时候,绝大多数情况下你的第一反应是“这个网站、App美不美”。合理的配色,优美的字体能够更好的吸引用户。追求美是人的本能,抓住了视觉,就能让用户更愿意继续使用你的产品。而只有用于愿意使用你的产品,TA才能感受到其中「交互」和「界面」的魅力。
没有「视觉设计」,就相当于是直接使用「线框图」的产品。
当我们剥离掉「视觉」,剩下你能看到的就是纯粹的「界面」。
「媒介」也分为很多种,声音在固体中的传输速度远大于空气,而如果在真空中就无法传播。同样,「界面」也有好有差,如果想实现“翻到下一页”的功能,你把按钮放置到屏幕左侧就会使用户茫然错乱,因为这不符合TA的认知习惯。
「界面设计」,就是让用户更好的认知「功能」。成功的「界面设计」,就是让用户一眼就能看到「最重要的东西」
好的交互就是让用户感觉不到疑惑。无论老,少,还是障碍者,优秀的交互能让TA们愉悦的使用产品。
当我想要放大缩小图片,最好的方式是「念动即生」,因为这个行为没有其余中间过程。
次一等的则是「直接使用手操控」,手作为人最为常用,也是最熟悉的工具,「手指拖拽」放大缩小,无论从感官还是操作体验,这是目前最符合人直觉的操作,简单、优雅。
最差的是再多一层中间过程,即通过按下某个按钮。「想」→「手」→「按」→「放大」,从感受来说,「想」到「图片放大」的过程和操作过于冗长和复杂。从体验上来说,按键的不直观使图片放大的比率也无法达到心意的效果。你甚至会重复多次这个行动,
「交互设计」让元素的响应更符合人的直觉。步骤、操作、反馈……——“就和想的一样。”
肤白貌美又会做人,谁会不喜欢呢?