卫朋丨第123篇文章

阅读提示丨3105字 5分钟

篇幅较长,大家可先收藏

文末有免费彩蛋(8大产品干货资料)

虚实结合,打造最强产品人

上到战略规划,中至运营策略,下至元器件选型,本号力图为读者呈现一整套的产品落地化打法。

按键是连接用户和产品的关键点,它往往是一个硬件产品中与人零距离接触次数最多的元素。

按键的设计可以充分体现“设计的语言”五个字,好的设计会跟人产生准确的交互和对话,按键设计的好坏对用户体验有重要的影响。

有些按钮,用户一看就知道应该如何操作(旋转还是按压),这也是判断按键设计是否过关的标准。

在进行按键设计时,需要注意以下几个方面:

  • 按键应该放在用户容易发现的地方,不要让用户满世界找按键;

  • 标注按键功能,带有通用或误导性标签的按键可能会给用户带来挫败感,编写按键标签时要清楚地解释每个按键的功能;

  • 按键的大小要适当,按键大小应该反映该元素的优先级,大按键意味着更重要的动作。

从大的方向来看,按键设计主要有三种类型:

(1)按式

‘按’式是最直接、最简单的操作方式,因此误操作的可能性也比较大。

为了防止误操作的情况发生,做好信息的设计至关重要,信息可以用颜色、标识或者灯光的形式来进行展示。

(2)拨式

“拨”式按键的优点是不容易产生误操作,但是操作速度比“按”式的慢。

“拨”式按键可以把一个按钮设计分成几个对不同档位的控制。

拨的方向尽量要设计成向外“推”式的,这样比往里“收”简单很多。

(3)转式

“转”和“拨”的功能是差不多的,“转”式按钮一般会用在需要调整的档数差距比较小的场景。

  • 这种按钮在设计的时候要考虑视觉盲点,不要把信息放置在被旋转按钮挡住的后侧部分;

  • 要明确哪一个数据是被选中的数据,旋转柄的方向需要标注好,以确定哪个方向是“正”的。

一个完整的产品是由很多个这样的小细节组合而成的,产品细节设计就是对产品局部的造型元素(形态、色彩、材料等)进行深入细致的发掘,并且能够合理的将这些造型元素进行整合。

细节设计往往是从一些小的创意、细微的想法中表现出来的,且往往会给用户带来极大的价值。

越注重每个细节的处理方式越能把功能和造型展示地更完美。

用户体验设计最主要的两点就是可识别性和清晰度,尽管按键是交互设计的一个普通元素,但是值得投入大量的精力,把这个元素做好。

1. 常见设计示例

强化按键

这一类产品设计的初衷就是为了方便省力、简易操作,所以将按键设计的更大。

表面肌理、材质的选择都是为了加大凹凸的质感,并增加按键与按键间的距离,防止误操作。

特点:按键明显、易操作

弱化按键

按键设计与产品整体设计色彩、材质统一。

按键的位置也设计在不起眼的地方,这就要求按键与主体间的间隙要小。

三种类型:

  • 按键与主体基本持平;

  • 按键微微凸起稍高于主体;

  • 按键边缘与主体持平中部凹陷。

触摸按键

配合表面的丝印,标明感应区。

产品没有了按键与主体的缝隙,一个整体利于清洁,大大加强了科技感。

双料注塑按键

双料注塑是将两种色彩、材质混搭,但是产品只出模一次。

这种工艺可以使产品的外观更加漂亮,易于换颜色而可以不用喷涂,增加产品层次,还增强了防水防尘的作用,极大地丰富了产品地视觉效果。

但是造价昂贵,技术要求较高。

2. 技术维度

下面从技术方面,谈谈按键相关的选型设计。

笔者最近做的产品上就用到了硅胶按键,下面示例性讲解一下硅胶按键所涉及到的相关细节,仅供参考。

硅胶按键功能的实现一般有两种接触方式,分别是:

  • 硅胶按键按压在DOME片(锅仔片)上:通常用在手机、儿童手表、防水设备上等;

  • 硅胶按键增加导电基(一种黑色的导电碳粒)实现回路导电:通常用在遥控器、电脑键盘上等。

两种方式结构设计原理是一样的,需要确保按键的固定、配合间隙与行程。

硅胶按键(导电基形式)

按键帽为大颗粒实心的,触点为黑色导电基,通过压注成型融合为一体。

由于没有 DOME 片实现回弹,就需要硅胶设计自行反弹。

  • 按键初始状态,导电黑粒与电路板钢箔未接触,此时电路处于开路状态;

  • 在按键顶面施加一定的力,使按键的导电黑粒向电路板的钢箔接触;

  • 当导电黑粒与电路板的钢箔接触后,电流通过导电黑粒导通,此时电路处于短路状态。

电路板可以设计为如下形式:

关于 PCB 上的按键部分有四种处理工艺(适合沉金),分别是:

  • 碳油;

  • 镀镍的;

  • 镀镍金;

  • 沉镍金。

四种工艺方法各有优缺点:

(1)碳油

优点:工艺简单,价格低廉。

缺点:容易磨损。

应用场景:适合在低价格,使用寿命不要求太长的电子器件中。

(2)镀镍

优点:工艺相对简单,价格相对较低,寿命较长。

缺点:容易氧化,电阻有时变化较大。

场景:适合在价格相对较低的场合。

(3)镀金:硬金,镀金也就是电金

通过电镀的方式,使金粒子附着到 PCB 板上,所以叫电金。

因为附着力强,又称为硬金,内存条的金手指为硬金,耐磨;绑定的PCB一般也用镀金。

在做阻焊之前做此工艺,因为镀金需要两个电极,一个是 PCB 板子,一个是缸槽。如果 PCB 板做完阻焊,就不能导电了,也就不能镀上金。

做过之后,因为电镀光滑,会不太容易上锡。

优点:耐磨损。

缺点:比镀镍多一道工序,镀金价格高,与沉金相比较,价格略低。

但金只镀在表面,侧面还是只有铜镍,时间长了容易氧化,这是镀金工艺的一个缺陷,不能用在高要求的场合中。

(4)沉金:软金,沉金也就是化金

通过化学反应,金粒子结晶,附着到 PCB 的焊盘上,因为附着力弱,又称为软金。

在做阻焊之后做沉金,和沉锡一样,使用的是化学方法,有漏铜皮的地方就会附着上金。

因为化学反应有一定的粗糙度,相比镀金,贴片容易上锡。

优点:耐磨损,性能也很好,整个焊盘,包括侧面都能镀上镍金,是目前最为稳定的,可以用在各种场合。

缺点:价格最高,附着力不如镀金,容易在使用一段时间后脱落。

接触性按键焊盘普遍用镀金工艺,因为接触性按键一般需要重复按压使用,而镀金工艺平整度和耐磨损是目前最适合按键 PCB 的工艺。

如果是 PCB 裸铜使用导电胶按键或锅仔按键来使用,要选择沉金工艺,抗氧化。

镀金和沉金工艺中的镍的工艺方式:镍的作用为使金与铜连在一起起胶水的作用。

  • 镀金:镀金之前需要先镀一层镍,然后再镀一层金;

  • 沉金:在沉金之前需要先沉一层镍,再沉金。

镀金和沉金的鉴别(颜色):

  • 镀金:镀金光滑,趋向于白色;

  • 沉金:沉金会发乌,趋向于黄色。

电路板生产工艺中,沉金和镀金工艺属于非常普遍的使用工艺,由于此两种工艺解决了喷锡工业中,焊盘难平整的问题。

纯硅胶按压 DOME片

DOME 片用在 PCB 或 FPC 等线路板上作为开关使用,在使用者与硬件之间起到一个重要的触感型开关的作用。

与传统的硅胶按键相比,导电膜更具有更好的手感、更长的寿命,也可以间接地提高使用导电膜的各类型开关的生产效率。

金属弹片导电膜上的工作原理就是金属弹片位于 PCB/FPC 板上的导电部位(大部分位于线路板上的金手指上方)。

当受到按压时,弹片的中心点下凹接触到 PCB 上的线路,从而形成回路,电流通过,整个产品就得以正常工作。

彩蛋:关注公号“产品人卫朋”,回复“产品干货”,便可领取以下资料:

1. 《精益画布》(word)

2. 《竞品画布》(word)

3. 《战略画布》(word)

4. 《产品需求文档》(word)

5. 《产品需求文档案例集》(4份)

6. 《竞品分析报告》(word)

7. 《竞品分析报告模板》(PDF)

8. 《一页纸项目管理模板》(5份)

卫朋

人人都是产品经理受邀专栏作家,CSDN 资深技术博主。2020 年 8 月开始写产品相关内容,截至目前,人人都是产品经理单渠道阅读 49 万+,鸟哥笔记单渠道阅读 160 万+,CSDN 单渠道阅读 190 万+,51CTO单渠道阅读 180 万+。

卫朋入选 2021 年人人都是产品经理年度最具影响力作者,光环国际学习社区首批原创者、知识合作伙伴,商业新知 2021 年度产品十佳创作者。

文章被人人都是产品经理、华为云、运营派、产品壹佰、鸟哥笔记、光环国际、商业新知等头部垂直类媒体转载。文章见仁见智,各位看官可策略性选择对于自己有用的部分。

【IoT-卫朋】智能硬件 | 产品按键设计相关推荐

  1. Chipletz 采用芯和半导体Metis工具设计智能基板产品

    解决Chiplet 先进封装设计中的信号和电源完整性分析挑战 国产EDA行业的领军企业芯和半导体近日证实,开发先进封装技术的基板设计初创公司 Chipletz,已采用芯和半导体的Metis电磁场仿真E ...

  2. 低功耗技术在智能硬件上的应用

    1.背景 随着芯片技术的不断发展,CPU的主频越来越高,随之而来的高功耗及发热等问题也日益显现出来,因此低功耗设计也成为了智能硬件中必须面对的重大课题.业界在低功耗的设计方面有许多优秀的实践案例,值得 ...

  3. 2022-2028年中国智能硬件行业市场需求分析及投资方向研究报告

    报告类型:产业研究 报告格式:电子版.纸介版 出品单位:智研咨询-产业信息网 智能硬件是继智能手机之后的一个科技概念,通过软硬件结合的方式,对传统设备进行改造,进而让其拥有智能化的功能.智能化之后,硬 ...

  4. 智能硬件创业,要注意哪些关键问题?

    仅凭三张概念图,土曼手表在不到一天的时间里,取得了预订933万元的成绩.但接下来将近一年的时间里,土曼一再延期发货,一度被冠以"跳票王"的称号.截止目前因为各种原因,仍有少量手表依 ...

  5. 智能质检产品Compliance:七大亮点满足企业多样化合规质检、SOP质检需求

      背景 随着语音识别.自然语言处理.机器学习等AI技术的成熟,越来越多的企业开始借助AI能力来满足较少的质检人员覆盖每日产生的大量沟通数据的质检需求.AI质检也逐渐取代了人工逐一听取录音的传统繁杂工 ...

  6. 【IoT】智能硬件设计:遥控窗帘设计

    本设计是基于STC89C51单片机的遥控窗帘.它采用按键和无线遥控两种控制方式,其中SC2262/SC2272 编码解码芯片组成无线发送接收模块:通过控制直流电机的正反转来控制窗帘的开关,并且可以指示 ...

  7. 【卫朋】智能硬件 | 做好一款电子硬件产品,工具必不可少

    卫朋丨第119篇文章 阅读提示丨2127字 3分钟 常用工具,大家可先收藏 文末有免费彩蛋(8大产品干货资料) 虚实结合,打造最强产品人 上到战略规划,中至运营策略,下至人性洞察,本号力图为读者呈现一 ...

  8. 【IoT】卫朋:6000+ 字解读 | 2022年产品人必备的7个产品管理工具(1.0版)

    虚实结合,打造最强产品人 上到战略规划,中至运营策略,下至人性洞察,本号力图为读者呈现一整套的产品落地化打法. 本号力图通过"启发+实践"的新形式带大家高效进阶. 目录如下: 1. ...

  9. 智能硬件开发神器免费送!距离产品智能化,只差一个“三明治”的距离

      重磅资料包免费领取  针对人群:如果您对"人工智能+物联网"感兴趣,尤其是您的企业想做产品/行业智能化,一定不能错过这份"物联网人必备的终极大礼包"哦- 这 ...

最新文章

  1. 微软公有云Azure落地中国,全面大规模商用
  2. excel同一单元格怎么换行_Excel工作表中最经典的10个应用,小技巧,大作用
  3. [GAN学习系列2] GAN的起源
  4. mysql动态代理_超全MyBatis动态代理详解(绝对干货)
  5. VMware vsphere中虚拟机的基本操作方法
  6. 20101022网站更新部署
  7. C语言学习记录_2019.02.10
  8. 学C++不得不看的一篇文章
  9. 随机搜索RandomizedSearchCV原理
  10. [读书笔记][深入剖析ASP.NET组件设计]一书第三章关于ASP.NET运行原理讲述的补白...
  11. 用20行代码读懂复仇者联盟的人物关系(无剧透)
  12. QML快捷键(Shortcut、Keys)
  13. 酷派改变者S1(C105/C105-6/C105-8) 解锁BootLoader 并刷入recovery root
  14. 使用 Cloudreve 快速搭建一个强大的个人云盘
  15. 一个小兔子的大数据见解2
  16. 计算机开机硬盘扫描,电脑开机出现磁盘扫描故障的原因及解决妙招
  17. 基于slurm框架的GPU服务器集群搭建方法
  18. Truck History prime
  19. 大厂招聘Java程序员是什么标准?大厂程序员条件
  20. 恒大健康:自称股东的FF员工提起集体诉讼 无理控告我们

热门文章

  1. Java-项目1-家庭收支记账软件
  2. 数据分析之数理统计基础
  3. selenium 鼠标悬停事件
  4. 微信小程序开发WXML语法之条件渲染用法
  5. 新计算机的windows要不要不断更新,win10一直出现无法完成更新正在撤销更改请不要关闭你的计算机,怎么办?...
  6. win10更改桌面、文档、图片的存储位置
  7. 数据库系统设计_银行业务管理系统
  8. 国外常用浏览器User-Agent汇总
  9. 看完这篇文章你就可以告诉领导你精通Zookeeper了
  10. ios安装python的步骤,iOS常见砸壳方法