|
所在平台: Coursera |
课程主页: https://www.coursera.org/learn/wireframes-und-low-fidelity-prototypen-erstellen
课程评论:没有评论
课程名称:创建线框图和低保真原型 课程概述:“创建线框图和低保真原型”是用户体验设计(UX设计)证书项目的第三门课程,旨在帮助您掌握申请UX设计入门职位所需的技能。在本课程中,您将继续设计一个移动应用程序,以增加您专业UX作品集的价值。您将从创建情节故事板开始,然后熟悉草图基础知识。接下来,您将使用纸张和设计工具Figma创建线框图,以及纸质和数字低保真原型。课程由在谷歌工作的UX设计师和研究员主讲,实践活动将模拟真实的UX设计场景。完成该证书项目的七门课程后,学习者即可申请UX设计入门职位。 课程完成后,您将能够: - 开发目标描述 - 创建两种类型的故事板:全局故事板和特写故事板 - 理解低保真设计与高保真设计的区别 - 应用草图基础知识 - 使用信息架构原则组织移动应用程序 - 开发移动应用程序的纸质线框图 - 在Figma中开发数字线框图 - 创建纸质原型以实现设计互动性 - 在Figma中设计低保真原型 - 识别设计中的隐性偏见和误导模式 - 继续制作一个移动应用,以便将其纳入您的专业作品集 为了成功完成本课程,您需要完成本证书项目的前两门课程,或能够进行用户研究,以为创建同理心地图、人物角色、用户故事、用户旅程图、问题描述和价值主张奠定基础。此外,您还需要准备纸张和笔。 课程大纲: - 第一部分:故事板与线框图 描述:欢迎来到线框图的世界!您将学习如何利用研究成果改进设计过程中的创意发展。接下来,您将创建两种类型的故事板:全局和特写。然后,您将绘制您的首个线框图并了解线框图的优势。 - 第二部分:创建纸质和数字线框图 描述:在这一部分的课程中,您将进行多项活动,为移动应用程序创建线框图。您会先在纸上绘制多个线框图,随后转向在Figma设计工具中创建数字线框图。您还将学习如何充分使用Figma以及应用艺术设计原则。 - 第三部分:创建低保真原型 描述:您已经了解了设计过程的前三个阶段:建立同理心、定义焦点、发展创意。现在,我们将进入设计过程的第四个阶段:创建原型。您将首先创建一个纸质原型,然后转向Figma的数字低保真原型。您还将学习如何识别设计中的潜在偏见及避免误导性模式。
Part: 1
Title:Storyboarding und Wireframing
Description: Willkommen in der Welt der Wireframes! Zunächst lernen Sie, wie Sie Forschungsergebnisse nutzen können, um die Ideenentwicklung während des Designprozesses zu verbessern. Als Nächstes erstellen Sie zwei Arten von Storyboards: Big-Picture- und Close-up-Storyboards. Anschließend zeichnen Sie Ihre ersten Wireframes und lernen die Vorteile von Wireframing kennen. Denken Sie daran, dass Sie zu diesem Zeitpunkt des Designprozesses zahlreiche Ideen für Designs haben sollten, die sich auf tatsächliche Anforderungen der Nutzenden beziehen. Diese Ideen sollten Sie präzisieren und Wireframing kann Ihnen dabei helfen.
Part: 2
Title:Wireframes auf Papier und digital erstellen
Description:In diesem Teil des Kurses erwarten sie zahlreiche Aktivitäten, in denen Sie Wireframes für eine mobile App erstellen. Zunächst zeichnen Sie mehrere Wireframes auf Papier. Anschließend wechseln Sie zu digitalen Wireframes im Designtool Figma. Dabei erfahren Sie sogar direkt von Figma, wie Sie das Tool optimal nutzen. Schließlich wenden Sie Gestaltprinzipien wie Ähnlichkeit, Nähe und gemeinsame Region auf Ihre Wireframes an
Part: 3
Title:Low-Fidelity-Prototypen erstellen
Description: Sie haben bereits die drei ersten Phasen des Designprozesses kennengelernt: Empathie aufbauen, Fokus definieren, Ideen entwickeln. Jetzt kommen wir zur vierten Phase des Designprozesses: Prototypen erstellen. Zunächst erstellen Sie einen Prototyp Ihrer mobilen App aus Papier. Anschließend gehen Sie zu einem digitalen Low-Fidelity-Prototyp in Figma über. Darüber hinaus erfahren Sie, wie Sie potenzielle Voreingenommenheit in Ihren Designs erkennen und irreführende Muster umgehen können.
„Wireframes und Low-Fidelity-Prototypen erstellen“ ist der dritte Kurs des Zertifikatsprogramms, mit dem Sie die nötigen Fähigkeiten erwerben, um sich für Einstiegspositionen im Bereich User Experience Design (UX-Design) zu bewerben. In diesem Kurs werden Sie damit fortfahren, eine mobile App für Ihr professionelles UX-Portfolio zu entwerfen. Sie beginnen mit dem Erstellen von Storyboards und machen sich mit den Grundlagen des Skizzierens vertraut. Anschließend erstellen Sie Wireframes auf Papier und digitale Wireframes mithilfe des Designtools Figma. Sie erstellen außerdem einen Prototyp aus Papier und einen digitalen Low-Fidelity-Prototyp in Figma. Der Kurs wird von aktuell von bei Google tätigen UX-Designschaffenden und UX-Forschenden geleitet. Bei praktischen Aktivitäten werden Sie reale UX-Designszenarien simulieren. Lernende, die die sieben Kurse dieses Zertifikatsprogramms absolvieren, können sich auf Einstiegspositionen im Bereich UX-Design bewerben. Nach Abschluss dieses Kurses können Sie: – eine Zielbeschreibung entwickeln. – zwei Arten von Storyboards erstellen: Big-Picture- und Close-up-Storyboards. – den Unterschied zwischen Low-Fidelity-Designs und High-Fidelity-Designs verstehen. – die Grundlagen des Skizzierens anwenden. – die Prinzipien der Informationsarchitektur zum Organisieren einer mobilen App anwenden. – Papier-Wireframes für das Design mobiler Apps entwickeln – digitale Wireframes im Designtool Figma entwickeln. – Prototypen aus Papier entwickeln, um Designs interaktiv zu gestalten. – einen Low-Fidelity-Prototyp in Figma entwerfen. – implizite Voreingenommenheit und irreführende Muster im Design erkennen. – an der Erstellung einer mobilen App weiterarbeiten, um sie in Ihr professionelles Portfolio aufzunehmen. Um diesen Kurs erfolgreich zu absolvieren, sollten Sie die beiden vorherigen Kurse dieses Zertifikatsprogramms abgeschlossen haben oder Nutzungsstudien durchführen können, um die Grundlage für die Erstellung von Empathy Maps, Personas, User Storys, User Journey Maps, Problembeschreibungen und Nutzenversprechen zu schaffen. Sie brauchen außerdem ein Blatt Papier und einen Stift.