设计体验

目标：

确立“北极星指标”。我们访谈高管、营销总监和产品负责人。

关键问题：

您的核心盈利模式是什么？我们是优化潜在客户生成（B2B）还是直接销售（B2C）？品牌定位与原型是什么（例如：权威型、智慧型、探索型）？

成果：

一套清晰的商业 KPI（关键绩效指标）。

目标：

走出会议室，站在用户的角度思考。

活动：

• 构建用户画像：创建虚构的用户原型（如“企业克里斯托弗，忙碌的采购主管”）。
• 同理心地图：映射用户在寻找解决方案时的言语、想法、行为和感受。
• 竞品分析：深度剖析竞争对手（如我们对 WYSS 或 Cornerstone 的分析）以发现市场空白。

设计思维：

如何构建复杂信息（如垂直供应链）以避免用户产生认知过载？

活动：

卡片分类法（Card Sorting - 梳理用户心智模型）和站点地图创建。

目标：

降低认知负荷。用户永远不必“思考”该点击哪里。

活动：

绘制用户从“认知”（访问首页）到“转化”（点击“联系我们”）的路径。

用户体验原则：

识别“摩擦点”。他们可能在哪里流失？我们如何使这条路径更顺畅？

活动：

使用灰色方框和线条创建网站的“蓝图”（无颜色、无图像）。

原因：

专注于布局和层次结构。如果结构在黑白稿中无法运作，在彩色稿中也不会有效。

活动：

确立视觉风格（字体、配色方案、摄影风格）。

与分析的联系：

这是我们决定使用衬线字体表达权威感，或使用柔和色彩表达亲和力的地方。

活动：

将品牌视觉规范应用到线框图上。

人机交互原则（HCI）：

• 可供性：按钮必须看起来可点击。
• 反馈：如果用户悬停，元素必须做出反应。
• F型视觉扫描模式：设计符合人眼扫描屏幕方式的布局（从左上到右上，然后向下）。

活动：

串联静态页面，模拟真实交互体验。

目标：

展示“流程”。我们测试过渡效果、固定标题以及菜单的打开/关闭方式。

活动：

我们将原型呈现给 5-7 个真实用户（与用户画像匹配）。

任务：

“请向我展示您如何请求石材加工报价。”

测量：

我们跟踪“任务完成时间”和“错误率”。如果用户在操作中感到困惑，说明设计存在缺陷，我们需要回溯至设计阶段进行优化。

道德与法律要求：

确保网站可供残障人士使用（屏幕阅读器、色盲）。

操作：

检查对比度（如白色背景上的灰色文字）和键盘导航。

活动：

构建“组件库”。我们定义按钮的精确像素高度、悬停状态的精确十六进制颜色代码以及间距规则。

原因：

这确保了一致性。首页上的“联系”按钮必须与关于页面上的“联系”按钮一致。

为开发人员提供优化后的素材（WebP 图像、SVG 图标），确保网站快速加载（对 SEO 和用户留存至关重要）。

在不同设备（iPhone、Android、桌面、平板）和浏览器（Chrome、Safari）上测试编码网站。

活动：

SEO/GEO - Google Analytics 和 Microsoft Bing Webmaster Tools。

数据驱动的迭代闭环：

如果我们发现用户忽略某个特定部分，我们就重新设计它。流程循环回到第 1 阶段。