超详细制作交互设计项目攻略！附5个学习与练习UX在线网站！

假如您是交互设计方向的新手，或许您只知道如何制作精美的屏幕设计。但您想更改应用程序中的某些内容，因此您重新设计了一个现有应用程序或其功能，现在您想编写一个有关它的案例研究。

您可以使用多种工具进行案例研究。在本文中将使用Figma为您带来超详细制作交互设计项目攻略。

案例研究的参数如下：

颜色 - 使用应用程序中的主要颜色和次要颜色。

标题-48pt，副标题-40pt，内容-20pt

第1帧：

应用的形象、应用名称和您的名字

1.应用程序的高质量图片。占本帧的 90%。

2.用粗体书写-“UX/UI 案例研究”和“应用程序名称”

第2帧：

应项目概述、您的角色和项目持续时间以及您的设计过程

1.提及您的具体角色，即用户研究、UI 设计、线框图和原型设计。

2.不要写任何随机的设计过程。遵循行业标准。

3.在展示您的设计过程时要有创意。

第3帧：

问题陈述、解决方案或你的目标和一些描述它的图片

1.写出确切的问题陈述及其对业务的影响

2.写两个目标。一种解决用户问题及其最终如何增强业务的方法。

3.不要写“我会在屏幕上进行某某更改以实现某某目标”。准确地写出最终的结果。

第4.5帧：

初步调查或定量研究&访谈或定性研究

1.首先写下你调查了谁，为什么？

2.然后从中获取见解以缩小您的研究范围。

3.在放大和聚焦的视图中显示数字和统计数据。

4.永远不要写下你对用户的要求，而是写下你的见解。

第6帧：

竞争分析-至少3个对手

1.选择 3 名或 3 名以上的竞争对手。间接或直接两者都可以。

2.要以紧凑的形式显示所有这些特征和弱点，可以使用轴图。

3.写下发现的主要差距。

第7帧：

痛点和解决方案

1.阅读竞争分析和采访中的差距，并将痛点缩小到您想要/可以解决的痛点。将其命名为重点或主要痛点。

2.在每个主要痛点旁边写下建议的设计解决方案，这样就感觉你真的想解决这个问题。

第8帧：

用户旅程图

1.构建您想要解决的应用程序部分的用户旅程。就像只是订购食物或只是上传图片或只是发布一些东西。

2.从查找应用程序到下载、入职和实际使用该功能，一切都可以改进。写下每一步的改进机会。

第9帧：

用户画像

此阶段的角色是假设存在的用户，并且正面临您从上述研究中得到的问题。

第10帧：

用户流或信息架构

1.使用正确方向的正确箭头。

2.无需将每个功能都连接到其他所有功能。

第11帧：

线框图

1.这部分展示了您已经设计了自己的东西。单击草图的漂亮图片。

2.所以最好有笔和纸上的草图而不是数字线框。

3.不要在您的案例研究中使用低保真设计，只要有纸笔素描和高保真设计。

第12帧：

高保真设计

1.描述设计的哪一部分正在解决哪个问题。

2.如果您不知道如何包含原型，请尽可能用箭头写出简短的描述。

3.还要添加您创建的任何组件，例如（食物卡、任何新的 CTA 或图标）。

4.根据趋势进行设计。

第13帧：

排版、颜色、图标

1.请提供您选择颜色和字体的原因。不要随意。说明原因。如果你没有找到原因或煮一个。

2.写下颜色的名称，而不仅仅是十六进制代码。

第14帧：

展示不同的效果图像

应该在一帧中巧妙地显示所有屏幕。

第15帧：

您的姓名、联系方式和感谢部分

除了详细的项目制作流程，我们还为大家整理了5个超棒的学习与练习UX的在线网站！

01.UXtools.co

网址：https://uxtools.co/

1.来自真实世界的练习。

2.训练自己掌握关键技能和工具。

3.带走具有投资组合价值的可交付成果。

4.对初学者和专家都很有用。

02.Sharpen.design

网址：https://sharpen.design/

Sharpen可以生成开放式项目提示，增强 21 个不同类别和2个独特生成器的关键问题解决能力、好奇心和创造力。

您可以在招聘过程中使用自定义锐化设计提示生成器，让招聘设计师更容易、更合乎道德、更高效。

03.Fakeclients.com

网址：https://fakeclients.com/

一个帮助您练习标志设计、用户体验、网页设计、平面设计和插图的网站。按“开始”，将生成一个随机设计简介，以便您可以练习您的设计技能并填写您的作品集，为虚拟企业工作。

04.Sketchingforux.com

网址：https://sketchingforux.com/

每天需要 5-10 分钟。构建您自己的与 UX 相关的视觉库！该站点将在 100 天内每天向您发送与 UX 相关的对象或概念。

05.100天产品设计

网址：

https://imprint.li/100days/index.php/100-days-product-design/

100 天的产品设计。我已经将产品设计的基础知识收集到了这个 100 天的挑战中。如果你能做到，现在就开始吧！