当前位置: 首页 > article >正文

替代-UX设计师

初创公司如何在没有设计师的情况下
打造实用的用户体验

  • 一个常见的捷径是使用预构建的组件库,如谷歌的 Material UI
  • 它们为你提供了构建块,但它们并没有为你考虑整个用户流程
  • 你仍然需要弄清楚所有这些是如何组合在一起的
  • 但是,很多时候,我们并没有在做创新的事情
  • 如果你仔细观察大多数软件产品,你会发现用户流程有很多重叠
  • 通常没有必要重新发明像账户创建或密码重置这样的简单事物

避免空白页陷阱

  • 不要盯着空白画布想:“嗯,邮件字段应该是什么样子?”
  • 数千万美元的公司和更大的团队已经深思熟虑过这个问题
  • 你可以利用这一点,更快地获得优质体验
  • 避免查看:
  • 设计奖项网站:关注原创,而非实用
  • Dribbble:重美观,轻功能
  • 相反,看看:
  • 竞争对手网站:注册体验,截图记录
  • 聚合网站:如 PageFlows 或 Mobbin 用于快速参考
  • 然后 常见模式(如密码强度指示器)的存在,通常都有其内在逻辑
  • 所以需要关注以下要点:
    • 常见的用户界面 (UI) 元素:如邮箱输入框、密码字段、确认流程
    • 视觉布局惯例:居中表单、响应式设计、清晰按钮、顶部 Logo
  • 然后想象一个维恩图
  • 如果所在领域的所有产品都以相同方式实现某个功能,背后很可能存在合理逻辑
  • 如果某家公司采用了不同做法,不妨思考:这是刻意创新,还是无心之失?
  • 有时,设置摩擦是刻意为之的
  • (在用户体验设计中,摩擦指的是人为地在设计中创造摩擦或阻力来阻止用户达成目标)
  • 例如,一些公司要求用户先输入信用卡信息
  • 这并非出于技术必要性,而是为了筛选真正有需求的用户
  • 这种设计牺牲了流畅性,但达成了战略目标
  • 如果你的产品涉及非标准场景,不妨跨行业寻找灵感
  • 假设你正在设计一个收集医疗数据以续开处方的功能
  • 若缺乏直接参考案例,可以扩大视野:还有哪些行业需要收集高敏感数据?
  • 抵押贷款机构、税务服务平台,它们同样处理高敏感数据
  • 观察这些产品如何建立信任、解释风险,并引导用户完成复杂流程

明确设计目标

  • 如果你正在设计注册页面
  • 目标不应该仅是"放置两个输入框和一个注册按钮"
  • 而应是真实的用户价值
  • 例如:"让注册流程尽可能轻松无感"
  • 这需要将其转化为关键问题:"如何让注册变得简单且符合直觉?"
  • 可能的解决方案:
    • 在用户点击提交前实时显示密码强度
    • 给他们一个注册的理由,而不只是填写表单
  • 这些也会引发新思考:
    • 是否应该让用户立即登录,还是先完成邮箱验证?
    • 注册成功后应该跳转至独立确认页,还是仅显示轻量提示?
  • 对于这些问题
  • 你无需提前备齐所有答案,但持续追问这类问题能确保设计始终聚焦核心目标

预判极端使用场景

  • 真实用户不会按套路出牌
  • 他们可能匆忙略过指引、误操作或中途分心
  • 你需要一直追问:哪些环节可能出错?
  • 针对每个输入框思考:
  • 如果用户在该处操作仓促并出错,会引发怎样的问题?
  • 全局视角审视:
  • 整个流程是否存在断点风险?
  • 为最急躁分心的用户优化体验,常规用户自然会畅通无阻
  • 糟糕的UX往往不在于视觉缺陷,而是用户陷入困惑却不知如何解决
  • 经典案例剖析:
  • 场景1:用户设置密码时未仔细阅读规则
  • 后果:设置弱密码导致后续账户锁定
  • 解决方案:增加"确认密码"字段强制二次输入
  • 场景2:两次输入密码不一致时直接提交
  • 后果:提交后弹出错误提示引发挫败感
  • 解决方案:在第二个密码框输入时实时检测匹配状态

用AI发现设计盲点

  • 像ChatGPT这样的工具能帮你捕捉UX隐患
  • 虽然不够完美,但作为快速自查工具,它比盲目猜测可靠得多
  • 以下是一些可以尝试的提示
  • 红蓝对抗
  • • 攻击性提问:"请批判这个注册流程——用户可能在哪些环节卡住?"
  • • 防御性验证:"请论证这个设计为什么符合直觉?"
  • 对标行业
  • • "头部SaaS公司的注册流程有哪些共性设计?"
  • 极端场景模拟
  • • "如果用户输错邮箱却未察觉,系统会如何响应?"

其他实用建议

  • 1-量化体验指标
  • "良好的UX"需要可衡量的锚点
  • 可以是 转化率、用户留存率或满意度评分
  • 设计必然存在主观性
  • 但建立客观指标能大幅降低决策焦虑
  • 2-色彩系统极简主义
  • 遵循「1+1+1」法则:1种主色、1种辅色、1种强调色
  • 推荐使用 Coolors 快速生成配色方案
  • 3-用户语言优先原则
  • 错误提示避免技术黑话:
  • × "数据库连接失败"
  • √ "无法保存您的修改,请重试"

核心原则总结

  • 初创公司的UX设计必须对抗完美主义陷阱
  • 当团队缺乏专业设计师时,可用性永远高于视觉新颖性
  • 一个清晰的基础动线,胜过令人困惑的「创新」设计
  • 差异化三问:
  1. 当前场景是否必须突破现有模式?
  2. 创新点是否与产品核心价值强关联?
  3. 遵循行业惯例能否降低用户学习成本
  • 模式复用的战略价值:
  • 沿用成熟设计并非抄袭,而是让其他公司替你教育用户
  • 当用户对既有交互模式形成肌肉记忆时
  • 你就能专注打磨真正差异化的核心功能

相关文章:

替代-UX设计师

初创公司如何在没有设计师的情况下 打造实用的用户体验 一个常见的捷径是使用预构建的组件库,如谷歌的 Material UI它们为你提供了构建块,但它们并没有为你考虑整个用户流程你仍然需要弄清楚所有这些是如何组合在一起的但是,很多时候&#x…...

【氧化镓】​​​​掺杂在β-Ga2O3材料中引入的深能级缺陷

1. 引言 1.1 β-Ga2O3材料的特性与应用前景 β-Ga2O3作为一种新型的宽禁带半导体材料,具有约4.6-4.8 eV的宽带隙、高击穿场强(约8 MV/cm)和优异的热稳定性,适用于高功率和射频电子器件。其独特的物理特性使其在高电压、高频率以及高功率应用场景中具有巨大的潜力。例如,…...

:ref 和 this.$refs 的区别及 $ 的作用

:ref 在 Vue 模板中,:ref 这种写法是使用了 Vue 的动态绑定语法(: 是 v-bind: 的缩写)。ref 是一个特殊的属性,用于给元素或组件注册引用信息。当你使用 :ref 时,通常是在动态地为元素或组件设置引用名称,…...

分库分表后,跨库查询和分布式事务解决方案

分库分表主要是为了解决单库单表的性能瓶颈,但拆分后数据分散在不同库和表中,这就导致了跨库查询和分布式事务的问题。 以下是实际项目中应对这些问题的核心策略与技术实现: 一、跨库查询解决方案 1. 全局表(广播表) 适用场景:基础数据表(如地区表、配置表)数据量小且…...

仅靠prompt,Agent难以自救

Alexander的观点很明确:未来 AI 智能体的发展方向还得是模型本身,而不是工作流(Work Flow)。还拿目前很火的 Manus 作为案例:他认为像 Manus 这样基于「预先编排好的提示词与工具路径」构成的工作流智能体,…...

android初学

Intent直译意图 显式意图:构造函数(实参为两个) (当前类对象 this,要跳转的.javaclass文件), 隐式意图:构造方法实参(填写一个)(需要在清单文件配置)系统自动匹配 点击事件: 注册设置点击监听器的常用三…...

IDEA修改默认作者名称

User: IDEA提示注释缺少author信息,但自动设置后,名称不是我想要的默认名称,应该如何修改IDEA里默认的作者名称? Kimi: 以下是几种修改IntelliJ IDEA中默认作者名称的方法: ### 方法一:修改File and Code …...

Playwright + MCP:用AI对话重新定义浏览器自动化,效率提升300%!

一、引言:自动化测试的“瓶颈”与MCP的革新 传统自动化测试依赖开发者手动编写脚本,不仅耗时且容易因页面动态变化失效。例如,一个简单的登录流程可能需要开发者手动定位元素、处理等待逻辑,甚至反复调试超时问题。而MCP&#xf…...

lodash 学习笔记/使用心得

lodash 学习笔记/使用心得 简单记一下 lodash 的一点学习笔记使用心得,最近也是打算清理一下所有的 dead code,然后发现我们用了好多的 lodash 方法。对比了之前的写法,重新看了一下官方文档,再自己重新动手写了点 util 之后发现…...

计算机操作系统(五) 前趋图和程序执行与进程的描述(附带图谱表格更好对比理解))

计算机操作系统(五) 前趋图和程序执行与进程的描述 前言一、前趋图和程序执行1.1前趋图1.2程序的顺序执行1.3程序的并发执行 二、进程的描述2.1进程的定义与特征2.2进程的基本状态与转换2.3挂起的操作系统和进程的转换2.4进程管理中的数据结构 总结&…...

“统计视角看世界”专栏阅读引导

根据文章主题和逻辑关系,我为您设计以下阅读引导方案: #mermaid-svg-xOnE2zTW20jz5myv {font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#333;}#mermaid-svg-xOnE2zTW20jz5myv .error-icon{fill:#552222;}#mermaid…...

C/C++静态库的理解和制作

1.什么是库 库是写好的现有的,成熟的,可以复用的代码。现实中每个程序都要依赖很多基础的底层库,不可能每个人的代码都从零开始,因此库的存在意义非同寻常。 本质上来说库是⼀种可执行代码的二进制形式,可以被操作系统…...

【redis】主从复制:单点问题、配置详解、特点详解

文章目录 单点问题什么是主从复制主从模式能解决的问题并发量有限可用性问题 配置建立复制通过配置文件来指定端口配置主从查看集群结构 断开复制 特点安全性只读传输延迟 单点问题 分布式系统中,涉及到一个非常关键的问题:单点问题 某个服务器程序&…...

OpenCV HighGUI 模块使用指南(Python 版)

用户让我编写一个 HighGUI 模块的使用指南,包括函数的使用和应用场景的实现。首先,我需要回顾 HighGUI 模块的主要功能:图像显示、视频捕获、鼠标和键盘事件。然后,按照用户提供的结构,整理每个部分的函数详解、代码示…...

PyTorch 面试题及参考答案(精选100道)

PyTorch 的动态计算图与 TensorFlow 的静态计算图有何区别?动态图的优势是什么? PyTorch 的动态计算图和 TensorFlow 的静态计算图在构建方式、灵活性和调试难度等方面存在显著区别。 在构建方式上,TensorFlow 的静态计算图需要先定义好整个…...

android......

事件源,就是视图对象,先注册一个监听器,等待用户触发了屏幕,一旦触发会立即产生一个事件源,事件源会生成一个用户点击的触发事件,此刻监听器会立马监听到 ,然后监听器调用回调方法 UI理解 全称用…...

常见中间件漏洞(tomcat)

CVE-2017-12615 当在Tomcat的conf(配置目录下)/web.xml配置文件中添加readonly设置为false时,将导致该漏洞产生,(需要允许put请求) , 攻击者可以利用PUT方法通过精心构造的数据包向存在漏洞的服务器里面上传…...

计算机网络高频(二)TCP/IP基础

计算机网络高频(二)TCP/IP基础 1.什么是TCP/IP⭐⭐ TCP/IP是一种网络通信协议,它是互联网中最常用的协议之一。TCP/IP有两个基本的协议:TCP(传输控制协议)和IP(互联网协议)。 TCP(Transmission Control Protocol,传输控制协议)是一种可靠的、面向连接的协议。它负…...

国际护士节知识竞赛主持稿串词

在这充满火热激情的季节,我们又迎来了5.12国际护士节。让我们首先向辛勤奋战在护理工作一线的全县广大护士姐妹们道一声: (男)让我们再一次以热烈的掌声欢迎他们:预祝各参赛代表队在护理知识竞赛中赛出风格,赛出水平,取得满意的成绩。 (女)…...

Elasticsearch:可配置的推理 API 端点分块设置

作者:来自 Elastic Daniel Rubinstein Elasticsearch 开放推理 API 现已支持可配置的分块,以便在文档摄取时处理语义文本字段。 Elasticsearch 推理 API 允许用户利用各种提供商的机器学习模型执行推理操作。其中一个常见用例是在索引中支持用于语义搜索…...

数据结构之链表(双链表)

目录 一、双向带头循环链表 概念 二、哨兵位的头节点 优点: 头节点的初始化 三、带头双向链表的实现 1.双链表的销毁 2.双链表的打印 3.双链表的尾插和头插 尾插: 头插: 4.双链表的尾删和头删 尾删: 头删: …...

uniapp从 vue2 项目迁移到 vue3流程

以下是必须为迁移到 vue3 进行调整的要点,以便 vue2 项目可以在 vue3 上正常运行。 1. 在index.js中创建应用程序实例 // Before - Vue 2 import Vue from vue import App from ./App // with no need for vue3 Vue.config.productionTip false // vue3 is no lon…...

案例:网络命名空间模拟隔离主机场景

场景描述 假设我们需要在同一台物理机上模拟两台独立的主机(Host A 和 Host B),它们分别位于不同的网络命名空间中,并通过虚拟以太网对(veth pair)进行通信。目标是展示网络命名空间的隔离性和跨命名空间的…...

23种设计模式-生成器(Builder)设计模式

工厂方法设计模式 🚩什么是生成器设计模式?🚩生成器设计模式的特点🚩生成器设计模式的结构🚩生成器设计模式的优缺点🚩生成器设计模式的Java实现🚩代码总结🚩总结 🚩什么…...

算法训练营第二十二天 | 回溯算法(四)

文章目录 前言一、Leetcode 491.递增子序列二、Leetcode 46.全排列三、Leetcode 47.全排列Ⅱ 前言 提示:这里可以添加本文要记录的大概内容: 例如:随着人工智能的不断发展,机器学习这门技术也越来越重要,很多人都开启…...

NLP高频面试题(十一)——RLHF的流程有哪些

随着大语言模型(如GPT系列)的快速发展,RLHF(Reinforcement Learning from Human Feedback,即基于人类反馈的强化学习)逐渐成为训练高质量模型的重要方法。本文将简单清晰地介绍RLHF的整体流程。 一、RLHF …...

测试用例设计方法与Prompt转化:一键生成高效提示词的实用指南

在测试工程师的日常工作中,设计测试用例是确保软件质量的关键环节。然而,如何快速、高效地设计出覆盖率高、逻辑严密的测试用例却是一个常见的挑战。本文将结合常用的测试用例设计方法,探索如何通过Prompt(提示词)转化…...

蓝桥杯备考:BFS最短路径之Meteor Shower S流星雨

本题是一个BFS最短路问题&#xff0c;我们可以先把时刻的矩阵搞出来&#xff0c;哪些时刻哪些方块儿不能走用来剪枝 如果第一次走到永远不会被扎到的区域&#xff0c;那时候就是我们的最短距离 定义方向向量 #include <iostream> #include <queue> #include <c…...

【 <二> 丹方改良:Spring 时代的 JavaWeb】之 Spring Boot 中的 RESTful API 设计:从上手到骨折

<前文回顾> 点击此处查看 合集 https://blog.csdn.net/foyodesigner/category_12907601.html?fromshareblogcolumn&sharetypeblogcolumn&sharerId12907601&sharereferPC&sharesourceFoyoDesigner&sharefromfrom_link <今日更新> 一、开篇整活…...

【深度学习与大模型基础】第8章-概率分布

一、概率质量函数 什么是概率质量函数&#xff1f; 概率质量函数是用来描述离散随机变量的概率分布的工具。它告诉我们&#xff0c;某个离散随机变量取某一个特定值的概率是多少。 举个例子&#xff1a;抛硬币 假设你有一个程序&#xff0c;模拟抛硬币的结果。硬币有两个可能…...