
假如您是交互设计方向的新手,或许您只知道如何制作精美的屏幕设计。但您想更改应用程序中的某些内容,因此您重新设计了一个现有应用程序或其功能,现在您想编写一个有关它的案例研究。
您可以使用多种工具进行案例研究。在本文中将使用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 天的挑战中。如果你能做到,现在就开始吧!