• 设计师如何做好体验量化?收下大厂的QMD评测机制(指标篇)

    UI交互 2023-01-30
    秉承 58 同城“用户第一”的核心价值观,设计团队建立以基础体验指标为评估标准、发掘体验问题的评估机制,并借助内外部业务专家视角,对 58 同城各产品的重点场景进行评估,优化业务场景,从而提升各业务线的体验,而这一套评测机制就是 QMD。QMD 始于 2020 年第三季度,历时 4 个季度,支持了 10+业务线的...

    秉承 58 同城“用户第一”的核心价值观,设计团队建立以基础体验指标为评估标准、发掘体验问题的评估机制,并借助内外部业务专家视角,对 58 同城各产品的重点场景进行评估,优化业务场景,从而提升各业务线的体验,而这一套评测机制就是 QMD。

    QMD 始于 2020 年第三季度,历时 4 个季度,支持了 10+业务线的体验优化。但随着业务的高速发展,原有机制已经无法满足业务现阶段发展的要求。为了更好地支持业务的变化,在 2022 年上半年,58UXD 体验管理 QMD 项目组发起了体验评估机制的迭代与实践。

    我们将通过干货满满的三篇连载文章,分别从「指标模型」「评估机制」「组织实践」来全方位的分享体验评估机制的升级经验,欢迎大家的持续关注和探讨。本篇为大家介绍:我们如何为不同业务设计贴合业务目标的、灵活易落地的体验评估的指标。

    其他 量化模型 :

    如何清晰量化设计价值?试试这个超实用的GSSM模型! 编者按:本文通过实战案例,帮你掌握一个能量化设计价值的GSSM模型。

    阅读文章 >

    一、QMD 是什么 作为产品的业务方、设计师时常会陷入 体验量化 的困境:“不清楚产品在行业内的体验水平”、“无法量化设计师贡献的价值”。

    于是,团队在 2 年前首次推出了 QMD1.0 体验评估机制。一方面能帮助团队从全局的视角去观察用户和洞察业务,让产品持续地提升体验,另一方面在组织内部带来了提升设计品质的驱动机制和文化。

    QMD 的全称为:Quality Measure Driven。从其命名可以看出,这套机制分为三大部分:

    质量目标(Quality):是让设计师从体验设计的品质目标入手,将本品、竞品作为评估对象,这样以来能够定位本品、竞品之间的「差异」; 度量指标(Measure):以基础体验指标为评估标准的度量体验,并借助内外部业务专家、设计专家的视角,对 58 同城各产品的重点场景进行评估设计的「品质」; 驱动机制(Driven):通过驱动机制,解决自身问题,驱动追齐竞品,帮助设计师了解如何「提升」评估结果。

    自 QMD 推出以来,帮助各个业务线提升体验水平、赶超竞品,持续为核心业务线带来体验价值。

    二、评估机制的问题 为了更好地赋能业务,我们定期对业务方、设计师等不同角色的进行深度的访谈,得到了大量的反馈:产品会不重视输出的问题、体验问题优先级低、遇到分数的波动难解释、评估专家个体存在差异、结论的责任边界模糊...等等一系列问题。为此,我们发起了 QMD3.0 迭代项目。

    通过对收集的问题进行归类,我们可以概括为两类:问题难推动落地、评估结论信服度低。于是先试着从现有的测评体系查找分析“难落地”原因,而“信服度低”将通过第二篇文章详细阐述。

    旧版 QMD 为我们从“界面”“操作”“一致性”三个维度带来了 10 个评估指标,但其制定的核心依据是“体验设计”。

    回顾旧版 QMD 所推动的内容,其出发点还是以“用户体验”为中心。基于这个出发点,收集了大量的用户体验类的问题,然而缺乏对业务价值的考量,这些问题找不到带给业务的价值。另外在评估方式上我们选择采用设计专家的启发式评估,让专家代入用户真实使用体验,在测评范畴上也未对业务价值的高低进行筛选。这就不难看出,我们之前难落地的根本原因:现有指标体系不契合业务价值。

    所以,对于新版评估体系的指标的预期,首当其冲地要将「业务价值」纳入进来,以「用户体验」和「业务价值」交叉重合的部分作为评估的出发点。

    与之对应的,我们评估的范围,也需要调整为仅测量 “高价值”部分,这样以来,指标覆盖的范畴就能实现从“大而全”到“精细化”的转变。

    至此,我们也确定了评估指标的设计方向——高度契合业务的价值。

    三、指标模型的迭代

    要想设计契合业务价值的指标体系,第一步是找到现有指标模型和业务价值的偏差在哪里?我们通过对业务价值的拆解分析得到三大偏差点。针对偏差点逐一提出指标升级的方向:契合业务目标、契合体验诉求、契合优先级 。

    1. 契合业务目标

    体验评估指标的制定,行之有效的方法就是利用 GSM 模型,通过对业务目标的拆解,来推导出能解释目标的关键指标。

    回到设计师日常的设计思路,其实就是从业务的核心目标出发拆解,得到各个场景要达成什么样的设计目标,再拆分用户体验层面的目标有哪些。

    新版 QMD 也是如此,通过对核心业务目标拆解,各个场景的用户体验设计目标就是评估指标,换句话说:平时我们怎么设计的,QMD 就怎么去拆解评估。

    2. 评估指标契合

    另一方面,随着业务的不断发展,58 同城覆盖的业务类型也千差万别:创新型、平台型、业务型等多种业务方向类型。而不同业务又处于引入期、发展期、成熟期、衰退期等不同的产品生命周期。

    为了得到灵活、能够契合不同业务的指标体系,我们针对指标构成和指标描述也做了调整。

    首先是指标构成,以往 QMD 针对所有的业务采用固定的指标构成。可想而之,很难满足各类业务差异化诉求。而新版的指标构成在原固定指标的基础上,以自选基础指标和自定义指标的组合方式,更加灵活地适配不同的业务。

    如图,58 同城某高速发展中的业务,其对于体验的诉求存在差异,剔除了“美观度”“品牌”“共鸣”等指标,但是结合产品特性,增加了“真实性”(即,能感知平台所提供的职位信息及内容真实·可信·有保障)的自定义指标。

    其次是指标描述,同一基础指标,我们也会和业务设计师、产品经理,共同定义指标的描述。不同业务在可控的范围内可以进行不同的描述调整。

    如图,同样的“共鸣”指标,在 A 业务增加了:价值感相关的个性化描述,在 B 业务增加了:保障感、时效感相关的个性化描述。使指标释义贴近我们业务的具体情况。

    3. 评估优先级契合

    第三,为了满足业务不同场景的重要程度,我们为这套模型引入了指标权重的概念。

    首先根据对业务总指标的影响大小给业务场景赋予权重,然后再通过场景中各指标的重要程度来赋予权重,通过调整场景&指标的权重,就能得到适配各类型业务的灵活指标。

    4. 验证指标设计合理性

    反思过去的评估机制,通过「制定指标-实施评估-输出结论」,虽然也能够对产品进行评估,但是缺少了对于指标设计合理性的关注。

    为此在指标模型的设计中,我们也增加了防错的机制,通过观测优化效果,形成「确定指标-实施评估-观测效果-验证指标」的完整闭环,在实践的过程中反复调整,确保了指标设计的合理性。

    小结 最后总结一下指标的设计过程:

    首先发现&分析问题,找到“难推动落地”的根本原因——指标设计不契合业务诉求。 针对核心根本问题。我们从“评估目标”、“评估指标”、“指标优先级”三大方面入手,设计出契合业务目标的指标体系。 最后还增加了指标设计的验证机制,来确保指标模型的合理性。 至此,QMD3.0,关于指标模型的升级就告一段落。我们发现在构建指标模型的过程中,“没有最好,只有最适合”,所以一切的出发点就是以契合业务目标的前提下,找到最适合业务的指标,以持续稳定地评估产品体验,进而帮助业务的落地问题。而体验评估机制不仅是切实帮助业务提升体验的工具,更是我们设计团队立足体验管理的重要构成。未来我们也将继续秉承“用户第一”的价值观,持续为用户带来更好的产品使用体验。

    预告一下

    如果说建立科学、易落地的指标模型是 QMD 评估机制的根本,那么可靠、高效的评估机制则是推动 QMD 落地实践的重要前提。接下来王楠将带来《设计师必备体验评估设计指南(机制篇)》,为大家深度讲解如何建立人人可信赖的评估机制。

    欢迎关注「58UXD」的微信公众号:

  • 设计实战!起点读书书架体验升级完整复盘

    UI交互 2023-01-30
    起点读书的用户数在今年迎来了 5 年来最大的增长。随着网文行业成熟,用户构成与行为模式也在迭代,下半年我们对起点的书架页进行了一次改版,探寻适合新阶段的最优解。—— Yanni、FANYI关于书架从现实中厚重典雅的书架、早年 app 常见的木质拟物 UI 书架,到今天起点 app 的书架,书架始终是读者保存与组织...

    起点读书 的用户数在今年迎来了 5 年来最大的增长。随着网文行业成熟,用户构成与行为模式也在迭代,下半年我们对起点的书架页进行了一次改版,探寻适合新阶段的最优解。—— Yanni、FANYI

    关于书架

    从现实中厚重典雅的书架、早年 app 常见的木质拟物 UI 书架,到今天起点 app 的书架,书架始终是读者保存与组织书籍的地方。

    但不同的是,网文的书架,注意力在不断更新的文本和推荐的内容,书架更像一个订阅源的集合。起点书架提供了列表和图墙两种陈列模式,单行列表模式被 90%用户使用,因为列表模式展示了更丰富的作品更新信息。

    往期案例:

    用起点读书的实战案例,教你从AE制作到落地开发的方案 导语 动画可以辅助视觉制作焦点,引导注意力的方向,越来越为广大视觉设计师青睐。

    阅读文章 >

    一、背景 随着行业成熟,书架功能累积带来可用性的挑战。尤其是今年,起点用户量大幅增长,用户内部开始有细分的需求,我们也时常听到不同的声音。

    起点承担了培育精品内容的职责,平台上追更用户更多。在书架这个重要路径,互动和召回能力有精细打磨的空间。

    2016 年(左)~2022 年的起点读书书架

    二、挑战 新的起点 — 探寻新的最优解

    用户与业务的的诉求交缝,我们迎来了一次产研协同的改版机会。

    作为体验设计师,我们希望提高核心功能的满意度,让不同用户获得简洁高效的使用体验;同时,作为网文行业的 设计师 ,我们也希望设计用户合理路径,重构有助内容业务健康发展的功能形态。

    三、洞察 用户直觉认知的书架,是一个非常 简洁 的页面,这也是我们收到的持续的诉求和期待,然而事实并非如此。

    1. 来自书友的洞察 起点的用户研究员和设计师合作,访谈了书架深度用户,其中包括部分担任作品运营官的专业网文用户。

    同时我们测试了现有的起点 app 和改进方案初稿,希望了解他们遇到的挑战和见解。

    我的地盘被挤占

    书架是起点流量最集中的页面,除了书籍列表,还有关联留存和福利的签到、阅读时长,以及承担孵化作品职能的导读。这些功能争夺注意力,并让用户感到属于自己的空间被挤占。

    自动使人焦虑

    网文作品生命周期的变化,如更新、下架使作品在列表中的排序变动,让用户感到不稳定和焦虑。

    不同场景,对书架功能的期待动态变化

    同一页面承载多个用户场景:

    日常追更时-书架是「床头柜」,用户只关注自己在看的两三本书,功能越简单越好;

    书荒时-书架变成自己维护的一个「书城」,找书的地方,希望一秒钟把养肥的书翻出来,依赖排序、筛选等功能,工具属性变强。

    用户分群,形成不同需求

    部分用户习惯保持书架只有少量书,而有些则会添加上千本。普通用户会出于对作品的支持成为作品运营官。分群用户养成了不同的书架使用习惯。

    网文阅读时间长、平台经验越久的用户,对书架要求越高。

    这看起来像少部分专业用户的烦恼,但对于起点来说,核心用户正是阅读沉浸度高,书龄近 5 年的资深网文读者。设计无法消除复杂性,而是将复杂性放在合适的位置。

    2. 深入现状

    3421 份 用户问卷展现了更详细的用户特征和行为差异:

    书架不同作品数用户的常用功能与难用功能

    书籍量 与高付费、高活跃、网文阅读历史久正相关,是 资深网文用户 的一个特征; 书架常用功能 TOP3 签到、推荐票、书详情 ,其中 两个是单书功能卡的快捷操作; 书籍量超过 500 本的用户对管理需求显著更高,对已有功能批量管理、排序、筛选的不满程度远超其他用户; 书架作品数多的用户常用互动功能,也更易书荒,导读使用率和接受度都更高。 除了阅读书籍,书架还是支持运营作品的重要节点。

    这个发现让我们感到兴奋,它也揭示了重塑更优路径的机会。

    四、设计方案 1. 重新定义信息布局

    ① 弱化导读侵占感

    新版本每日导读和书列表分区更明确,书列表展示区域更大,满足用户对于「我的地盘」拥有感的期待。

    ② 围绕行为组织功能

    排序、管理、筛选等功能聚合为管理操作栏,方便快速找书。

    低管理需求的用户也可以选择自主关闭,保持书架简洁;

    ③ 隐藏高级功能

    筛选是典型的深度用户需求。新版在原来的筛选功能基础上做了分级。

    点击筛选,快捷操作栏展示高频条件;再次点击更多才会展开更专业的多维筛选。

    ④ 符合直觉的排序

    为什么加的书会乱窜?—— 访谈原声

    用户在日常追更和主动使用排序功能找书时,对排序功能持不同的预期。我们明确两种场景,重构了排序规则。

    追更场景:日常使用、刷新、自动同步——混合排序;

    例如,用户使用更新时间排序,数据刷新时更新的书往自动往前排;同时假如用户刚阅读过一本书,其也会自动往前排。

    主动找书场景:手动切换排序——仅使用排序维度重排。

    2. 提供高效工具

    一个分组里 795 本书,书太多了管理一次好几个小时。—— 访谈原声

    起点超过 3 万起点用户书架里有 2000 本以上的书。我们希望书架不止可以愉悦追订,也可以完成高效的管理。

    管理功能在书架上占据更重要的位置,批量管理应当拥有更好的操作体验。用户对于管理的诉求各不相同,但他们普遍会保持一套自己分组的逻辑,譬如按身份、按粉丝值、按养肥、按状态等。

    ① 支持组别间快速切换

    旧版本的书架在进行分组管理时,需要频繁进入分组再退出分组,反复查看作品所处位置,这一点极大增加了用户管理分组的成本。

    新版本增加了分组快速切换的能力。用户在进行批量管理时无需多次重复操作,滑动浏览过程中会收起分组更专注选择。

    ② 全部作品——支持跨组别管理

    考虑到用户可能存在多个组作品同时处理的情况,我们增加了全部作品列表,用户可以无视当前分组状况对指定作品进行操作;同时考虑到用户作品数量可能较多,可选择临时勾选按书名排序,实现快速查阅。

    ③ 快速多选

    操作细节上,增加手势滑动快速多选及快速全选分组,提高操作效率。

    3. 加强人与书的连接

    追订模式由起点首创,天然更容易形成读者对特定作者的黏附,开启了网文产业化运作。出于对后续情节稳定获取的需求,读者又形成了「养书」的模式,先把新书加入书架,稳定更新到一定字数再去「宰书」。

    用户对追更提醒有诉求,单每章提醒略显频繁,积攒的字数太多又会使用户觉得难以追平,感到压力。

    ① 完善追更能力

    阅读路径上,增加轻量的追更功能触达。每天第一次阅读书籍返回书架时,在书籍上方提供快捷开启提示 作品更新过程,完善对更新章数、字数 按节点 提醒的能力 「养肥」作品提醒。开启更新提醒后,如作品未读内容超过设定节点,展示「已养肥」标签,便于在合适的时机跟上更新进度。

    ② 互动

    「月票机制」建立了读者和作者的强互动关系。同时围绕一本作品建立的书友值和书友圈,进一步加强了起点内部的情感凝结。这些互动让正版阅读生态活跃而有生命力。

    单书功能卡是书架的一个特色功能,除了承载管理操作,也是跳转书友圈、投票打赏的快捷入口。新版本对单书功能卡的互动、管理、票赏功能做了更明确的分区,同时高频票赏功能保留在底部符合习惯的位置。

    4. 重新审视行业范式

    对于书架中的「分组」,4 本书封宫格排列是一种行业范式。

    用户反馈「很难从列表里一眼识别出分组,有两个原因。一是起点资深用户囤书数量大;二是网封风格特点:起点书封系统覆盖了 70%的新书,相比单本定制的出版书封,网封的色块、疏密的对比更弱。

    4 本宫格形式有它的优点,露出书封多,少于 4 本时有数量的隐喻,但显然这些在图版率较大的图墙模式体现更明显一些。缩小书封比例、增大了图与留白空间的对比可以改善识别,列表模式下书封尺寸小,效果也比较有限,这个区域更像书和组的「logo」。我们引入了文件夹的形式,通过 颜色辅助 识别,配合组内置顶功能,可以曲线 自定义 分组的封面。

    5. 每一本好书,都是新的起点

    符号是文化的抽象体现。

    什么样的视觉符号可以传递 网文印象 ?

    网文是开阔而喧哗的大众文本,我们选择了「江湖」这个意向。江湖是天下,是生生不息的江河湖海,又是庄子所言与庙堂相对,广阔逍遥的适性之处。

    书架背景上,柔和的抽象图形描绘了辽远的山河图景,朦胧变化的极光色营造「织梦」感,几抹文字笔画「点」飘散其中,勾勒文学超越平凡生活的浪漫想象。

    起点今年提出了新的品牌主张 “让好书生生不息” ,缺省态、本地书的封面等细节露出品牌意象,传递起点的愿景。

    五、结语 身为内容行业的设计师是幸运的,中国网络文学正在成为具有时代意义的文化现象。刚刚落幕的起点读书「网文填坑节」吸引了超 7000 万用户参加。网络文学的意义已不仅是创造了多少传统文学标准下的「经典作品」,也在于带动了无数普通人参与了这场盛大的文学实践。

    希望通过起点设计师的努力, 给每一个用户带来简单、愉悦的阅读体验,共同见证更多自由书写、深刻共鸣与恒久感动。

    让起点继续陪伴作者和读者,走好每一步。

    欢迎关注作者的微信公众号:「阅文体验设计YUX」

  • 这5个产品设计中的常见术语,我打赌90%的人容易用错!

    UI交互 2023-01-30
    平常在日常的工作中,经常会发现小伙伴们对于一些属于会有混用的情况,比如“登录”和“登陆”、“稍候”和“稍后”、“预定”和“预订”……虽然有些术语之间只有一字之差,但其用法天差地别。今天笔者整理了一些产品设计中常用的易混淆术语与大家分享,希望能给各位在工作中带来一些参考和帮助。

    平常在日常的工作中,经常会发现小伙伴们对于一些属于会有混用的情况,比如“登录”和“登陆”、“稍候”和“稍后”、“预定”和“预订”……虽然有些术语之间只有一字之差,但其用法天差地别。今天笔者整理了一些 产品设计 中常用的易混淆术语与大家分享,希望能给各位在工作中带来一些参考和帮助。

    往期分享:

    产品设计中如何正确运用标点符号?5个章节帮你掌握! 一、前言 标点符号,是辅助文字记录语言的符号,是书面语的有机组成部分,在产品设计中使用合适的标点可以表达语句的停顿、语气及词语的特定性质,帮助使用者有效表达思想感情和理解语境。

    阅读文章 >

    一、登录 vs 登陆 登录和登陆是混用率较高的一组词汇。首先,登录是一个信息名词,在英文中的表达为 login,是指进入操作系统或应用程序(通常在远程计算机上)的过程。我们平时用到的扫码登录、密码登录、验证码登录其实是用户登录的不同途径。为什么我们需要登录呢?登录的核心目标是为了完成用户身份验证,建立和用户之间的唯一关联性,也就是如何证明“你”是“你”。而验证用户身份无非是为了两个权限的控制:“读”和“写”。“读“是用户自己获得和自己个人相关的信息的权限控制,”写“是把用户的行为、用户和网站的交互内容记录下来的权限控制。只有核实了“你”是“你”,才能把和你有关的读取和写入数据库的权限开放给你本人。

    而登陆呢,在英文中表达为 land,我们经常听到的“诺曼底登陆”,“台风即将登陆”,在狭义上是指到达多个地方(多指陆地),也可以作为军事用语,表示由空中或水域成功着陆,后来也引申为商品等打进市场。这个词并非是计算机专用术语,但你说为啥还有这么多网站在登录界面使用“登陆”按钮呢,唔,这个锅拼音输入法可不背。

    因此,如果你想表示“进入网站”,应使用“登录”,如果你想表示某产品功能即将上线,应使用“登陆”,两者不可混用。

    二、删除 vs 移除 来看下面两个场景:

    ① 你在商家后台创建了一个“双十一大促”营销活动,这时候因为某些原因导致该活动无法进行,你想把该活动删掉,请问在活动列表里,你应该用“删除活动”还是“移除活动”?

    ② 你在商家后台创建了一个“双十一大促”营销活动,并且在这个营销活动里添加了很多活动商品,但是因为误操作,你不小心多添加了一款商品,你想把该商品从列表中拿走,你应该用“删除商品”还是“移除商品”?

    从字面意思上理解,两个词汇的差别在“删”和“移”,删除是“永久性”地去除操作对象,操作对象一般在系统中不再存在。而移除是“暂时性”地移走操作对象,操作对象在当前项目中不再显示,但仍存在于系统中。

    也许你会纠结,用户真的能理解“删除”和“移除”之间的区别吗?

    我们并不希望 设计师 一板一眼地只能在这两个词汇中二选一,所有术语的使用应该贴近用户心智,让用户了解当下语境并引导其做出正确的决策才是我们的最终目的。在企业微信里,如果你想把成员从群聊中移走,系统使用的是“移出群聊”而不是“移除客户”,而在通讯录里,如果你不希望和某人联系,就可以使用“删除客户”将其永久删除。从场景上看,“移出群聊”在语义上理解是从当前群里移走,但本身用户并没有被删除,更强调操作的临时性,从使用者的角度出发,是不是比「移除客户」更人话?

    三、新建 vs 添加 站在巨人的肩膀上,我们来看看苹果是怎么做的。

    当你想在系统中建一个新的文件夹,苹果用的是“新建文件夹”,当你想把已有的图片同步到“照片”,系统使用的是“添加到‘照片’”。两者看起来意思差不多,如果改成“添加文件夹”“新建到‘照片’”似乎也没多大差别,那么两者区别在哪呢?

    首先,新建是一个计算机专用术语,指电脑中可以存贮文件的工具,比较常规的用法是使用“新建”的文件夹来存储同类型的文件,而这个过程通常是从 0 到 1,需要你手动配置,而“添加”其实就是增加,更强调把已有对象(通常为在对象列表中选择已有的对象)移动至一个新的集合里。

    我们在 Sketch 里也可以找到相同的用法,添加组件库是从本地已有的组件库集合中选择其中一个并添至 Sketch 的组件库里,而新建主要用在创建一个新的画板。前者强调增加,后者强调从无到有的搭建过程。

    因此,如果你想表达从无到有地创建一个对象,这个过程里需要一系列的输入或者配置,可以使用“新建”,如“新建图层”“新建商品”,如果你想强调在某个集合中添入已有对象,可以使用“添加”,如“添加联系人”“添加银行卡”。

    四、稍后 vs 稍候 平时打电话打不通的时候,你可能会听到手机里的语音提示“你有一个电话正在通话中,请稍 hou 再拨”。请问这里应该用“稍候”还是“稍后”?

    从字面意思理解,虽然两者都有让人等待的意思,但其实还是会有严格的使用用法。

    后,表示后面,稍后本身是一个副词,一般后面会跟着其他的词语,如“系统加载失败,请稍后重试”,意思是系统出现了数据加载失败,需要你等一下再重新操作一下,一般界面中会出现“刷新”这样的动词操作。

    候,是一个动词,表示等候,稍候也就是稍微等一等,一般可用于单独使用,如“系统加载中,请稍候...”,意思是系统正在处理数据结果,请稍微等待一下(用英文来说就是 wait a moment)。

    因此,“请稍候”一般可以作为一个完整祈使句来单独使用,而“请稍后”需搭配动词使用才有完整意义。

    五、预订 vs 预定 “预订”和“预定”的区别在于“订”和“定”,订可以表示订阅、订购,而“定”则表示决定、约定。

    预订,指事先订约购买东西。一般用在生活中订购物品等事情上,比如预订酒店、预订飞机票等,通常需要提前预付一定的金钱。预定,指预确定,事前规定、决定或约定。比如预定婚期、预定时间。两者最大的差别在于关涉的对象不同,预订关涉钱款交易,而预定则与时间、计划、方案、目标、地点等相联系。

    因此,如果你想要确定的事物与钱款交易相关,可以使用“预订”,而如果想强调计划好的事物不会轻易变卦,可以使用“预定”。

    写在最后 看到这里,也许会有人说,有些词汇本来就意思相似,用错了对于用户也没多大影响啊?你看,在登录界面使用“登录”或是“登陆”按钮,用户都能理解这是什么意思,有必要这么“咬文嚼字”吗?

    这里引用伟大的乔帮主说的话:

    设计是人造产品的根本灵魂。如果连我们的“根本灵魂”都腐坏了,又怎么做得出好的,甚至伟大的产品呢?

    作为保障产品体验的责任人,如果连错别字这样的基础知识都掌握不扎实,谈何设计更优秀的产品体验?

    你在工作中还有遇到其他容易混淆的术语吗?欢迎在评论区留言,大家一起讨论。

  • 这5个产品设计中的常见术语,我打赌90%的人容易用错!

    UI交互 2023-01-30
    平常在日常的工作中,经常会发现小伙伴们对于一些属于会有混用的情况,比如“登录”和“登陆”、“稍候”和“稍后”、“预定”和“预订”……虽然有些术语之间只有一字之差,但其用法天差地别。今天笔者整理了一些产品设计中常用的易混淆术语与大家分享,希望能给各位在工作中带来一些参考和帮助。

    平常在日常的工作中,经常会发现小伙伴们对于一些属于会有混用的情况,比如“登录”和“登陆”、“稍候”和“稍后”、“预定”和“预订”……虽然有些术语之间只有一字之差,但其用法天差地别。今天笔者整理了一些 产品设计 中常用的易混淆术语与大家分享,希望能给各位在工作中带来一些参考和帮助。

    往期分享:

    产品设计中如何正确运用标点符号?5个章节帮你掌握! 一、前言 标点符号,是辅助文字记录语言的符号,是书面语的有机组成部分,在产品设计中使用合适的标点可以表达语句的停顿、语气及词语的特定性质,帮助使用者有效表达思想感情和理解语境。

    阅读文章 >

    一、登录 vs 登陆 登录和登陆是混用率较高的一组词汇。首先,登录是一个信息名词,在英文中的表达为 login,是指进入操作系统或应用程序(通常在远程计算机上)的过程。我们平时用到的扫码登录、密码登录、验证码登录其实是用户登录的不同途径。为什么我们需要登录呢?登录的核心目标是为了完成用户身份验证,建立和用户之间的唯一关联性,也就是如何证明“你”是“你”。而验证用户身份无非是为了两个权限的控制:“读”和“写”。“读“是用户自己获得和自己个人相关的信息的权限控制,”写“是把用户的行为、用户和网站的交互内容记录下来的权限控制。只有核实了“你”是“你”,才能把和你有关的读取和写入数据库的权限开放给你本人。

    而登陆呢,在英文中表达为 land,我们经常听到的“诺曼底登陆”,“台风即将登陆”,在狭义上是指到达多个地方(多指陆地),也可以作为军事用语,表示由空中或水域成功着陆,后来也引申为商品等打进市场。这个词并非是计算机专用术语,但你说为啥还有这么多网站在登录界面使用“登陆”按钮呢,唔,这个锅拼音输入法可不背。

    因此,如果你想表示“进入网站”,应使用“登录”,如果你想表示某产品功能即将上线,应使用“登陆”,两者不可混用。

    二、删除 vs 移除 来看下面两个场景:

    ① 你在商家后台创建了一个“双十一大促”营销活动,这时候因为某些原因导致该活动无法进行,你想把该活动删掉,请问在活动列表里,你应该用“删除活动”还是“移除活动”?

    ② 你在商家后台创建了一个“双十一大促”营销活动,并且在这个营销活动里添加了很多活动商品,但是因为误操作,你不小心多添加了一款商品,你想把该商品从列表中拿走,你应该用“删除商品”还是“移除商品”?

    从字面意思上理解,两个词汇的差别在“删”和“移”,删除是“永久性”地去除操作对象,操作对象一般在系统中不再存在。而移除是“暂时性”地移走操作对象,操作对象在当前项目中不再显示,但仍存在于系统中。

    也许你会纠结,用户真的能理解“删除”和“移除”之间的区别吗?

    我们并不希望 设计师 一板一眼地只能在这两个词汇中二选一,所有术语的使用应该贴近用户心智,让用户了解当下语境并引导其做出正确的决策才是我们的最终目的。在企业微信里,如果你想把成员从群聊中移走,系统使用的是“移出群聊”而不是“移除客户”,而在通讯录里,如果你不希望和某人联系,就可以使用“删除客户”将其永久删除。从场景上看,“移出群聊”在语义上理解是从当前群里移走,但本身用户并没有被删除,更强调操作的临时性,从使用者的角度出发,是不是比「移除客户」更人话?

    三、新建 vs 添加 站在巨人的肩膀上,我们来看看苹果是怎么做的。

    当你想在系统中建一个新的文件夹,苹果用的是“新建文件夹”,当你想把已有的图片同步到“照片”,系统使用的是“添加到‘照片’”。两者看起来意思差不多,如果改成“添加文件夹”“新建到‘照片’”似乎也没多大差别,那么两者区别在哪呢?

    首先,新建是一个计算机专用术语,指电脑中可以存贮文件的工具,比较常规的用法是使用“新建”的文件夹来存储同类型的文件,而这个过程通常是从 0 到 1,需要你手动配置,而“添加”其实就是增加,更强调把已有对象(通常为在对象列表中选择已有的对象)移动至一个新的集合里。

    我们在 Sketch 里也可以找到相同的用法,添加组件库是从本地已有的组件库集合中选择其中一个并添至 Sketch 的组件库里,而新建主要用在创建一个新的画板。前者强调增加,后者强调从无到有的搭建过程。

    因此,如果你想表达从无到有地创建一个对象,这个过程里需要一系列的输入或者配置,可以使用“新建”,如“新建图层”“新建商品”,如果你想强调在某个集合中添入已有对象,可以使用“添加”,如“添加联系人”“添加银行卡”。

    四、稍后 vs 稍候 平时打电话打不通的时候,你可能会听到手机里的语音提示“你有一个电话正在通话中,请稍 hou 再拨”。请问这里应该用“稍候”还是“稍后”?

    从字面意思理解,虽然两者都有让人等待的意思,但其实还是会有严格的使用用法。

    后,表示后面,稍后本身是一个副词,一般后面会跟着其他的词语,如“系统加载失败,请稍后重试”,意思是系统出现了数据加载失败,需要你等一下再重新操作一下,一般界面中会出现“刷新”这样的动词操作。

    候,是一个动词,表示等候,稍候也就是稍微等一等,一般可用于单独使用,如“系统加载中,请稍候...”,意思是系统正在处理数据结果,请稍微等待一下(用英文来说就是 wait a moment)。

    因此,“请稍候”一般可以作为一个完整祈使句来单独使用,而“请稍后”需搭配动词使用才有完整意义。

    五、预订 vs 预定 “预订”和“预定”的区别在于“订”和“定”,订可以表示订阅、订购,而“定”则表示决定、约定。

    预订,指事先订约购买东西。一般用在生活中订购物品等事情上,比如预订酒店、预订飞机票等,通常需要提前预付一定的金钱。预定,指预确定,事前规定、决定或约定。比如预定婚期、预定时间。两者最大的差别在于关涉的对象不同,预订关涉钱款交易,而预定则与时间、计划、方案、目标、地点等相联系。

    因此,如果你想要确定的事物与钱款交易相关,可以使用“预订”,而如果想强调计划好的事物不会轻易变卦,可以使用“预定”。

    写在最后 看到这里,也许会有人说,有些词汇本来就意思相似,用错了对于用户也没多大影响啊?你看,在登录界面使用“登录”或是“登陆”按钮,用户都能理解这是什么意思,有必要这么“咬文嚼字”吗?

    这里引用伟大的乔帮主说的话:

    设计是人造产品的根本灵魂。如果连我们的“根本灵魂”都腐坏了,又怎么做得出好的,甚至伟大的产品呢?

    作为保障产品体验的责任人,如果连错别字这样的基础知识都掌握不扎实,谈何设计更优秀的产品体验?

    你在工作中还有遇到其他容易混淆的术语吗?欢迎在评论区留言,大家一起讨论。

  • 第四波!2023年1月精选实用设计干货合集

    UI交互 2023-01-29
    大家好,这是 2023 年 1 月的第 4 波干货!想必很多设计师同学都已经回到岗位开工了吧?那么这些新的设计工具和素材,就有用武之地了!

    大家好,这是 2023 年 1 月的第 4 波干货!想必很多 设计师 同学都已经回到岗位开工了吧?那么这些新的设计工具和素材,就有用武之地了!

    过了个年,新的图标字体图库倒是没增加,新的人工智能设计工具倒是多了一堆,更加细分的功能,更加突出的效果,从网页到移动 APP 都覆盖了,这个数量增长甚至催生了专门搜集整理 人工智能 工具的网站。今天的文章开头就是过年期间新崛起的 AI 工具,相当带劲。

    当然,在此之前记得看看往期干货中有没有你感兴趣的素材:

    第三波!2023年1月精选实用设计干货合集 大家新年好!

    阅读文章 >

    下面我们具体看看这一期的干货:

    1、人工智能演示文稿生成工具 https://glimmerai.tech/

    人工智能P图早就不是新鲜事儿,现在你也可以使用 AI 做演示文稿了!这个名为 Glimmerai 的工具就可以帮到你,你所需要做的就是尽可能详细描述你的需求,这样 AI 才能尽可能贴近你的目标,等 AI 生成之后演示文稿之后,你可以进一步使用文本指令或者语音指令,来进一步细化。GlimmerAi 使用的是目前最热门的 GPT-3 和 DALL E2 来生成,目前这项服务依然处于 Beta 阶段,可以免费试用,有需求的同学可以上手体验一下。

    2、人工智能网站UX文案重写工具 https://www.usesuperflow.com/rewrite-chatgpt

    和上面的 GlimmerAi 类似,Superflow Rewrite 同样是一个基于人工智能、但是更加深入细分的工具,它瞄准了工作量同样巨大且磨人的网站 UX 文案这个分野,相比于形形色色的 AI 文案写作工具,它干脆帮你直接在网站内优化 UX 文案,只要你在网站上加入 Superflow JS 的标签,就可以接入 AI,它会根据已有的训练数据,帮你将 UX 文案优化到最佳,提供更好的 SEO 效果,在 UX 文案的层面上,提供更好的转化率和用户参与度。目前 Superflow Rewrite 提供 3 个月的免费试用,如果你是网站开发者,可以尝试一下。

    3、人工智能移动端内容创建辅助工具 https://piggy.to/magic

    正如同 Piggy Magic 的创始人 Shaul Olmert 所说的,咱们不能将内容创建的工作完全托付给人工智能,但是人工智能能够成为很好的内容创作的辅助工具。Piggy Magic 就是在这样的想法下诞生的,你可以直接将你想要创建内容的主题直接输入 Piggy,它会直接生成易于在移动端屏幕上浏览的多媒体图文内容,文章、帖子、邀请函、简单的演示文稿都行,随后你可以在 Piggy 的 APP 上进行调整和修改。将精力集中在想法上,将基础的版面和内容交给 AI 吧。

    4、汇总 200+ 精选的优质人工智能资源 https://aidesignresource.com/

    如果上面的基于人工智能的工具里,正好没有你所需要的,不妨打开这个名为 Ai Desiger Source 的网站,它从目前乌泱泱的 AI 工具当中精选出素质较为过硬的、实用性较强的 200 多个,并且根据功能分门别类,你可以在这里快速筛选出可能你需要的 AI 工具!我已经收藏了!

    5、将 Figma 设计直接转为 WordPress 网站 https://yotako.io/

    WordPress 有着极高的自定义自由度,但是第三方的主题也很难一次到位满足实际需求。而 Yotako 提供的这个免费服务干脆从设计端入手,你可以将你在 Figma 中设计完成的页面以主题的形式直接导入到 WordPress 当中,并且随时更新。当然,Yotako 所提供的服务实际更加深入,如果你还未曾拥有域名和实际网站,Yotako 还能帮你搞定网站相关的域名服务、托管、设置、日常管理等多数工作内容,而你唯一需要操心的就是设计。有需求的同学有必要了解一下!

    6、直接在网页上进行团队协作的插件 https://donenote.com/

    DoneNote 是一个针对性和实用性很强的插件,它让你可以直接在网页上做笔记、标注、评论、分享的 Chrome 插件,如果你的团队需要针对自家的网站页面或者产品进行讨论或者迭代,直接在页面上标注讨论就完事了,极大地提升整个团队的工作效率。DoneNote 的基础服务是完全免费的,你可以先试用体验一下。

    7、在线 Notion 封面制作工具 https://notioncovergenerator.com/app

    现在使用 Notion 做笔记、知识管理、流程和项目管理的同学特别多,为每个 Notion 页面设计一个漂亮的、贴合的封面图倒也是不小的需求,这个在线的小工具就是专门干这个的,尺寸都是算好的,填好你要的文本内容,选好字体,一键下载,还能预览在桌面端和移动端上的效果,简单快速不用开 PS,省心多了。

  • 4000字干货!一篇文章帮你掌握对话框设计

    UI交互 2023-01-29
    对话框是一种重要的交互方式,主要用于完成信息传递。对话框很常见,但并不见得每一个设计师都可以百分百地弄明白对话框这个概念。这篇文章是对「对话框」的一个简单梳理和总结,希望可以解决大家心中的一些疑惑。

    对话框是一种重要的交互方式,主要用于完成信息传递。对话框很常见,但并不见得每一个 设计师 都可以百分百地弄明白对话框这个概念。这篇文章是对「对话框」的一个简单梳理和总结,希望可以解决大家心中的一些疑惑。

    更多交互方式:

    6000字干货!3个优秀交互设计师应该具备的边界感 引言 售卖软件服务的公司,最理想的状态就是开发一套通用的解决方案或产品,而几乎不用接收任何定制化需求(定制化需求大多会被内化成通用产品的新功能)。

    阅读文章 >

    一、了解对话框 1. 对话框定义

    对话框是叠加在应用主窗口上的弹出式的窗口。对话框以对话的方式让用户参与进来,在对话中它给出消息或要求输入。

    当用户完成消息的阅读或者作出选择后,可以取消或者接受该对话框,之后,这个对话框便消失了,把应用的主窗口交还给用户。

    关于对话框的概念,以下是百度百科的解释:

    对话框越来越广泛地被应用于软件、网页、以及移动设备中。它可以保留用户当前进程的情况下,指引用户完成一个特定的操作 。

    2. 对话框分类

    按照对话框的交互方式,可将其分为「模态对话框」和「非模态对话框」。我们可以把他们看作是两个小家族,模态家族的人比较强硬,而非模态家族的人相对温柔一点。两个家族的主要区别:是否强制用户对其进行回应。

    模态对话框:是位于浏览器的主页面核心区域,需要用户对它做出相应交互,模态才会消失。而对话框会因为自身的吸引程度、停留时间、信息量承载多少被划分为多种对话框类型进行区分,常见的对话框分别为:普通对话框、内嵌表单对话框、分步表单对话框、文件选择对话框、复杂信息展示对话框。

    ① 何时使用模态对话框

    在重要的警告时使用,避免出现严重问题、或修正已出现的问题。

    例如:用户录入信息后未保存就要关闭时,弹出模态对话框提示用户保存。

    在需要用户输入信息或进行某操作,才能继续当前流程的时候使用。

    例如:在使用 Canva 资源网站时,点击“上传”会弹出模态化的登录/注册窗口,引导登录/注册后使用。

    用来将复杂流程拆分成简单步骤。

    例如:Teambition-分步骤的模态对话框式创建项目。

    用来获取信息,该信息可大大减轻用户的后续操作/精力。

    例如:在转账场景中,如果先复制一个账号,打开手机银行 APP(以招商银行或平安口袋银行为例),系统会通过模式对话框询问用户是否向这个账号转账,这样的设计做到了预判用户行为,节省用户后面的操作成本。

    非模态对话框:与模态完全相反,它更加温和,不会强制打断用户正在进行的现有流程,对用户的干扰比较小。通常这类对话框只会在屏幕上短暂停留,几秒就会消失,也因此用户容易忽略它们的存在。因此非模态对话框不适合展示重要信息、不能承载大量文案,常见的类型有:通知提醒、全局提示、警告提示、气泡卡片、文字提示。

    ② 何时使用非模态对话框

    在获取与当前流程不必要信息的时候使用。

    例如:平安口袋银行和平安数字口袋采用气泡卡片展示更多功能或引导用户登录。

    不打断重要流程中使用。

    例如:在平安口袋银行 APP 中购买理财时,如果遇到疑问的话,不会弹出框提示让客户咨询投顾,而且采用气泡框形式提示,不打断用户购买。

    简单来说,两者的优缺点见下表:

    二、对话框常见应用场景 从前面讲到的定义来看,对话框最主要的目的是:传递信息。那么从目标导向的角度来看对话框,对话框要传递的信息的常见应用场景主要有以下五种:

    1. 属性对话框

    属性对话框是向用户呈现或让用户改变所选对象的属性或者设置。一般来说,在属性对话框中,用户可以修改当前的选择,也可以设置应用程序的全局属性。该对话框适用于非频繁操作和或仅需要设置一次的属性,属性对话框常见在一些设置、详情中。

    例如:Windows 11 系统的设置界面,可设置系统的全局属性。

    2. 功能对话框

    功能对话框通常从菜单中打开,是最常见的模态对话框,只控制单一功能,如打印、文件上传/导入、插入对象或拼写检查。该对话框不仅允许用户启动一个动作,而且也允许用户设置动作的细节,属于模态对话框。

    例如:浏览器的打印功能,会弹出模态化的打印窗口,用户可设置打印的细节。

    例如:飞书的文档导入功能,使用模态化对话框,引导用户选择文件类型或进行批量导入操作。

    3. 进度对话框

    进度对话框是由应用程序启动的,而不是由用户请求而启动的。它们向用户表明当前应用正在忙于某些内部功能,其他功能的处理能力可能会降低。

    每个进度对话框都应该向用户清晰地展现如下信息:

    一个耗时的进程正在进行 现在一切正常 该进行还有多长时间才能完成 还有多少事情或项目没有做完 用户如何才能取消该操作,或重获控制权 例如:使用 Axure 软件导出 html 文件时的进度提示,既提醒用户当前 Axure 正在运行,又告知用户当前文件导出进度。

    例如:使用 Sketch 软件导出文件时的进度提示

    4. 通知对话框

    通知对话框将一些重要信息报告给用户。来源可以是一些触发的事件,也可以是其他用户的通知。

    常见的有通知中心对话框,处理完成某个操作的告知等等。

    例如:花瓣的通知提醒

    例如:脉脉的隐私政策阅读提示和汽车之家的开启通知提示,均采用模态对话框方式

    5. 公告对话框

    公告对话框,和进度对话框一样,由应用程序直接启动,不是由用户请求发起的。公告对话框有三种:错误、警告、确认。

    这种对话框通常不会要求用户填写什么,只会询问你“真的要进行吗?”或者告诉你一件事情。所以在这种对话框上,一般只会有只有[取消]和[确认],或者[OK]。

    属性、功能、进度对话框,是用户主动请求的--它们为用户服务。但是,应用程序发起的公告对话框--它们为应用程序服务,常常会牺牲用户利益。由于公告对话框比较常见且常常牺牲用户利益,那么我们怎么把这些讨厌且无用的公告对话框直接铲除掉,换成更加友好、能给用户带来真正帮助的交互方式呢?接下来我们来一起看看怎么让公告对话框“名声鹊起”。

    三、怎么让公告对话框“名声鹊起” 我们可以从应用本身和对话框本身着手提供友好的交互方式,减少公告对话框的出现频率。

    1. 应用方面

    解决用户错误的方法不是指责用户,让用户再认真一些,或者给他们更多的指导练习,而应该优化应用设计,让犯错变得困难。

    ① 让应用变“聪明”,减少用户犯错

    使用有界控件。比如验证码输入框、数字键盘等

    示例:登录蓝湖时的短信验证码输入框

    示例:转账时输入金额的数字键盘,金额大小的位数提示;平安口袋银行的身份证号专属键盘

    提高可见性,用户可自主纠错

    示例:输错密码是一个很难避免的错误场景,语雀密码登录支持可见密码,一来是考虑安全问题,二来在用户输错的场景下可以打开眼睛,即可见密码,减少出现错误频率。

    具备预判思维,在容易出错的地方提供更方便的功能

    示例:在支付宝聊天窗输入一串数字,支付宝发现这个问题后,提供了识别后直接转账的功能,预判了用户的惯性,减少错误发生

    Zoom 拉会前预设值在加入会议室的界面,提前选择是否在进入会议房间后“不自动连接语音”和“保持摄像头关闭”,有效避免忘记闭麦或者忘记关摄像头就直接加入了线上会议的意外尴尬

    让操作可“复原”,提供撤销功能

    在很多破坏性的操作都会二次进行提醒,让用户确认操作,比如说删除操作。在删除之前都会询问用户“你真的要删除吗?”想一想……你在看到这些提示的时候,是不是眼疾手快地按下那个「确认」按钮?

    这种对话框在没有容错处理时,非常容易被我们这种无脑按「确认」的用户酿成大错。比如我“手贱”只是试试这个删除,然后就把某个表几千条辛苦写了一个月的数据删掉了,由此可见系统的容错处理有多么重要。

    示例:Windows 系统在早期的时候,删除文件时会让用户进行二次确认,但这是完全没必要的,因为删除文件不是真正的删除,还会在回收站里面。

    Mac 系统:在回收站删除文件将是永久性删除,此时的确认对话框才是对用户有用的。

    2. 对话框设计 方面

    从对话框本身的设计优化出发,我们可以对话框的使用场景和文案方面着手进行优化设计。

    ① 对话框使用场景

    其实什么时候使用对话框、是否使用取决于你要给用户展示的信息是否重要。

    例如你在手机上买了一张电影票,支付失败的结果如果用 toast 展示就会容易被用户忽视。那么等到用户到了电影院才发现自己购买失败,那么用户极有可能当场卸载你的产品。

    模态弹框会打断用户当前操作流程,所以「使用对话框要克制」。总原则是:能在界面展示就不用弹框,能用非模态弹框的就不要用模态弹框。总之,重要的信息优先考虑使用对话框。

    具体的使用原则有:

    弹框使用尽量克制。 文字需要精简,使用行为召唤动词。 注意区分复杂任务和轻量任务,选择对应的弹框类型。 反馈要及时。 可使用引导帮助选择。 ② 清晰且友好的文案

    如果非要使用对话框,那么请使用友好尊重用户的方式。当我们说到人与人之间的交流时,语言是重要的媒介,而用户与产品之间同样如此。

    在设计过程中应始终努力设计出有效的提示性文案,但是, 一定是有比没有要好吗?个人认为也是不必要的,糟糕的提示性文案甚至会破坏产品中最好的用户体验。例如以下几种情况:

    含糊不清 过于啰嗦 无意义,产生误导 无同理心 因此糟糕的提示文案设计会误导用户在产品中采取不必要的操作, 从而使他们感到生气和困惑,甚至可能会破坏品牌对用户的忠诚度,产生本末倒置的结果, 也给用户带来不佳体验。

    所以,语言是使产品更加人性化的主要因素。产品的文案则充当了语言的角色,它可以使用户参与其中,影响他们的情绪,并把这种人机的功能性关系转化成人类的个人情感体验。而这种用户的情感体验才能够真正的彰显品牌个性,从而与其他产品区分开来。

    错误提示设计三步法

    尽可能准确地描述问题和哪里出错了,简明易懂。 提出建设性意见,解决问题,保持流程前进不中断。如果此时问题还不能解决,告诉用户可以做些什么来帮助他们,以及他们可以向谁求助。 不要责怪他们,礼貌的对待用户,在报错中加入情感。 总结 对话框可以成为帮助用户完成目标的有用助手,而不是让他们在每一步操守挫败的可怕绊脚石。通过保持对话框的可管理性,并且只有在他们的功能真的属于另一个房间的情况下才调用他们,你将很好地维持用户的工作流状态,保证他们会成功完成任务,并且满怀感激。

  • 第四波!2023年1月精选实用设计干货合集

    UI交互 2023-01-29
    大家好,这是 2023 年 1 月的第 4 波干货!想必很多设计师同学都已经回到岗位开工了吧?那么这些新的设计工具和素材,就有用武之地了!

    大家好,这是 2023 年 1 月的第 4 波干货!想必很多 设计师 同学都已经回到岗位开工了吧?那么这些新的设计工具和素材,就有用武之地了!

    过了个年,新的图标字体图库倒是没增加,新的人工智能设计工具倒是多了一堆,更加细分的功能,更加突出的效果,从网页到移动 APP 都覆盖了,这个数量增长甚至催生了专门搜集整理 人工智能 工具的网站。今天的文章开头就是过年期间新崛起的 AI 工具,相当带劲。

    当然,在此之前记得看看往期干货中有没有你感兴趣的素材:

    第三波!2023年1月精选实用设计干货合集 大家新年好!

    阅读文章 >

    下面我们具体看看这一期的干货:

    1、人工智能演示文稿生成工具 https://glimmerai.tech/

    人工智能P图早就不是新鲜事儿,现在你也可以使用 AI 做演示文稿了!这个名为 Glimmerai 的工具就可以帮到你,你所需要做的就是尽可能详细描述你的需求,这样 AI 才能尽可能贴近你的目标,等 AI 生成之后演示文稿之后,你可以进一步使用文本指令或者语音指令,来进一步细化。GlimmerAi 使用的是目前最热门的 GPT-3 和 DALL E2 来生成,目前这项服务依然处于 Beta 阶段,可以免费试用,有需求的同学可以上手体验一下。

    2、人工智能网站UX文案重写工具 https://www.usesuperflow.com/rewrite-chatgpt

    和上面的 GlimmerAi 类似,Superflow Rewrite 同样是一个基于人工智能、但是更加深入细分的工具,它瞄准了工作量同样巨大且磨人的网站 UX 文案这个分野,相比于形形色色的 AI 文案写作工具,它干脆帮你直接在网站内优化 UX 文案,只要你在网站上加入 Superflow JS 的标签,就可以接入 AI,它会根据已有的训练数据,帮你将 UX 文案优化到最佳,提供更好的 SEO 效果,在 UX 文案的层面上,提供更好的转化率和用户参与度。目前 Superflow Rewrite 提供 3 个月的免费试用,如果你是网站开发者,可以尝试一下。

    3、人工智能移动端内容创建辅助工具 https://piggy.to/magic

    正如同 Piggy Magic 的创始人 Shaul Olmert 所说的,咱们不能将内容创建的工作完全托付给人工智能,但是人工智能能够成为很好的内容创作的辅助工具。Piggy Magic 就是在这样的想法下诞生的,你可以直接将你想要创建内容的主题直接输入 Piggy,它会直接生成易于在移动端屏幕上浏览的多媒体图文内容,文章、帖子、邀请函、简单的演示文稿都行,随后你可以在 Piggy 的 APP 上进行调整和修改。将精力集中在想法上,将基础的版面和内容交给 AI 吧。

    4、汇总 200+ 精选的优质人工智能资源 https://aidesignresource.com/

    如果上面的基于人工智能的工具里,正好没有你所需要的,不妨打开这个名为 Ai Desiger Source 的网站,它从目前乌泱泱的 AI 工具当中精选出素质较为过硬的、实用性较强的 200 多个,并且根据功能分门别类,你可以在这里快速筛选出可能你需要的 AI 工具!我已经收藏了!

    5、将 Figma 设计直接转为 WordPress 网站 https://yotako.io/

    WordPress 有着极高的自定义自由度,但是第三方的主题也很难一次到位满足实际需求。而 Yotako 提供的这个免费服务干脆从设计端入手,你可以将你在 Figma 中设计完成的页面以主题的形式直接导入到 WordPress 当中,并且随时更新。当然,Yotako 所提供的服务实际更加深入,如果你还未曾拥有域名和实际网站,Yotako 还能帮你搞定网站相关的域名服务、托管、设置、日常管理等多数工作内容,而你唯一需要操心的就是设计。有需求的同学有必要了解一下!

    6、直接在网页上进行团队协作的插件 https://donenote.com/

    DoneNote 是一个针对性和实用性很强的插件,它让你可以直接在网页上做笔记、标注、评论、分享的 Chrome 插件,如果你的团队需要针对自家的网站页面或者产品进行讨论或者迭代,直接在页面上标注讨论就完事了,极大地提升整个团队的工作效率。DoneNote 的基础服务是完全免费的,你可以先试用体验一下。

    7、在线 Notion 封面制作工具 https://notioncovergenerator.com/app

    现在使用 Notion 做笔记、知识管理、流程和项目管理的同学特别多,为每个 Notion 页面设计一个漂亮的、贴合的封面图倒也是不小的需求,这个在线的小工具就是专门干这个的,尺寸都是算好的,填好你要的文本内容,选好字体,一键下载,还能预览在桌面端和移动端上的效果,简单快速不用开 PS,省心多了。

  • PixelSquid!拥有20W+可旋转3D素材的绘画参考网站

    UI交互 2023-01-29
    大家好,这里是和你们聊设计的花生~ 又是一年开工时,在这里祝大家开工大吉工作顺利~今天为大家推荐一个超棒的绘画参考网站 PixelSquid,里面包含 20 多万个 3D 素材,涉及人物、动植物、武器、汽车、建筑、家具、艺术品等各个方面,且素材可以 360°任意旋转,使用它可以帮助我们轻松找到准确的绘画参考角度。...

    大家好,这里是和你们聊设计的花生~ 又是一年开工时,在这里祝大家开工大吉工作顺利~

    今天为大家推荐一个超棒的绘画参考网站 PixelSquid ,里面包含 20 多万个 3D 素材,涉及人物、动植物、武器、汽车、建筑、家具、艺术品等各个方面,且素材可以 360°任意旋转,使用它可以帮助我们轻松找到准确的绘画参考角度。

    往期推荐:

    Creative Fabrica!下载10w+高质量字体与矢量装饰素材的宝藏网站 大家好,这里是你们聊设计的花生。

    阅读文章 >

    PixelSquid 网站直达: https://plugin.pixelsquid.com/

    PixelSquid 是国外知名商业图库 ShutterStock 开发的一个 3D 素材库,里面收录了 20 多万个可以 360 度旋转的实体对象,包含建筑、文化艺术品、人物、动植物、武器、食品饮料、服饰、装饰、家具、工业设计等 21 个类型。素材涉及面广泛,建模质量高,可以任意定位到不同角度,是绘画必备的参考网站之一。

    建筑类素材(部分):

    人物类素材(部分):

    家具类素材(部分):

    动植物类素材(部分):

    武器类素材(部分):

    在网站内我们可以直接输入关键词搜索所需的素材,网站右上角也有“Categories(类别)”版块,可按分类目录查找素材。点击卡片可以进入素材的详情页,进入后 3D 素材有一个加载过程,加载完成后使用鼠标点击素材并拖动,可以旋转查看素材的任意角度。素材底部有注释标签,点击后可跳转至同类素材,右侧也有同类素材推荐,点击后可迅速跳转至相关详情页。

    网站提供 3D 素材的 PNG(2048*2048px)和分层 PSD 文件下载,但大部分需要付费订阅,价格也比较贵。没有订阅的话下载的文件有水印,且不可商用。如果仅作为绘画参考,我感觉直接在网站上浏览调整,然后使用截图工具将视角固定下来就足够了,大家可以根据自己的实际需要选择使用方法。

    除了根据分类目录,网站还有一个“Collections(收藏)”版块,里面收录了 90 多个不同主题的精选系列,如纸质书本、约会、贸易、健身、烹饪、玩具、运输、旅游、节日、赛博朋克、季节、太空、医学、音乐等。每个系列都包含上百个与该主题相关的 3D 元素,省去我们逐个查找的功夫,非常便捷。

    PixelSquid内的精选系列

    “太空”主题系列

    网站也有提供部分免费素材,这种资源在其卡片左上角有蓝色的“Free”标签,下载素材前需要注册登录。(免费版块直达: https://www.pixelsquid.com/png/free )

    PixelSquid 内的免费素材

    以上就是今天为大家推荐的绘画参考素材网站 PixelSquid,里面包含 20 多万个可以 360°任意旋转角度的 3D 素材,可以帮助我们快速找到合适的参考角度。喜欢本期推荐的话记得点赞收藏,也可以转发给身边有需要朋友 。有关于本文或者设计的疑问,可以在评论区提出,我会第一时间为大家解答 ~

    推荐阅读:

    视觉设计师来收!免费商用字体推荐:卡通体篇(13款已打包) 本期推荐的是免费商用的卡通体,此类字体非常适合运用在可爱活泼、轻松休闲的设计中,会有不俗的表现力,常常能达到“画龙点睛”的效果。

    阅读文章 >

    画面单一/杂乱怎么破?高手总结了10个实用设计技巧! 画面太单一亦或是太杂乱,是做平面版式设计时绕不开的话题。

    阅读文章 >

  • PixelSquid!拥有20W+可旋转3D素材的绘画参考网站

    UI交互 2023-01-29
    大家好,这里是和你们聊设计的花生~ 又是一年开工时,在这里祝大家开工大吉工作顺利~今天为大家推荐一个超棒的绘画参考网站 PixelSquid,里面包含 20 多万个 3D 素材,涉及人物、动植物、武器、汽车、建筑、家具、艺术品等各个方面,且素材可以 360°任意旋转,使用它可以帮助我们轻松找到准确的绘画参考角度。...

    大家好,这里是和你们聊设计的花生~ 又是一年开工时,在这里祝大家开工大吉工作顺利~

    今天为大家推荐一个超棒的绘画参考网站 PixelSquid ,里面包含 20 多万个 3D 素材,涉及人物、动植物、武器、汽车、建筑、家具、艺术品等各个方面,且素材可以 360°任意旋转,使用它可以帮助我们轻松找到准确的绘画参考角度。

    往期推荐:

    Creative Fabrica!下载10w+高质量字体与矢量装饰素材的宝藏网站 大家好,这里是你们聊设计的花生。

    阅读文章 >

    PixelSquid 网站直达: https://plugin.pixelsquid.com/

    PixelSquid 是国外知名商业图库 ShutterStock 开发的一个 3D 素材库,里面收录了 20 多万个可以 360 度旋转的实体对象,包含建筑、文化艺术品、人物、动植物、武器、食品饮料、服饰、装饰、家具、工业设计等 21 个类型。素材涉及面广泛,建模质量高,可以任意定位到不同角度,是绘画必备的参考网站之一。

    建筑类素材(部分):

    人物类素材(部分):

    家具类素材(部分):

    动植物类素材(部分):

    武器类素材(部分):

    在网站内我们可以直接输入关键词搜索所需的素材,网站右上角也有“Categories(类别)”版块,可按分类目录查找素材。点击卡片可以进入素材的详情页,进入后 3D 素材有一个加载过程,加载完成后使用鼠标点击素材并拖动,可以旋转查看素材的任意角度。素材底部有注释标签,点击后可跳转至同类素材,右侧也有同类素材推荐,点击后可迅速跳转至相关详情页。

    网站提供 3D 素材的 PNG(2048*2048px)和分层 PSD 文件下载,但大部分需要付费订阅,价格也比较贵。没有订阅的话下载的文件有水印,且不可商用。如果仅作为绘画参考,我感觉直接在网站上浏览调整,然后使用截图工具将视角固定下来就足够了,大家可以根据自己的实际需要选择使用方法。

    除了根据分类目录,网站还有一个“Collections(收藏)”版块,里面收录了 90 多个不同主题的精选系列,如纸质书本、约会、贸易、健身、烹饪、玩具、运输、旅游、节日、赛博朋克、季节、太空、医学、音乐等。每个系列都包含上百个与该主题相关的 3D 元素,省去我们逐个查找的功夫,非常便捷。

    PixelSquid内的精选系列

    “太空”主题系列

    网站也有提供部分免费素材,这种资源在其卡片左上角有蓝色的“Free”标签,下载素材前需要注册登录。(免费版块直达: https://www.pixelsquid.com/png/free )

    PixelSquid 内的免费素材

    以上就是今天为大家推荐的绘画参考素材网站 PixelSquid,里面包含 20 多万个可以 360°任意旋转角度的 3D 素材,可以帮助我们快速找到合适的参考角度。喜欢本期推荐的话记得点赞收藏,也可以转发给身边有需要朋友 。有关于本文或者设计的疑问,可以在评论区提出,我会第一时间为大家解答 ~

    推荐阅读:

    视觉设计师来收!免费商用字体推荐:卡通体篇(13款已打包) 本期推荐的是免费商用的卡通体,此类字体非常适合运用在可爱活泼、轻松休闲的设计中,会有不俗的表现力,常常能达到“画龙点睛”的效果。

    阅读文章 >

    画面单一/杂乱怎么破?高手总结了10个实用设计技巧! 画面太单一亦或是太杂乱,是做平面版式设计时绕不开的话题。

    阅读文章 >


让你的品牌快速脱颖而出,抢占市场份额,提升销量
免费获取方案及报价
*我们会尽快和您联系,请保持手机畅通