Category: Modules

After you complete a detailed wireframe design, you will move on to consider overall look-and-feel and add colors, typography, and other visual design elements to enhance communication and overall user experience. In this module you will complete the visual design of the homepage, Creating a computer and a mobile versions. …

Due this Monday (4/27): low-fidelity prototype and user flows (as described in week 10 post ). Publish the prototype and post a link on this website (assign the category prototype). Due this Friday: Second iteration of prototype, higher fidelity using interface elements from the  Material Design UI kit or drawing …

How to submit the final project Upload the submission template to Blackboard (it must include a link to the shared prototype). Upload your XD file to Blackboard. Upload your video to a cloud service of your choice (Adobe creative cloud Dropbox, Google Drive, etc.) and share a link in Blackboard. …

Just as we get immediate feedback when we interact with physical objects, users of our UI should get immediate feedback after every interaction with an interface control. Examples of feedback include changes in color or position, a popup message, sound and more. In this module you will prototype your midterm …

** I will post a link to our zoom meeting on Monday at 8:45am. ** Topics Planning website content Information architecture and design: organizing information in sites and pages Drawing sitemaps and wireframes Website navigation design Read/review (required) Taxonomies and organizational schemes. Planning your website content Website navigation design How …

In this module we will review the fundamentals of typographic design as it applies to screen-based communication. You will learn about type properties and how to manipulate them to structure text, create visual hierarchy, and clarify meaning.

In this module we will review the fundamentals of typographic design as it applies to screen-based communication. You will learn about type properties and how to manipulate them to structure text, create visual hierarchy, and clarify meaning.

In this module we will learn about principles of visual organization and how to employ them to design and organize interface elements. You will work on designing more complex interface elements consisting of images, text and active elements.

In this module you will learn and practice layout techniques and strategies for responsive website interfaces. Using an underlying grid, we will design a layout for a web page with multiple content and active elements, creating versions for web, tablet, and mobile screen sizes.

In this module we will focus on the content of the website and will review different ways in which content can be structured and labeled on the whole website. You will plan the content of a website, structuring and labeling it for a specific target audience. Learning outcome Read/Watch Defining …

In this module you will plan the navigation of your midterm website, considering different navigation design patterns that would encourage your target audience to explore and discover content. You will start the design of the homepage of your midterm website, beginning with a wireframe design, a detailed schematic design for …

After you completed a detailed wireframe design in the previous module, you will now move on to consider overall look-and-feel and add colors, typography, and other visual design elements to enhance communication and overall user experience. In this module you will complete the visual design of the homepage, creating a …

Overview We will start this week by critiquing your midterm website. You will share your work with classmates and revise it based on received feedback. We will then start our new project and take the first step of the process of designing a prototype for a mobile application. We will …

In this module you will learn how UX designers identify and describe target audiences. Selecting one of the ideas proposed in previous module for your final project, you will further define it in a creative brief, clearly articulating target audience, user goals, tasks and functionality. You will study interaction design …

In this module you will start designing your app. We will start by reviewing two application design workflows, the waterflow model and the agile model. Informed by the agile approach, you will select one user task to prototype, and complete a full cycle of prototyping, testing, and refining. For this …

In this module you will start building a high-fidelity prototype. We will use Google Material Design’s library of mobile interface elements to jump start our mobile interface design, selecting suitable interface elements and designing their behavior. We review other design systems, and discuss their role in the design workflow. Learning …

In this module you will continue building the interface of your app, using familiar UI design patterns. We will again test your prototype, get feedback and implement changes based on received feedback. In addition, start to add those distinct design touches so missing from the Material Design UI elements – …

In this final module you will write a case study, documenting the steps you took to design and revise your mobile app prototype and reflecting on your experience. You will present the final prototype, showcasing the app and explaining the way it works. Learning Outcome Final Project Case Study Write …

In this first module we will examine different kinds of user interfaces, both on and off-screen, and the various ways in which people interact with them. Focusing on web and mobile interfaces, we will introduce UI design patterns, and guidelines for designing active interface elements. We will start designing our own UI elements, implementing these patterns and guidelines.

Welcome to MMP 200! This class is an introduction to the topics and goals of this course, and to the way it will be conducted. We will review the class website and outline the course requirements and topics. We will define the two central topics of this class: User Experience Design (UX) and User Interface design (UI). And we will describe the tasks performed by UX and UI designers.