![设计职场的三种打开方式:设计专家·设计管理·设计变现](https://wfqqreader-1252317822.image.myqcloud.com/cover/285/26351285/b_26351285.jpg)
5.2 交互组件的演化因素是什么
这得从符号学说起,我们日常接触的界面交互控件脱胎于传统器械控制器及其人机界面,其中包含着丰富的指向、控制、安全、反馈、语义、情感、任务等体验模型,在极度精简后,抽象成了现在常见的软件界面交互控件。
有人会说:“一个开关有什么好变来变去的!”但事实证明,即使是同样一个“开关”控制器,在不同的因素影响下,其操作和意义都发生了很多演化,如图1-5-5所示。
![](https://epubservercos.yuewen.com/AC45C8/14814528004471706/epubprivate/OEBPS/Images/figure_0077_0001.jpg?sign=1738854280-XLXemlXK539kEurowMt1Du1nviK2q11P-0-11132505999b96ae57289b7d5ce29745)
图1-5-5 “开关”控制器及其演化
5.2.1 文化影响
在中文语境中,开关分别表示“疏通和阻止”的意思。
在英文语境中,开关更多表现为“切换—Switch”,或代表“双态切换—On-Off”,并且不同的“开关”操作都对应着不同的动词和介词,例如
·打开 turn on/off
·切换 switch on/off
·开启关闭 shut down/start up
总而言之,表意虽然类似,但可以发现在近代至现代产品发展过程中,英文语境下的符号文化明显占了上风,“舶来”的标示比比皆是,传播广度和深度都远远超过本民族的符号,这种情况下,贸然赋予指示符号于新的表现形式,必然会遭到用户的抵触和不解,示例,如图1-5-6所示。
![](https://epubservercos.yuewen.com/AC45C8/14814528004471706/epubprivate/OEBPS/Images/figure_0078_0001.jpg?sign=1738854280-tppHCNJwnjSIA7HdKm4cZ2l6CzIVILOl-0-1a77279dc7010dc81b3dde1faa5c42b6)
图1-5-6 中外开关指标符
至于现在满目疮痍的安卓端定制桌面,设计师们都快忘记老师教的符号学原则了吗?主题桌面icon识别都堪忧,遑论美感,示例如图1-5-7所示。
![](https://epubservercos.yuewen.com/AC45C8/14814528004471706/epubprivate/OEBPS/Images/figure_0078_0002.jpg?sign=1738854280-Wela8JNs0F7qKKxwEebCwVlPXFTFY3JM-0-7b7f1cdfc83f6c6f72d0c048eb1f3358)
图1-5-7 主题桌面icon设计示例
暂且不提二三线城市的用户,那我们先想想,我们的父母可能连浏览器的icon都不怎么认识,我们直接给他一朵“云”,他可能不太理解。地球仪的icon在他们的认知中,还是有浏览器的意思的,如图1-5-8所示。
![](https://epubservercos.yuewen.com/AC45C8/14814528004471706/epubprivate/OEBPS/Images/figure_0079_0001.jpg?sign=1738854280-UpCsNahmrXfDPCVsFSXpIOtsk5AAenqo-0-fb75b34c548f7b42dc318d93208f691f)
图1-5-8 地球仪的icon
5.2.2 转义影响
这里所说的转义,是指解释实物界面是如何转变形象和表意从而变成互联网产品常见的交互控件的。
目前我们常见的交互组件基本上都来自实物产品的外观及体验转义,但也不排除某些特殊形式,比如弹框,在现实生活中,你在丢弃一个废纸团的时候,并没有牌子突然出现在你面前问你“确定要扔吗”,如图1-5-9所示。
![](https://epubservercos.yuewen.com/AC45C8/14814528004471706/epubprivate/OEBPS/Images/figure_0079_0002.jpg?sign=1738854280-htpmCaCJmKTDZwjOTtUldSHCy2EGBIdS-0-aec7018ab0baccd79d3b23853e00e940)
图1-5-9 提示
不同的转义场景可以造成不同的表现形式,为了更好地服务自己的产品,设计师在设计交互组件的时候,会更加偏向某个倡导的理解指示方向。
例如,表单的填写最初来自银行及各类登记表格的体验,根据不同的操作和安全要求,表单在互联网上表现为几种形式,如图1-5-10所示。
![](https://epubservercos.yuewen.com/AC45C8/14814528004471706/epubprivate/OEBPS/Images/figure_0080_0001.jpg?sign=1738854280-ROYMmn5WgQ0HXqghlsvKYVYkvaoYeDQW-0-4e543891a74ac4df83ca069bbce6aad8)
图1-5-10 表单在互联网上的表现形式