Photo of user
DSGN8290 interaction –
an employee is
Digital Design and leaving work for
the day and
User Interaction
interacting with
a touch screen
to rate their
workday from
good to bad.
Photo – Unsplash
Welcome!
Topics we will cover in this course:
• Explain the value of and current industry best practices for developing
effective user interfaces and a quality user experiences.
• Analyze the intent of a web or mobile user interface and the expected user
to determine the design requirements needed to develop a quality user
experience.
• Evaluate a web or mobile user interface to determine the effectiveness of
its user journey and accessibility.
• Develop a digital product design for an effective user journey utilizing
wireframes and prototype layouts.
• Design efficient and user-friendly navigation for web products based on
industry best practices.
Course Marks
Activity Grade
Assignments (2, individual) 20%
Projects (2, group) 30%
Mid-Term Test (1) 15%
Quizzes (4) 15%
Final Exam Practical and Theory 20%
Total 100%
Key Dates
For all assignment dates please see the
Instructional Plan (IP)
Go to eConestoga>
Content>Course Information>Instructional Plan
Reading Resources
• Designing Interfaces 3rd Edition
January 2020 ISBN #9781492051961
By Jenifer Tidwell, Charles Brewer, Aynne Valencia
Pre-reads for each class:
• Pre-read chapters
as assigned prior to class.
• Read and review slide decks
and any other pre-reads as
listed in each weekly module.
Learning Outcomes
• These are some of the learning outcomes
• Explain the value of and current industry best practices for developing
effective user interfaces and a quality user experiences.
• Analyze the intent of a web or mobile user interface and the expected user
to determine the design requirements needed to develop a quality user
experience.
• Evaluate a web or mobile user interface to determine the effectiveness of
its user journey and accessibility.
• Develop a digital product design for an effective user journey utilizing
wireframes and prototype layouts.
• Design efficient and user-friendly navigation for web products based on
industry best practices.
Let’s get started!
• We will take a tour of
eConestoga (LMS)
• Login to eConestoga with
your student email address
and your unique password
• View the Instructional Plan
for mapped out course
information and assignment
due dates
The Design Software
Download the software:
• Make sure you have the software ready-to-go on your
system. Download the Software: XD, Illustrator, Photoshop
What is Digital Design
• Digital design is all around us. Think about the
number of digital devices that are in use
• Smartphone users worldwide are currently at
about 6.4 billion (Statista, 2021)
• With a digital ad spend of more than two-
thirds of advertising budgets on mobile ads
• Digital design is any type of design that
involves an interaction with a digital device
Digital Design
is an umbrella term
Types of Digital Design
Digital design
umbrellas
Landing page
a wide array of Web Design Web Site Elements
design
unique digital
interfaces
Application (App)
App icon design Infographic design Email design
Design
Powerpoint template
Banner ads Ebooks 3D Design
design
Can you name Graphics for online
UX Wireframes &
another type of reports and white Interactive
Prototypes
digital design papers (PDFs)
Digital Designers
• Digital Designer are in • Digital
demand. Product Designers
• Graphic Designers • Interaction Designers
• Web Designers • Animators
• UX Designers
• UI Designers
Digital design - the future
• The power of digital • Digital Designers are in
design on the internet is demand.
ever-present, by • There are so many
evoking the user’s possibilities in the world
interaction and of digital design which
engagement. we will discuss in the
next slide.
Activities Today
• We will get digital and interactive.
• Digital design and user interaction activity, research, and
examples.
• Introduction to the digital design applications, the purpose and
tools and why designers use XD, Illustrator, and Photoshop,
to create web graphics, visual content, and layouts.
• Exploring the Graphical User Interface (UI) of Adobe CC
• (XD)(Adobe EXperience Design) **, Illustrator (AI)*, and
Photoshop (PS)**
