CDC夜校回顾NO.8|WeSing国际化产品设计三部曲、揭秘UI自动化测试、品牌视觉的打造,可以怎么玩

CDC夜校回顾NO.8|WeSing国际化产品设计三部曲、揭秘UI自动化测试、品牌视觉的打造,可以怎么玩

关于CDC夜校

关键词|专业 · 跨界 · 探索 · 成长

CDC 被称为用户体验设计界的“黄埔军校”,与我们不断求真求精求专的态度及多种学习成长措施有着密切的关联。CDC夜校至今已持续近10年,夜校题材不仅覆盖用户研究、品牌设计、体验设计、研发技术等专业还涉及生活时尚、建筑艺术、摄影等多个跨界领域,是我们沉淀、分享、专业成长的重要形式之一;也能让不同专业的伙伴灵活轻松的获得跨领域前沿题材学习与切磋机会,共同拓展知识边界,高质成长

CDC夜校回顾NO.8|WeSing国际化产品设计三部曲、揭秘UI自动化测试、品牌视觉的打造,可以怎么玩

CDC夜校回顾NO.8|WeSing国际化产品设计三部曲、揭秘UI自动化测试、品牌视觉的打造,可以怎么玩

《WeSing国际化产品设计三部曲》

詹成林

 腾讯音乐设计中心/社区国际设计组leader

CDC夜校回顾NO.8|WeSing国际化产品设计三部曲、揭秘UI自动化测试、品牌视觉的打造,可以怎么玩腾讯CDC夜校分享现场

网的发展将全球行业经济推向全球化,越来越多的国内产品也开始走向世界,而全民K歌(wesing)的出海,目的是为了拓展海外业务,打开全球市场,但国际化并不是直接照搬国内经验,解决翻译问题这么简单,那究竟设计师在产品出海,面对到同种族,语言、文化的差异时,要如何做到国际化设计和本地化设计呢?

Colin在实际经历一次产品国际化设计之后,归纳出国际化产品设计“三部曲”,分别为「品牌国际化」、「体验国际化」、「本地化运营」三个方面。在wesing早期阶段的机会探索中,团队通过对目标用户的调研、品牌识别的竞品分析等方法,来推导品牌调性,将品牌再定义,再设计,确立品牌定位,建立品牌书,并进行图像设计的延展,制作VI应用系统、品牌视频等一系列的工作,以此加深用户对我们品牌的印象。
而在体验国际化方面,需要面对用户手机内存小、网络服务品质不稳、不同语言书写顺序导致文字排版错乱等问题,设计上就需要去做到整体的体验一致性、去考量多语言适配,如优化核心录唱流程的体验,以及去关注文法、时间日期格式、货币单位等,这些都能体现出设计的小细节点。另外重要的一点则是敏捷共创体验一致性,整体目标是统一规范sketch组件化、代码化、工具化,团队在这方面是配合使用云端icloud、设计云等工具让设计师之间能实时更新使用,并和产品同步优先级去推动组件化的节奏,最终帮助设计和开发更高效的去复用,提高工作效率。
后期则开始投入商业化运营,而更多的本地化设计也是在运营这块去体现,但往往对不同地区的认知,设计师普遍还是缺乏的,面对这个挑战,设计师首先要去尊重并了解不同文化的宗教和节日,接著将设计融入本地化特色元素,例如在本地化节日运营活动时,融合本地用户喜好的颜色和插图等元素;以及根据本地化礼物的用户调研结果而设计的直播礼物,这些都能让用户所喜爱和产生共鸣,从而创造出更多的商业化营收。
注:此课程仅做内部分享,分享视频暂不对外公开。

CDC夜校回顾NO.8|WeSing国际化产品设计三部曲、揭秘UI自动化测试、品牌视觉的打造,可以怎么玩

 《揭秘UI自动化测试》

江佳

CDC 设计研发中心 / 高级测试开发工程师


CDC夜校回顾NO.8|WeSing国际化产品设计三部曲、揭秘UI自动化测试、品牌视觉的打造,可以怎么玩

腾讯CDC夜校分享现场

UI自动化测试是在UI层执行、对逻辑层验证的手段。验证范畴包括交互逻辑和界面响应,不包括视觉呈现和像素校验。

最简单的UI自动化测试基于录制回放。测试人员装有插件的浏览器里手工测试后,由插件生成测试脚本。回归时,脚本回放成功即为回归通过。然而,录制回放只能重复测试行为,无法判断预期结果,也无法解耦数据和脚本。同时,页面元素变化、页面加载耗时波动等,都会使脚本失效。为了解决这些问题,测试人员转为直接编写和调试测试脚本,使用例获得了可用性和灵活性。但界面调整和用例量上升后,脚本的维护成本变得难以承受。同时,入门成本也拦掉了部分不懂代码的测试。

键字驱动框架试图同时解决门槛和维护的问题。测试人员只使用简化后的测试语句,由关键字框架动态翻译成真实的测试脚本。然而,关键字模式使得判断、循环以及其他的逻辑控制都变得非常困难或复杂,在版本控制上也没有优势,还带来了框架维护、关键字封装的成本和不稳定性。而原本的测试脚本驱动,则引入了PageObject设计模式,将页面元素按页面抽出、单独维护。不为降低代码能力要求而进行妥协,在保持代码灵活性的同时拥有了可维护性。但开发在Review代码的时候,依然会困惑于每个用户的具体场景,团队的其他角色也很难参与到用例评审中。

我们选择了行为驱动开发(BDD),在PO模式的基础上,使用自然语言,抽出用户场景。用户场景是通过Gherkin语法规范后的自然语言,是对用户场景的描述,可取代原本的手工用例。测试人员对场景中的步骤进行代码实现。由此,所有角色都能参与用户场景的评审和设计,开发人员也更容易对代码实现进行Review,亦完成了Everything as Code在测试领域的实践。

▼点击观看现场视频


CDC夜校回顾NO.8|WeSing国际化产品设计三部曲、揭秘UI自动化测试、品牌视觉的打造,可以怎么玩
《品牌视觉的打造,可以怎么玩?》
郭特宏&黄莎莉
CDC品牌设计中心 高级品牌设计师

CDC夜校回顾NO.8|WeSing国际化产品设计三部曲、揭秘UI自动化测试、品牌视觉的打造,可以怎么玩
腾讯CDC夜校分享现场

家听到品牌,最直接的反应就是做LOGO,但是品牌设计绝对不是单独的做LOGO。品牌包含的范畴很庞大,比如包括品牌研究、品牌战略、品牌架构、品牌营销、品牌识别、品牌体验等等。我们一贯思维中的LOGO设计只是品牌识别中的一个小点。我们本次分享的内容主要是围绕“品牌视觉的基础元素打造”进行展开。

品牌视觉的基础元素包含哪些内容呢?其实就是我们所熟知的,品牌标识、字体、色彩以及辅助形。针对这四部分,都可以怎么玩呢?用什么方法玩呢?我们整理了一些内容和大家分享。

CDC夜校回顾NO.8|WeSing国际化产品设计三部曲、揭秘UI自动化测试、品牌视觉的打造,可以怎么玩
CDC夜校回顾NO.8|WeSing国际化产品设计三部曲、揭秘UI自动化测试、品牌视觉的打造,可以怎么玩
CDC夜校回顾NO.8|WeSing国际化产品设计三部曲、揭秘UI自动化测试、品牌视觉的打造,可以怎么玩
CDC夜校回顾NO.8|WeSing国际化产品设计三部曲、揭秘UI自动化测试、品牌视觉的打造,可以怎么玩

左右滑动查看更多

对于品牌视觉元素的打造,方法有很多,但是对于品牌来说,不管是从无到有的建立,还是阶段性的重塑,核心都是希望可以通过品牌定位、策略结合视觉的表现,打造出明确的、有别于竞争对手的、符合消费者专属的品牌形象。

品牌或产品在目标用户心里占据一席之地,让品牌能在用户心里留下统一清晰的品牌烙印。

那么针对腾讯自己的品牌,在这四部分上我们分别做了些什么工作呢?1. 标识刷新:由于当时腾讯战略发生了变化,加上旧标识已有17年的历史,从未改变过,设计不能与时俱进。2017年,我们对标识进行了刷新。2. 品牌字体:我们基于新标识的设计特征,在2017年延展了一套中文斜体字库,并在2019年进行了字体升级,扩充了字数,增加了细体、繁体以及韩文的字体。3.品牌色:2018年,腾讯和PANTONE合作定制了品牌标准色腾讯蓝以及一套辅助色系统。4. 品牌辅助形:近期我们刚启动了这部分的设计工作,大家敬请期待。针对腾讯品牌的建设工作,过程中我们也一直在思考,源于日常员工们针对这几部分的视觉元素的使用情况,在未来是不是有更多的可能性,让品牌系统的应用更加具备灵活性和弹性。

CDC夜校回顾NO.8|WeSing国际化产品设计三部曲、揭秘UI自动化测试、品牌视觉的打造,可以怎么玩
CDC夜校回顾NO.8|WeSing国际化产品设计三部曲、揭秘UI自动化测试、品牌视觉的打造,可以怎么玩
CDC夜校回顾NO.8|WeSing国际化产品设计三部曲、揭秘UI自动化测试、品牌视觉的打造,可以怎么玩
CDC夜校回顾NO.8|WeSing国际化产品设计三部曲、揭秘UI自动化测试、品牌视觉的打造,可以怎么玩

左右滑动查看更多

注:此课程仅做内部分享,分享视频暂不对外公开。


  下期CDC夜校将在7月末进行,敬请期待  


CDC夜校回顾NO.8|WeSing国际化产品设计三部曲、揭秘UI自动化测试、品牌视觉的打造,可以怎么玩




快乐工作,快乐生活

Happy work , Happy life


/


Join us


CDC夜校回顾NO.8|WeSing国际化产品设计三部曲、揭秘UI自动化测试、品牌视觉的打造,可以怎么玩


本篇文章来源于微信公众号: 腾讯CDC体验设计

UI/UX

准备好了吗,AI加持的设计师来了

2020-7-2 17:00:00

UI/UX

如何运用设计思维提升品牌体验?

2020-7-3 9:30:00

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索