标签: ux

现今的日常生活大都是透过计算机或是手机获得想要的讯息，无论是上班或是休闲时刻已离不开计算机或是手机。大家是否有想过若某一天看似平凡无奇的屏幕显示器如果有任何异常状况，将会给我们带来相当大的困扰与不便。 以下会从使用者角度与测试遇到问题，聊聊在显示器常发生的问题与应该注意的事项。 01 刚买到屏幕显示器时，一定要赶快检查一下屏幕。看看是否有不正常的小亮点及线条，或者是有色泽不均匀忽明忽暗的状况发生。如果有的话，要赶紧更换新品。 02 屏幕显示器是相当脆弱的产品，他的面板是经不起大力的碰撞及尖物戳伤。所以在安装屏幕时，要注意显示器塑料外壳上的贴合度及显示器的支架是否牢靠? 而且在试图调整倾斜度以获得更好的人体工学效果时，要避免框架的耐用性不足而导致屏幕破裂。 03 要注意显示器与支撑架间的连接是否很脆弱。在轻微碰触显示器后，是否会有来回晃动造成不稳的状况。甚至倾倒而可能造成损坏变形。 04 在一些高阶显示器有支援HDR的功能。玩游戏时，显示器会自动打开了HDR。但在离开游戏软件时，有些屏幕却无法自动将HDR关闭而导致在游戏之外，显示器会超频让它的亮度以达到HDR的水平，但实际上开启的HDR会产生屏幕过亮导致线条模糊，让文字难以阅读。 05 有些屏幕在一般120hz情况下显示很正常，但是切换到高频144hz时却反而会出现闪烁问题。 06 当屏幕使用久了，要留意左右边缘与视角是否有缺陷。这都可能会造成信息显示不完整。 07 有些屏幕，在一般文书处理或是上网浏览，都很正常。但是一旦切换到游戏或是高解析影片界面时，就有很多状况。例如: 屏幕可能会根据颜色使图像的某些部分过饱和。甚至于出现多重影和拖尾现象。这状况可能发生在不同的游戏，不同的系统上。这对玩游戏及影片观看上是很严重的问题。 其实这类林林种种的小问题还真不少，只是有些很容易被大家所忽略。因此消费者对品牌的好印象，也就这样一点一滴的流失了。所以，如果能以更贴近使用者的环境及角度来订定产品的目标及风格，同时藉由使用者的体验来强化产品的质量，相信一定可以大大的提升品牌的信任度。

Allion Labs / Franck Chen 从电影院走向家庭的全景声道 根据趋势预测公司TRANSPARENCY的调查报告指出，3D音频市场之相关软硬件设备与服务在2020为46亿美元，预估到2031每年将以15.5%的年复合成长率成长，届时全球市场价值将超过220亿美元，其中以亚洲地区成长最多，其次则是北美地区。 在杜比实验室于2014年宣布”Dolby ATMOS for Home”之后，杜比全景声道(Dolby ATMOS)的技术正式从电影院走进家庭剧院，加上2020年后受疫情影响而带来的家庭影音升级需求，连带相关支持Dolby ATMOS的串流平台、游戏、电视讯号与声音设备也随之大量推出， 让Dolby ATMOS成为3D音频市场的主流技术之一 。 Dolby ATMOS生态系统介绍 以家庭影音为例，一套完整的杜比全景声系统由下列三大部分所组成，包含: 1.讯号播放设备(Source) TV/STB with Digital TV Signal、TV/STB Streaming Player(App)、Game Console、BD Player。 2.显示设备(Sink) TV、Projector 3.音响设备(Repeater) AVR、Soundbar Dolby ATMOS全景声环境的基本设置条件 想要享受全景声的效果前有几点前置条件必须知道，首先最基本的全景声道必须有 5 . 1 . 2 声道(下图左)，包含 5个平面声道 、 1个重低音 、 2个天空声道 ，这表示若要使用扩大机拨放的话，还要再搭配1个重低音喇叭及其他6个声道喇叭才能建构成一个基本的全景声道。如果要追求更好的效果，则要建构成5.1.4或7.1.2声道系统，这样就必须使用支持9.1声道接收器的高阶环绕扩大机来做辅助，才能完整体验全景声带来的听觉震撼。 然而扩大机价格不菲且需要另外搭配其他产品才能建构出全景声环境，相较之下，拥有轻盈外观、安装简便及亲民的价格等优势的soundbar迅速在市场上窜起，再加上杜比实验室于2016年正式发表《适用于条形音箱应用的杜比全景声（Dolby ATMOS）》解决方案后，各大品牌与厂商相继推出支持全景声道的soundbar产品，这也使的soundbar已成为目前一般家庭中Dolby ATMOS声音播放器的主流产品(上图右)。 如何建置Dolby ATMOS全景声环境? 根据不同的讯号源产品、设备以及功能，连接方式有以下3种： 1. 2 BOX 例如: 以电视播放内建的Netflix App作为讯号源和显示端，与Soundbar(音响设备)连接 2. 3 BOX-1(串联) 例如: 以蓝光播放器为讯号源，与Soundbar(音响设备)连接后，再与电视(显示设备)连接 3. 3 BOX-2(并联) 例如: 以机顶盒为讯号源，连接电视(显示设备)后再与Soundbar(音响设备) 不可不知的Dolby ATMOS影音系统验证要点 在百佳泰多年影音测试经验中，最常发现的就是多种连接情境下的兼容性及UX/UI设计缺陷，很多客户送测的产品在基本功能的操作模式表现都没问题，但是只要环境或是参数一调整或更动就变得无法使用。我们归纳出下列三个大方向做为测试规划的依据： 1. 关键设定: eARC/ARC…等其它关键设定。 2. 关键操作: CEC控制…等其它关键操作。 3. 检测重点: 声音设备输出之声音质量、影音同步…等其它检测重点。 三台Dolby ATMOS电视实测后发现共同出现的bug竟然是… 百佳泰根据上述的验证概念，挑选了市售3台支持Dolby ATMOS的电视，依照不同连接情境并搭配相同的扩大机、机顶盒以及蓝光播放器来做评比，以下为实测结果。 从上表可知3台电视的整体表现有着明显差异，总结如下： 1. Brand-A TV无论在兼容性、功能性上都明显优于其他厂牌。 2. Brand-B TV有严重的兼容性问题。 3. Brand-C TV则是存在各种问题，表现最差。 4. 共通点则是在UX/UI设计上都有改善之处。 这边就先以Brand-B TV为例，我们发现不论是在2 BOX或是3BOX情境，Brand-B TV使用eARC功能时，与扩大机有严重的兼容性问题，无任何声音输出，但使用ARC功能或是将扩大机置换成Soundbar却可正常运作。 另外，在2 BOX情境中进行Audio相关设定时，Brand-B TV必须先离开Netflix画面并切换至HDMI模式才能设定，但是Brand-A及Brand-C TV则可以维持Netflix画面边设定。 透过上述案例可以发现，单单只在同1台扩大机上搭配不同情境和关键设定，就有如此多种的问题，可以预见在市面上众多的影音厂牌与设备的情况下，实际上会产生多少问题。然而上述案例只是冰山一角，其他常见的问题还有: 影音不同步、有杂音、开关机/线路拔插/讯号源切换后声音异常…等等都将成为各家相关厂商必须面对的课题。

根据知名市调公司 Strategy Analytics 2021 年的调查报告指出，截至 2020 年底全球已有超过 6.65 亿家庭拥有智能电视，相当于全球家庭中拥有智能电视的家庭比例已达 34% 。预估到 2026 年，将有 11 亿个家庭拥有智能电视，全球普及率将提升至 51% 。 (Source: Strategy Analytics) OTT 串流媒体（如 YouTube 、 Netflix 等）和其他家庭娱乐的盛行及近两年疫情的催化下，智能电视的普及率与重要性随之升高，终端用户接触产品时间变长，也愿意提升电视等级。随着越来越多消费者购买具有智能功能的机种以取代旧电视机，这也意味着，如何加速优化使用者体验将会是相关厂商首要重视的第一要务。身为验证业界顶尖顾问的百佳泰，现在就来告诉您 UX/UI 设计上不可忽略的细节有哪些！ 什么是 OOBE? 首先，我们先来说明一下什么是 OOBE 。近年来消费者对于产品购买前的初步认识或印象大多来自网络上各式产品或服务的『 开箱文 』 介绍，这就是所谓的 OOBE ( O ut- O f- B ox E xperience) ，指的是用户在打开产品并开始使用后的第一印象与体验。 OOBE 又可以分为硬件与软件两个部分 : ·　 好的硬件 OOBE 会让用户收到物品时对于包装、包材和设计觉得符合期待甚至是感到惊艳。整体来说需满足对象无受损、没有缺少、组装方便并且有明确的指示让使用者能快速上手 … 等等。 ·　好的软件 OOBE 包含了下载 / 安装、欢迎页面到初始设定的流程、引导是否能让使用者感觉到便利、舒适、顺畅 … 等等。 总而言之，好的 OOBE 能够让消费者愿意主动与他人分享自己购入新产品后的喜悦，并透过网络开箱文等方式扩大产品正向的宣传效益。 UI/UX 设计的重要性 消费者在体验各项功能前，另一个最直觉的印象与感受则是来自产品或软件本身的 UI(User Interface) 以及 UX(User Experience) 设计。 ·　 好的 UI 设计 能让 产品看起来 有质感、整体配色舒适 … 等等。 ·　 好的 UX 设计 能让 产品用起来 操作顺畅、便利甚至针对不同情境有贴心的提醒与互动 … 等等。 总体来说一个好的产品其 UI 与 UX 设计是相辅相成缺一不可。 到底哪些 OOBE 以及 UI/UX 项目 是电视消费者 普遍关切的重点 ? 又有哪些项目得考虑 不同国家 / 地区、不同的使用习惯呢 ? 百佳泰以 30 年来的电视验证经验，针对电视所设计的重点评比项目中挑选出 4 个实测案例，与您分享其遇到的困难及改善建议。 案例分享 1 – OOBE 篇 以 2 款不同品牌 (Brand A, Brand B) 的高阶电视为测试对象： 测试项目 (1) 电视第一次开机到初始设定页面出现的时间 Brand-A 在开机时 loading 时间将近 3 分钟且没有进度 % 显示 ，这就有可能会让使用者感到不耐烦甚至会觉得系统效能是否异常或当机，反观 Brand-B 只需要 4 秒即进入到设定页面，用户立即感受到系统运行的速度与流畅感。 ◆ 百佳泰温馨提醒 ◆ 这就像传统与现代计算机在开机速度上的差异，前者状况会快速浇熄使用者的满怀期待，甚至觉得自己白白花费了大笔金额所购买的高阶电视产品，严重影响商品评价，所以建议最好在产品上市前就做好完整检测，以免客诉量会像雪球般滚滚而来，导致业绩一落千丈。 测试项目 (2) 电视到无线 AP 联机成功所花费的时间 在与不同品牌型号的 AP 做无线联机测试中， Brand-A 无论在有干扰或无干扰的环境下， 联机花费时间几乎是 Brand-B 的 2-4 倍 ！ ◆ 百佳泰温馨提醒 ◆ 根据此份竞品分析可以知道 Brand-A 平均需要 20-40 秒的等待时间，对使用者来说会明显觉得该牌电视的联机能力很 ” 缓慢 ” ，并对此款产品的印象大打折扣。 为了协助客户厘清并改善问题，以下为百佳泰协助客户做的进一步分析与建议 : 透过以下三种时间点的量测来协助客户厘清问题的症结点所在 验证结果 量测 TV 何时得到 IP address(In Sniffer) 的部分 , 整体来说 Brand-A 和 Brand-B 没有明显的差异。 (difference < 0.2 secs.) 量测 TV 何时可以 transmit data(FromPing) 的部分 , Brand-A 甚至比 Brand-B 还快。 对于使用者来说最主要的差异是从 ”TV 可以 transmit data” 到 “TV 显示『 Successful Connection 』的信息 ” 这段处理时间过长。 透过以上分析，百佳泰建议客户如果要改善使用者体验，可以从上述第 3 点的处理效率做调查与改善，后续客户以此建议为基准，大幅优化产品的 开机流程 与 连接速度 ，并且 感谢百佳泰指出了他们一直都没有注意到的产品缺陷与细节 。 案例分享 2 – UI 篇 以 3 种不同 module(DUT1, DUT2, DUT3) 为测试对象： 测试项目：电视操作设定、过场等待之情境 由上表可知 DUT-3 在页面设计中，只有纯文本而没有搭配图片解说，这会让使用者增加阅读与理解上的难度。另外，在整个过程中也没有任何的动画或音效，以电视这类影音显示产品来说，容易让使用者感到乏味或呆板，更难以联想「我买的真的是高阶智能电视吗 ? 」 三者相较之下， DUT-2 除了设定页面有搭配图文解说外，过场时也有动画和音效，能够吸引用户的目光，并且感受的到该产品在 UI 设计上的科技感、互动性及细腻感。 ◆ 百佳泰温馨提醒 ◆ 智能电视作为一个多功能的影音设备，对于使用者来说最重要是各项设定的说明是否 简单 、 清楚 ，最好还能搭配 现代感 的 图文介绍 。另外，能否在一些 枯燥的设定 或 过场等待时间 持续提供令人觉得贴心感动的视觉与听觉上的效果，也是在使用体验上加减分的关键之一。 案例分享 3 – UX 篇 以 2 款不同品牌 (Brand C, Brand D) 的高阶电视为测试对象： 测试项目：考虑电视无线网络联机状态之情境 我们模拟了 4 种常见的连网情境依序执行测试，从下表的测试结果可知 Brand-C 能依照不同的情境主动、适时的告诉用户目前网络状态，协助用户快速厘清并解决问题，反观 Brand-D 没有设计任何联机状态的提醒，使用者可能因为迟迟找不出问题原因而坏了观看电视的兴致。 ◆ 百佳泰温馨提醒 ◆ 现今智能型电视的使用很多需要连上网络才能进行，但是联机状况难免会因为各式原因而中断，直接影响使用者体验与评价，因此除了在 UX 设计上必须考虑各种有可能的网络状态外，产品上市前实际进行完整的测试验证更显重要。 案例分享 4 – 特定国家 / 地区之使用情境与习惯篇 电视除了在不同国家有 不同的电视讯号系统 外，也有着 不一样的使用习惯与需求 的特性。 以 日本地区 的电视产品为例，日本民众普遍有 ” 录制节目 ” 的习惯，因此在设计 UI/UX 评比项目时，会将节目录制的各种方式、操作还有播放 … 等等情境列为重点项目。 例如，以下相关功能的操作 : ·　 录制直播节目 ·　 预约录像 ·　 录制清单 ·　 播放录制节目 ·　 外接硬盘 ·　 透过语音搜寻、录制和播放节目 ·　 录像相关功能的使用说明 ◆ 百佳泰温馨提醒 ◆ 在设计 UI/UX 的评比项目时除了通用性的重点项目外，针对特殊国家的使用情境与习惯也需要纳入考虑，以满足当地消费市场需求，进而扩大市占率。

何谓使用者经验（ UX  :  User Experience ） ？ 根据国际标准化组织ISO 9241-210规范，使用者经验定义如下：「当用户在接触产品、系统、服务后，所产生的感知反应与回馈。使用者经验包含使用者的情绪、信念、偏好、认知、生理及心理反应、行为及成就来源，其发生在产品系统服务使用的前期、中期以及后期。」   对于服务提供商和产品制造商而言，产品设计的成功要素之一，即「了解用户喜好及其对产品、设计喜爱的程度。」厂商愈是能够了解使用者，愈是能够创造出更好的产品；由此可知，了解用户对于产品或设计的感受及反应显得格外重要。影响使用者经验主要有三个因素：眼睛（掌管讯息认知）、头脑（掌管逻辑推理）以及双手（掌管运作）。使用性测试（Usability Test）可针对此三个主要影响因素，深入理解使用者心智状态。 使用者经验与使用性的优化不但可以提升公司及产品的质量，另外，其带来的附加效益为 提高产能 减少教育训练及支持成本 缩减产品开发时程及成本 降低维护费用 提升客户满意度 增加业务收入   如何透过用户经验设计出优良产品（ UX product ） ？ 一般而言，良好的使用者经验是以「用户导向设计」为概念（User-Centered Design: UCD）。大多数设计会以「设计准则」为基础，再加上「用户导向设计」作为考虑。从图表一我们可发现五个阶段性的用户导向设计。 图表一 视觉一致性 视觉简化 在这个阶段必须将焦点放在设计架构、版面编排、颜色及风格等上面。如果公司欲开发一系列的产品，而产品之间却呈现不一致性，这样的设计不但可能带给使用者困扰、甚至造成其对产品非愉悦的观感。 行为一致性 所有的设计、内容、设计概念及功能皆需一致。行为一致性让用户在学习以及使用产品方面更加容易上手。 行为优化 确认行为一致性之后，如何优化使用者行为即成为关键。模式简化及行为优化可创造更有强而有力、更容易使用的产品。 使用经验策略统一 愈来愈多的产品设计是用来沟通和分享想法，一个成功的产品设计并不是单单强调其强大的功能性，而是藉由全人类、数据、产品及服务而组成的复杂生态系统做全面性的研究。 使用者文化 产品设计的最终目标，是用来改变使用者行为以及创造新的使用情境。 以上所有提及的策略及情境，可以协助公司规画一个完整的产品设计概念，但并不完全保证开发出广受市场欢迎的产品。了解用户喜爱产品的程度是早期开发阶段重要的一个检查点，而在所有方法中，使用性测试可以帮助理解产品使用的可行性、不可行性以及为何如此设计才能有效果地使用。 使用性测试步骤安排 步骤 1 . 设立测试目标和计划 使用性测试是一个研究方法，有其传统实验方法论的根源。测试方法有众多种，涵盖传统大样本实验、各式复杂测试设计到仅仅访谈一个样本的非正式质化分析，每个测试方法有不同的目标以其所需时间及资源运用。 步骤 2 . 透过观察设计任务及问卷 百佳泰相信以「情境设计」为基础的测试，能够导向一个较接近实际使用状况的测试结果。 一个测试情境可包含多种使用性任务，任务本身根据用户实际上使用产品的状况而设计。使用情境越能显现出真实状况，测试的信赖度就更高，受测者更加容易融入使用者角色。 一旦情境及任务设计完成，我们还需从问卷的设计去得到受测者在任务测试执行中所反馈的观察心得。用户对产品的偏好程度最终能透过问卷调查，让公司清楚明了产品的优劣。 步骤  3 . 选择目标用户类别（宗教、性别、年龄、高级用户或是业余用户等） 选择测试参与者，得先判断其行为、技能以及知识等自身相关背景，是否皆符合受测产品的使用需求。在早期测试发展阶段，必须归纳出目标参与者所具备的条件。 究竟一个有效的测试需要多少测试参与者? 根据研究，使用性测试样本不需太多，一个类别有六至八人就足以找出百分之九十的问题（参考图表二）。 图表二 步骤  4 . 由前导测试 (Pilot Tests) 获得参考标准 为确保整体测试的设计是否完善，「前导测试」被认为是一个不可或缺的部分。前导测试将聚焦在具体的测试目标上，例如用户对测试任务情境、相关文件及时间掌控的第一印象等，让测试参与者更融入具体的使用情境，或是建立一个更流畅的正式测试流程。 步骤  5 . 由受测参与者搭配观察员来执行使用性测试 观察员将参与并观察受测者完成整体任务的过程；随后对受测者进行深度访谈。 步骤  6 . 分析搜集信息并给予回馈 汇整及整理数据转换为有效的建议，并产生最终报告。 个案分享  –  智能型手表的使用性及竞争分析 一个设计优良的使用者经验测试（UX test）必须协助公司发现用户对其产品喜好降低的潜在风险，除了使用性测试之外，比较测试以及竞争者产品分析同时也是可行的方法，尤其针对同时拥有自家产品以及竞争产品的用户进行分析比较；这样的测试结果，可以建立更符合产品需求的用户条件。 百佳泰过去在各项产品成功地导入使用性测试，例如2013年底，为了因应各大厂竞相布局的穿戴装置的发展，我们从市场挑选了三个不同智能手表品牌进行测试，分别针对其外观、用户接口(User Interface: UI)与功能性进行评比分析。相关报告连结，请参考百佳泰智能手表分析： 手腕上的新宠儿：Smart Watch智能手表测试报告 。 图表三：本次受测产品由左到右依序为 SONY Smart Watch 2、Martian Passport Watch、Pebble Smart Watch 经由本次使用者经验 (UX Test: User Experience)测试及竞争力分析(Competitive Analysis)报告，百佳泰不但洞悉各家产品优劣并给予建议回馈，更深入提出智能手表的未来发展趋势。百佳泰持续专注于使用者经验测试及相关研究，致力于协助客户在市场端开发出更好的产品。