腾讯云设计中心

其他

你的2022年度开发者关键词,请查收>>

🎉感谢这一年的遇见与陪伴腾讯云设计中心✖️腾讯云开发者联合推出※《2022年度程序员关键词》※点击👇🏻图片看开发者2022故事抢腾讯云5款隐藏限量红包封面🧧!关注我们
2023年1月13日
其他

SaaS产品增效 | 通过腾讯会议布局优化,看如何简化用户任务

随着产品不断迭代,产品功能会逐渐丰富全面,但对于用户来说,是不是齐全的功能就等同于好的体验呢?本文将以“腾讯会议设置布局”交互优化为例,结合《设计心理学2》的相关理论,分享关于简化复杂任务的设计心得。一、为何要“简化”任务一款产品是不是功能越齐全多样就意味着越好的产品体验呢?对于专家用户来说,当然是功能越全面越能满足自己的需求,但对于新手用户来说,全面的功能未必等同最佳的体验,过多操作挤在同一任务中,可能会让用户感到不知所措,难以上手。因此设计师应尽可能帮助用户简化任务,避免用户因为界面复杂而放弃任务。专业类软件的核心用户通常是掌握某项技能的专家用户,他们在使用前,已经有预期需要先系统学习整个软件的操作,因此它们的复杂和全面是符合专家用户要求的。即便如此,近年来,Figma之类的软件也在持续打磨易用性,降低用户使用门槛。专业图形建模类软件操作界面作为一款面向普通大众、以高效协同为第一初衷的产品,腾讯会议更需要不断简化复杂操作,让大多数用户都能快速上手,流畅地主持或参与一场会议。下面我将结合腾讯会议设置布局的交互优化案例,来分享关于简化复杂任务的一点点心得。会议场景矩阵相比线下会议,线上开会不免缺乏临场感,因此在腾讯会议里,主持人常常需要通过设置布局来让成员关注重要的视频画面。在无特殊需求的普通会议中,官方提供的两种默认布局就能满足常见的会议场景:腾讯会议默认布局实际上,真实的会议场景需求多种多样。例如,企业汇报更关注发言人,而小组讨论则更侧重轻松的沟通,如何在同一个界面里满足不同的诉求成为难点。为此,腾讯会议在默认布局的基础上,推出了“自定义布局”和“会聚模式”功能,来提供更丰富的会议布局选择。丰富的布局模式因概念陌生,且需要设置成员顺序、位置以及画面比例,对于普通用户来说,这两个功能有一定的使用门槛。在该功能推出一段时间后,我们发现:用户普遍找不到设置布局的入口,在具体设置过程中也遇到较多困难,认为设置布局是“高阶”而“复杂”的功能而不愿尝试。要让用户能把布局能力真正用起来,简化布局的设置过程就显得尤为重要。布局操作路径为了探究具体是什么原因让用户觉得功能复杂,我们开展了易用性测试,得出以下几个交互层面的具体问题,包括:1)入口难找;2)操作难理解;3)流程任务多;4)效果无预期。因此简化任务流程是当下急需解决的问题。具体问题二、复杂任务的“简化”原则那么如何才能把任务变得简单呢?依照诺曼的《设计心理学2—如何管理复杂》一书中所说,系统复杂性的总量是恒定的,想要用户操作变简单,那隐藏在幕后的复杂性就要增加,在管理复杂时,可以从以下角度出发:良好的概念模型易懂的语义符号自动化、模块化的配置鼓励和系统默认组织结构学习的辅助工具如何管理复杂“概念模型”存储在用户脑中,也被叫做心理模型,它能帮助我们快速理解事物运作的背后逻辑。若我们的界面没有准确地传达出概念模型,用户就需要通过不断地摸索和猜测来尝试,最终很有可能因为不理解其含义而失去耐心。设计师应当通过浅显易懂的语义符号,帮助用户构建合适的概念模型,以帮助他们更好地理解产品功能和操作逻辑。像iphone的”开锁“提示、微信的”漂流瓶“、深泽直人的CD机,都是通过用户生活中熟悉的物理模型,让用户快速联想到熟悉的事物,从而更好地理解接下来需要与产品互动的操作。概念模型案例“自动化”选项和默认配置,则能帮助用户摆脱繁琐的选项和步骤。我们可以基于对场景和用户习惯的了解,提供常见的选择或智能配置。例如在表单设置页内提供默认的模板和样式,能够让用户更轻松地理解产品功能和效果。相比起手动添加内容,可以大大减少理解成本,帮助用户更轻松地完成设置过程。通过“自动化”简化用户操作“组织结构”是指把集中在同一个页面的任务进行结构重组,拆分成易于操作的小步骤,并保证每个模块都简单易学,容易理解。用户在进入一个铺满选项和操作的页面时,通常会不知所措,不知道从哪一部分先开始。或许本身设置的难度并不大,但复杂的设置项也会在心理上给用户带来巨大的压力,从本能上抗拒和排斥。好比完成一场马拉松可以把每5km作为一个里程碑去逐个击破,倘若我们能将原本用户觉得困难的大目标拆解成一个个简单的小目标,明确每个步骤应该做什么,并在完成每个步骤后都给予充分的鼓励和反馈,用户就会有持续去完成设置的耐心和动力。拆解关键步骤“学习的辅助工具”是指在合适的时机给予用户有效的帮助指引和提示,对于Saas类产品来说,在用户需要的时候及时提供帮助和指导,能给用户充分的安全感,缓解用户操作时的不安和紧张。关于操作的提示,我们不能只是告知用户哪里出错了,更重要的是给出原因并提供解决方案。提前引导而非指责,将能大大提升用户持续操作和探索的信心。另外需要注意的是,用户很可能第一次遇到时未必能记住所有指引的内容,因此对于复杂的操作任务,还需要提供稳定常驻的帮助入口,便于用户二次查阅。辅助学习三、产品“简化”的设计策略有了设计原则的指导,我们的设计目标也会更加清晰。在具体的方案设计层面,我们需要结合设计对象的特点,将理论指导转化成可落地的设计方案。布局设置一般由主持人在会议中统一设置,因此在场景上,具有“设置时间紧张”、“自定义程度高”、“生效范围广”、“角色复杂”等特点。结合前文梳理的设计理论原则及业务场景特点,我们将设计理论转化成了具体可落地的设计策略。设计策略具体包括以下四点:1)简化入口,及时帮助通过便捷的入口和及时的引导,让功能在合适的时机曝光,保证用户在需要时轻松地找到功能。针对“入口深”这个问题,我们将原本不稳定的入口改为常驻入口,待用户选择布局后再提示相应条件,及时引导用户在使用前先打开摄像头。同时在移动端和应用面板也都增加入口,降低用户寻找的门槛。增加入口另一方面,我们将原本需从客户端跳转到Web页面的操作,都简化至客户端内,减少用户跨端操作,避免因为过多的窗口跳转让用户感到迷惑。同时精简了高级功展示,在会议的客户端只保留核心操作,这样用户就不需要在多个页面之间来回跳转,完成设置项后,也可以在会议的客户端立即生效。缩短路径,减少跳转考虑到新手用户并不一定能理解“布局”、“轮询”等功能的作用,我们在页面顶部增加“新手指引”常驻入口,用户可以通过步骤引导图来详细了解每一步操作。对于用户比较陌生的高级功能,也在功能的启用选项旁提供GIF动图,帮助用户全面、直观地了解功能。通过新手指引快速学习2)自动配置,提供模板“系统默认”具体落地到设计方案,即可以根据用户的使用频率,自动设置常用选项,同时提供默认模板,减少用户的决策压力和理解成本。例如,用户在进入设置页时,可能不太理解“布局”、“视图”、“背景图”及“模式”等陌生的概念名词之间的区别,也不知道这些布局样式适用的场景,因此,我们通过提供默认模板和效果示意,帮助用户快速理解概念之间的区别和不同的效果。常见模板及官方背景图同时考虑到自主设置有一定操作门槛,我们把常用的样式增加到默认列表中,用户选中后就可以直接使用(左图,L布局)。对于座位设置功能,我们也提供了“自动填充”的默认选项,新手用户可直接选择自动排序,快速使用布局功能,而专家用户若有特定的排座诉求,则可以切换到“手动模式”来进行更高级的设置(右图,设置座位)。提供多种模式,满足不同诉求3)拆解任务,分解流程“简化复杂页面”非常重要的一个方面是重组页面结构,把聚合在一个页面的任务根据先后顺序拆解成不同的步骤,让用户不再迷失于平铺了多个功能的庞大页面。拆解步骤拆解成小步骤后,可以通过增加步骤条导航和引导提示,让用户更明确每个子环节的“小目标”和当前所处的进度阶段。通过导航降低用户心理门槛除了将一个页面拆解成多个步骤,还可以通过收起/隐藏侧边栏目录,让用户更聚焦在某一具体的内容,免除其他元素的干扰,这样用户能更专注于布局画面本身的编辑。4)效果预览,建立联想新手用户初次设置布局时,可能缺乏安全感,不知道应用范围是自己还是全部成员。为此,在设计客户端的设置流程时,我们提供了“场景示意图”和“效果预览区”,让用户在编辑的过程中也能快捷地联想到应用后的效果,实现所见即所得。除了官方提供的场景图模板,用户还可以根据自己的诉求在编辑器内DIY创作自己的场景图。考虑到对于新手用户来说,场景图编辑器的功能有一定使用门槛,在进入编辑器时,我们都会提示用户,可以通过调整模板场景图来快速上手,理解创作后的效果。通过效果图构建联想对于设置了座位、但未开启摄像头的成员,我们通过“铭牌”的概念模型,让用户能够联想到线下会议室里的“座位牌”,从而更好地理解这个座位已被主持人提前预留给了重要的成员。通过概念模型映射,帮助用户理解抽象概念可以看到,无论是场景效果“示意图”还是“名牌”的概念模型,都是通过真实世界里的元素,唤起用户在真实世界的心智,从而帮助用户更快地理解软件界面的功能逻辑。总结与回顾经过持续半年的方案打磨和研发落地,上文提及的改版方案已全部上线,会聚模式和自定义布局的渗透率都有了非常大的提升。通过该项目我们知道,在面对场景复杂多样的产品时,我们需要遵循一些通用的简化设计策略,综合考虑不同用户的认知门槛,尽可能降低上手难度。具体策略包括“简化功能入口”、“提供默认设置”、“拆解复杂流程”、“构建联想概念”等。为用户打造更简易的使用流程,一步步简化用户设置任务的操作,才能从根本上提升用户使用产品的效率。关注我们
2023年1月11日
其他

DNSPod十问陈迪菲:从C到B,鹅厂设计师的中场战事

陈迪菲,腾讯云设计中心总经理,公司设计通道副会长,设计技术委员会委员,腾讯学院优秀讲师,曾于2019年获得新中国成立70周年中国用户体验设计70人提名奖。2010年加入腾讯,10年设计团队项目管理经验,9年to
2022年12月14日
其他

设计圆桌|设计开源,你怎么看?

开源已成为开发领域提速增效的关键一环,但在设计领域,开源仍不常见。与此同时,多家大厂又都纷纷踏上了设计开源的道路。如果在未来开源也会成为设计领域的主要趋势之一,那对于当下来说,设计开源路要怎么走?以及如何走得更远呢……这次,腾讯设计邀请了多位行业大咖,围绕“设计开源”主题,根据各自项目的过去和未来,谈谈对设计开源的观点及预测。本文约2400字预计阅读时间:6分钟与会大咖
2022年11月26日
其他

TDW2022 腾讯设计周 精彩回顾

TDW2022腾讯设计周于11月18日完美收官!腾讯设计周(TDW)由腾讯设计通道联合腾讯学堂共同举办,活动形式主要包括设计峰会和创意市集,今年设计周的主题是:「共创互生·设计向善」,延续"DESIGN
2022年11月25日
其他

虚拟人设计探索

入场元宇宙热潮,“虚拟形象”构建能力必不可少。相比于平面或动效的设计,元宇宙项目对设计师提出了新的挑战,不仅要好看,更要好用、好玩。本文将与大家分享我们虚拟人项目的探索过程以及过程中攻克的难题,项目仍在进行,欢迎大家交流指正。项目背景入场元宇宙势不可挡2018年热门电影《头号玩家》精彩直观地呈现了一个沉浸式体验虚拟世界,去年Facebook更名为Meta投身元宇宙,百度上线“希壤”,各式各样的云宇宙概念应运而生,体验更加丰富、沉浸的虚拟世界必然是不可错过的商业机会,而虚拟形象则是元宇宙的入场券。网络截图友商大力投入在B端音视频领域,即构、相芯两家抢先入场,已具有相对成熟的解决方案。即构官网给元宇宙相关产品极大曝光,相芯更是将品牌升级为“元宇宙搭建者”,可见友商投入之大,这也给了我们很大压力。友商官网客户有需求,抓住商机音视频产品很大一部分客户在泛娱乐行业,涵盖了当下元宇宙应用的诸多场景,元宇宙相关能力与音视频已有的产品场景关联度以及客户重合度都很高,商业价值不容小觑。设计定位目标客户我们的客户覆盖社交、教育、游戏、金融等多个行业,而对虚拟形象的需求会较为集中在泛娱乐场景。通过接入虚拟形象的能力,可以在产品中构建虚拟形象,进行社交、游戏、直播及内容创作等。社交app中的虚拟角色风格定位2017年苹果秋季发布会上Animoji横空出世,是虚拟形象大规模应用的第一个里程碑,随后各大手机厂商跟进,
2022年11月7日
其他

TDW 2022 | 行业大咖揭秘!(文末报名)

本次仅对内部员工开放,如有深度粉丝特别想参与,可以给小编留言,感谢大家的关注。关注我们
2022年8月29日
其他

企业级产品设计 | 视觉策略如何助力金融行业业务价值落地

B端产品的体验升级应该怎么梳理设计思路、制定设计策略并最终执行?笔者结合一款金融行业产品的体验优化,分享了他如何让视觉助力业务价值落地的设计思路。项目背景互联网行业的发展重点已经从消费互联网逐步转向产业互联网。对金融机构来说,数字化转型也成为企业面向未来发展、改善客户服务、提升商业利益的必要手段。面对数字化时代所需要的高效响应、敏捷调整等业务需求,腾讯金融云从“业务与技术融合”的角度出发为金融行业打造了移动金融开发平台这一产品。腾讯移动金融开发平台(TMF)是一款整合了腾讯在移动产品中开发、测试、发布和运营的技术能力,为银行、互联网金融、保险以及证券客户提供一站式、
2022年8月25日
其他

参与 TDesign 收获了什么?听听社区贡献者怎么说

变得更加的多元和全面。同时也可以更好地反哺业务,随着越来越多的共建者的参与,活跃的开源社区建设,整体的设计体系维护成本也会极大降低,我们相信通过这样的方式也会有更多的设计师、开发者受益于
2022年8月20日
其他

企业级产品设计 | 用推理为设计加持

谨防数据的谬误有一个谬误值得大家关注,就是数据谬误,我在工作中也经常会犯这样的错误,当你希望通过数据来佐证设计是否合理时,就可能被数据绕进去,总结起来有以下几种:批判性思维-数据的谬误2.3.1
2022年6月2日
其他

品牌设计背后 | 2021TDW腾讯设计周

2021TDW腾讯设计周已于去年12月底圆满落幕,与往年不同的是,2021年我们尝试了用【4D】的设计方式去诠释“高效设计,轻松协同”这一全新主题。活动背景腾讯设计周(TDW)由腾讯设计通道联合腾讯学堂共同举办,活动形式主要由设计峰会和创意市集组成,基于"DESIGN
2022年4月28日
其他

官网平台类产品的设计挖掘

intelligent-探索:科技类的官网会有一些喜欢探索的用户(github),我们将这个属性添加在图形设计概念当中,在部分的场景添加可交互3D场景或者模型让用户对业务和信息有更深的了解。
2021年12月3日
自由知乎 自由微博
其他

腾讯云官网改版「图形重塑和实时渲染探索」

随着技术发展,设计打破了原本界限,从静止到可交互,从二维到三维到动态体验,设计、技术、硬件到了一个全新的时代。腾讯云作为云领域的领先者,产品生态越来越多元丰富,多品类的复杂环境展现在我们面前,我们重新审视自己,站在用户,产品,客户的视角,来平衡“品牌诉求"和“业务诉求”。腾讯云官网作为用户接触腾讯云的第一阵地,官网的气质和第一印象对用户至关重要,这次的图形重塑和技术探索也是对腾讯云的深入的改头换面,我们也把这次看得见的设计和看不见的思考呈现给大家。改版结果为什么改版之前的官网图形因为生产工具和生产方式的趋同,之前的设计形式不断模仿,导致之前建立设计壁垒被打破,深色版本的审美疲劳。品牌设计语言的稀释,在官网的各个场景之中使用的设计语言各自不同,大众对此并没有很清晰的记忆。新的图形设计语言什么样的图形语言既可以表达一个科技公司科技之美,打破科技与普通人之间的认知隔阂,又可以体现到技术的魅力。基于这些因素我们为新的图形设计语言设定了三个基本的目标:Air-科技,Intelligent-探索,Depth-空间。Air-科技云作为互联和底层基础设施,我们将Air科技作为图形语言的一部分,也意味和用户的息息相关,通过轻盈、干净、微质感图形和
2021年11月16日
其他

「 泛政务设计 」可视化色彩体系的配色方法探索

图表是中后台产品最常见的界面信息元素之一,能够直观地展示数据、支撑观点。因大脑对视觉信息的处理优于对文本的处理,所以把数据进行可视化,可以更容易的解释数据模式、趋势、统计规律和数据相关性,也让视觉上也更丰富、美观。图表的色板是传达信息、美感和情感的重要元素之一。配色不仅要清晰、准确传达信息,给予用户基本的美感,同时需要在多种颜色中,兼顾品牌感,使图表配色不脱离整体的品牌气质。那是否有什么方法来指导辅助色的建立呢?本文总结了政务类产品在可视化图表配色上的一些探索思路和实践方法。设计背景与目标1.
2021年6月18日
其他

设计向善,美美与共-手机银行适老化设计探索

(http://www.socialsciences.manchester.ac.uk/medialibrary/brochures/Age-Friendly-Booklet.pdf,
2021年4月23日
其他

「企业级产品设计」稳定高复用的企业产品信息架构设计

在企业产品设计过程中,遇到问题想要寻求解决方法时,往往发现针对用户产品的设计方法,放到企业产品中并不一定适用;或者面对繁杂的业务冲击和扑面而来的工作量时,突然乱了阵脚无暇思考,不知道设计该如何入手。今天,将依托于腾讯云设计中心行业项目案例,为大家详细解构一种适用于企业产品信息架构的设计方法。用户产品和企业产品各自的产品特性,决定了两种产品从设计目标开始就有所差异。用户产品的重点服务对象是用户,主要通过满足用户需求、提供良好用户体验来吸引用户。所以在用户产品设计中我们常常听到“以用户为中心的设计”这一说法。而企业产品更偏重商业特性,它有更多相关利益群体,其中企业决策者和使用者是最主要的两类。首先要解决的是决策者需求,企业决策者更看重产品能给企业带来的价值,所以产品体验要优先满足客户的愿景目标,再兼顾使用者体验,同时还要考虑作为产品提供者长远的商业目标。两种产品不同的思考维度和侧重点对比设计目标是起步阶段,清楚两种产品的设计侧重点非常重要。很多初期接触企业产品的设计师,在方案设计时直接套用用户产品的设计方法,界面设计上求新求异,最终输出的产品客户不认可、抓不到客户重点。企业产品设计不能一味追求创新,本来就包含复杂的业务逻辑、界面量多,用户在使用的时候用完即走,界面设计最好能够站在业务高度提炼共性规律,从而降低学习成本。千变万化的界面体验对用户认知-理解-记忆成本都会变高。从相关利益角色出发,企业产品体验设计目标可以归纳为“商业、有效、易用、品牌”。从这4个维度看,与其它产品没什么不同,但是每个维度应该做什么以及如何做,都与用户产品有所差别。产品的商业化过程,就是一个客户到多个客户不断拓展的过程。产品信息架构设计既要满足单个客户定制化需求,又要能够包容多个客户多样性的定制需求。客户在购买产品时通常会根据自己的需要对产品功能进行自由组合。当客户自由组合增删功能时,界面信息架构需稳定,以尽量少的改动量匹配每个客户的需求。因此设计师需要总结行业市场客户的业务规律,保证产品交付到每一位客户时,架构都能稳定、可复用,同时保证产品标准化输出,以满足商业化过程中市场的需求。产品体验有效,是指以客户业务逻辑为依据设计系统界面流程,功能表达符合客户的业务需求,保证客户线上业务能够顺畅跑通,符合各业务角色使用者业务操作诉求,从而促进企业部门、企业用户之间业务协同,最终实现企业引进产品的绩效目标、促进生产、提升产能、缩减成本等等。设计师需要对产品相关的所有业务流程有全局性的了解,提炼各业务界面操作流程之间的共通性,使复杂的产品及服务系统有统一的操作方式。界面布局、信息结构在不同的场景下有一致的表达。使用者面对遵循统一规律的信息系统能够极大地降低理解门槛和学习成本。产品信息架构包容性强、复用率高也能够极大的降低研发成本。品牌分为两部分。第一,把客户的VI融入在产品视觉设计中,并根据业务需要进行延展;第二,客户服务理念通过调整相关功能在信息架构中的组织和优先级来传达。了解了每个目标应该做什么后,如何落地到项目中呢?实现这些设计目标当然要借力一些方法。企业产品一般都是复杂庞大的信息系统,涉及多个业务流程。“系统性思维”一般用于处理庞大繁杂的信息系统,因此我们可以尝试把“系统性思维”运用到企业产品的信息架构设计中,助力设计目标的落地。"系统性思维"在不同的领域有不同的解释,也有很多介绍系统思维方法的书籍,有兴趣可以自己搜集学习一下。它的核心是强调思考和处理问题的时候,必须从整体出发,着眼于全局,思考整体、整体与部分、部分与部分之间的关联。通俗来讲就是在对系统有整体了解的基础上,看到一要想到二,看到二想到三,关联性思考过程......其思考顺序是:从整体出发,先综合,后分析,最后复归到更高阶段上的新的综合。以上概念如果太抽象,没关系,我们代入到企业产品设计中来理解。从企业产品设计角度来诠释就是根据业务逻辑,找到复杂信息系统之间的内在关联,使信息系统变得更加有规律、更加容易理解。分为三个步骤:全局思考:概览业务草拟产品框架分析关联:分析界面表达共性与差异提炼整合:大框架统一包容局部差异结合系统性思维三步骤,再从信息架构的四个维度“导航、流程、界面、模块”切入;运用“系统性思维”搭建企业产品信息架构思考图这里以腾讯云行业项目
2021年4月1日
其他

腾讯云官网-解决方案视觉升级项目总结

随着腾讯云业务的飞速发展,云产品数量的迅速递增,解决方案的数量也从之前的个位数增长到近3位数的数量,并且还在增加,我们的受众又是一个知识背景高度复杂的用户群体,需要我们在所有页面展示中统筹平衡不同信息的展示权重。用户需要从中了解这款方案能给自己怎样的帮助,能否解决自己的问题,因此,在2019年年底,我们对现网解决方案进行了升级,如何去优雅的展示页面成了我们需要去关注的设计问题。项目背景与思考:目前官网解决方案共有9个大类,96个方案,随着近两年数量的不断增加,导致线上页面风格比较杂乱,信息展示不合理,阅读体验差,以及自定义模板较多,配置页面成问题等。以至于用户浏览页面时,找不到内容重点。因此,本次升级,我们需要从以下3个方面去思考:如何从用户、业务FT
2020年12月2日
其他

如何正确使用图表颜色

前言后台产品常常使用图表为用户直观呈现用户访问、机器性能等数据,辅助用户对数据进行分析,判断业务运行状况。在图表中必然少不了通过颜色来更加直观、有效地传递信息。但图表实际应用中,却存在颜色任意或者无意义地使用,造成噪音干扰。那么,在图表中添加颜色时,如何正确地运用颜色来传递信息,帮助用户更好理解数据?本文将从以下几点进行陈述:颜色传递特定信息信息可视化原理图表颜色应用图表颜色使用建议总结颜色传递特定信息在了解图表颜色该如何正确使用之前,先思考一个问题:在看图表中的颜色时,我们究竟能从中获取什么信息?举个例子,如下图中1990年和2015年人均预期寿命和
2020年10月25日
其他

【To B管理端】Dashboard 设计思考(上篇)

前言在企业类应用服务(SaaS)、检测工具(手机安全助手)、量化自我工具(智能手环)等后台管理系统中,使用Dashboard可以帮助用户监控和分析数据,快速获取重要信息。但如果对Dashboard设计缺乏认知,就很可能会造成Dashboard呈现的信息杂乱,充斥着无关紧要的指标、文本信息及各种半成品的图表等,让用户抓不到重点。那么,设计师该如何设计内容精确、体验友好的Dashboard以满足用户需求?文章将从以下方面思考:Dashboard是什么?主要场景是什么?能为用户带来什么价值?目标用户分析选定Dashboard内容Dashboard内容结构功能特性信息设计Dashboard是什么?在了解Dashboard之前,可以先了解下汽车仪表盘和报表。Dashboard的中文翻译是“仪表盘”,与汽车的仪表盘相同——一种反映车辆各系统工作状况的装置,有车速里程表、转速表、燃油表等。同时,还会有各式各样的指示灯或警报灯,例如冷却液液面警报灯、燃油量指示灯、充电指示灯等。司机可以很方便地从汽车仪表盘中获得汽车整体状况。而对于报表,简单的说就是用表格、图表等格式来显示汇总数据。同时,因为常用于定期汇报场景(如每月账本汇总),报表也要考虑纸质打印的限制。图1
2020年10月20日
其他

「企业级产品设计」金融行业中的敏捷设计路径的项目实践

在时间资源极度紧缺的情况下,既要把握好行业风格的调性,同时还需要按时将设计交付给客户,不能像常规的设计流程般按步就班的落地方案,需要运用敏捷设计路径的设计思路,助力业务侧完成商业目标。项目背景本文为行业中敏捷设计路径的项目实践【金穗】。金穗是金融FT为福建省农信社打造一款提供动态、村务、服务等几大模块资源的数字化综合服务平台的小程序。通过以农业金融等方式助力农村振兴。需要在5个工作日内,完成70+的页面输出,在时间紧、人力资源有限、对复杂的行业背景知识基本为空白的情况下,于是我们对金穗项目采用了敏捷设计路径。规划在敏捷设计路径项目中,最为宝贵的资源就是时间,需要对整体项目进行节奏规划,切勿匆忙进行设计输出。在金穗项目中,设计人力为
2020年10月8日
其他

「企业级产品设计」教育行业—品牌设计提升0.1

导读:如何从视觉层面快速定位产品,让品牌的视觉语言渗透到产品的体验中,提高视觉语言的有效性,增加用户使用效率。项目背景及目标教育信息化2.0时代,教育相关政府/学校以更开放的姿态对待社会各类业态的进入,共建共享优质教育资源,提升教育公平与教育质量,教育信息化从“硬件资源建设”正式转向“以数字化产品服务”为核心的智慧教育2.0时代。教育资源建设作为最核心的任务,市场上也涌入大量的产品提供资源服务,为校内市场助力的同时,伴随着机遇和挑战。腾讯智启资源平台产品,是基于腾讯底层技术能力,腾讯智启打造智能化教育资源服务系统,一套系统满足老师轻松教,学生高效学的目的。所以智启平台希望做成教育的代表项目,从而打开市场,展现腾讯教育的能力,并接受各种相关客户的定制要求。从1.0到1.1的品牌视觉刚拿到智启的项目,这并不是一个从“0”到“1”的一个产品,它已经有了现有的基础框架和完整可用的界面、功能的产品。其次品牌组也重新设计了智启的全新的logo。我的视觉设计工作更像是怎样从“1.0”提升到“1.1”的过程。我觉得这个“0.1”应该就是我设计的空间,想必应该是个有趣的空间。找定位我们的目标用户K-12的老师与学生,By
2020年10月2日
其他

「企业级产品设计」金字塔原则在设计提案中的使用

前言行业项目设计提案的难点设计提案是设计稿思维和过程的呈现。在行业的项目中,我们常常通过设计提案,在签单前助力项目达成,或者在签单后说服客户接受设计稿。然而,根据笔者和同组伙伴的经验,输出行业项目设计提案并不容易。它的难点包括:如何应对这些难点?采用结构化思维组织提案,可以有效的提高输出效率、稳定输出质量。那么何种结构化思维能应用在设计提案场景中呢?金字塔原则是一种层次性、结构化的思考和沟通技巧,旨在帮助使用者高效的编写简明扼要的报告。这种技巧由芭芭拉·明托提出,经过多年的发展传播,常出现在各大企业的内部培训中。本文将通过行业项目的实际案例,为大家介绍金字塔原则在设计提案中的使用方法和技巧。金字塔原则简述金字塔原则是什么?芭芭拉·明托的金字塔原则是一种层次性、结构化的思考和沟通技巧,可以用于结构化的写作和表达。金字塔原则要求表述者(写作者)在写作之前先确定表达的核心内容,再进行思考过程的分析整理。在设计提案中运用金字塔原则,我们要做的事情是,将提案内容搭建成「金字塔模型」。金字塔模型是什么?让我们通过一个小故事来认识什么是金字塔模型。假设我们参加了公司的自助团,前往埃及参观金字塔。整个旅程可以概括为:1.我们踏上了一条道路;2.在前往金字塔的路上,先看到了金字塔的塔尖;3.走近一点,看到了金字塔的结构;4.来到塔前,最终看清了金字塔的砖块。道路、塔尖、结构、砖块就是金字塔模型的核心要素。如何搭建金字塔模型?由上自下,搭建金字塔模型的步骤如下:金字塔原则使用案例下面,我们以最近跟进的深圳地铁项目提案为例,说明在设计提案中如何搭建金字塔模型。深圳地铁项目是腾讯云与深圳地铁集团合作打造的地铁出行服务产品。按照计划,产品形态包括微信小程序、移动端App、控制台等。设计侧从签单前就参与到了项目中,设计方案和产品提案,2次前往客户集团处对客户侧的不同层级干系人进行了汇报,受到了客户的肯定:第1步:确定塔尖
2020年9月28日
其他

「企业级产品设计」怎样跟客户讲故事——浅谈设计提案技巧

自接触企业级产品设计以来,设计提案便成为了重要的客户接触点,无论是以Presentation的方式与客户当面陈述提案,还是以邮件等线上形式呈现提案。设计提案的核心目的只有一个,便是说服客户,让他们接受我们的方案。随着科技的发展和企业的日益成熟,当今企业中的每个商业决策的时间比以往更长,每一次达成决策所涉及到的人数也比以往更多。设计提案,作为我们与客户的关键接触点,我们的终极目标是希望将我们的服务、价值、主张,到位地传达给客户,籍此来让客户做出对更有利于我们的决策。制作设计提案的过程,就像是在进行一次叙事性的写作,你将设计思路、设计方案、设计目标等等都扔入一个思维漏斗,让它集中起来,成为一束拥有清晰的中心、意图、与节奏的最终文档,以此来获取客户的认可。本文根据本人及组内小伙伴的实际经验出发,来总结出了一系列的设计提案技巧,希望能给同样需要进行设计提案的同学一些启发,让你们的提案更有说服力。了解你的客户:不同类型客户,对提案的关注点不同企业级项目会接触各种各样不同类型的客户,就我们组内而言,金融、文旅、工业、建筑、教育、政务等等均有涉及,每个客户的需求与偏好大相径庭,但仔细推敲仍然能有一些基本的规律可依,在这里我们可以做一个简单的聚类。图源:《Presenting
2020年9月24日
其他

「企业级产品设计」企业产品体验设计路径

产业互联网格局下,企业产品成为主要项目形式。上一站消费互联网积累了很多To
2020年9月11日
其他

如何使叙事型落地页传达清晰有效

叙事化是描述一件事物的语言结构逻辑的行为,信息结构是一个网站所有数据元的内容逻辑。本文适合常规的说服性落地页设计的交互设计入门以及内容策划的信息组织入门。希望可以提高设计师与策划产品同事的信息对齐效率与输出效率,共同倾力于为目标用户提供最为清晰有效的信息输出。回顾在我面向B端落地页的交互设计,我通常会经历与业务方对页面信息框架的方向性讨论,以及页面信息模块的细节沟通等业务场景。如何高效并有效地在解决产品增长诉求的基础上,更好为我们的用户提供清晰有效的产品服务信息传达以及恰当的阅读体验呢?我希望本文可以提供另一种思路的可能性。文末会结合一些实际项目中实践,作为一次互相交流探讨的结束。文笔简陋,欢迎指正交流。浅谈叙事化、信息架构我们大脑一般是如何理解信息与传递信息的呢?比如,我们路过一个房地产线下售卖活动中,你看到售卖广告后,并转身向你的朋友转译这一个活动内容,你会如何描述它?我们会通过大脑里的模糊印象,并按一定的语言顺序描述出来。“它在什么地区地段、它价格多少、它周边有什么设施、总体我感觉它作为新屋子很理想、它怎么买、通过谁帮忙”都是在转译一个主体描述,属性辅助描述,个人感官感受以及后续行动的思维运作过程。用户的基本认知机制、转述信息行为模式也决定了信息接收与传递具有一定可摸索的规律性。
2020年9月10日