Glaydel Bellen

Jhon Carlo Ceneta

Mike Justine Bertillo

Nicomedes Quinsayas

Ian Jasper Bercacio

IT 6 - GROUP 1
Sean Espiritu
Mark Vincent Callos
 Conceptual Design:
Moving from Requirements
to First Design
Group-1_TOPIC 1

00:00
Conceptual
Design
Concerned with
transforming
requirements into a
conceptual model.

Back to Previous Page

Conceptual
de · sign
Concerned
purpose, with or
planning,
transforming
intention that exists or
requirements
is thought tointo a
exist
conceptual
behind model.
an action, fact,
or material object.

Back to Previous Page

Conceptual
Model
Concerned
What
purpose, with door
canplanning,
people
transforming
with
intention a that
product?
exists or
requirements
What
is tointo
concepts
thought area
exist
conceptual
needed
behind an to model.
understand
action, fact,
howmaterial
or to interact with
object.
the product?

Back to Previous Page

Back to Previous Page
Benefits of a Conceptual Design:
Clarity it provides of what a product can do and what
its intended.
Help to create a clear user interface which is easy to
understand and interpret.
Helps to describe the roles of different users and their
requirements in detail so that the project is better
understood from the offset.
Help to carefully consider the users
point of view making the final results
easier to achieve as well as current
design trends and materials.

Back to Previous Page

Key Guiding Principles:
Keep an open mind but never forget the user and their
context.
Discuss ideas with other stakeholders as much as
possible.
Use low-fidelity prototyping to get rapid feedback.
Iterate, iterate, iterate.

Back to Previous Page

Personas
Descriptions (conceptual model)
of typical users:
- brings user profile to
life
- consists of a name and
often a photo
- unique set of goals related
to the product
- user's skills, attitudes,
tasks and environment
Details help designers to see
personas as real potential users.

Back to Previous Page

Developing an Initial Conceptual
Model:
DEFINE AN INITIAL CONCEPTUAL MODEL BY CONSIDERING:
Which interface metaphors would be suitable to help
users understand the product?
Which interaction type(s) would best support the
users' activities?
Do different interface types suggest alternative
design insights or options?

Back to Previous Page

Interface
Metaphors
Combine familiar
knowledge with new
knowledge in a way
that will help the
user understand the
product.

Back to Previous Page

g an Initial Conceptual Model• Developing an Initial Conceptual Model • Developing an Initial Conceptual Model •Developing an

THREE-STEPS Process for choosing a

Good Interface Metaphors:

Step 1 Step 2 Step 3

Understand what the Understand which bits of
the product (tasks or
system will do
subtasks) are likely to Generate metaphors
(functional cause problems, are
requirements) complicated or critical

nceptual Model• Developing an Initial Conceptual Model • Developing an Initial Conceptual Model •Developing an Initial Concep

Back to Previous Page

Interaction
Types
Instructing
Conversing
Manipulating
Exploring

Back to Previous Page

Combination of Interaction Types:
EXAMPLE: Travel Organizer

INSTRUCTING: CONVERSING: MANIPULATING:

Find out VISA Trying to identify a Selecting
regulations for a vacation for a group characteristics,
particular of people. time constraints,
destination. and preferences.

Back to Previous Page

Interface
Types Different Interface
types prompt and support
different perspectives
on the product under
development and suggest
different possible
behaviors.

Back to Previous Page

Comparing Interface Types:
Shareable Interface
- Those that can be interacted simultaneously by
several users.
Tangible Interface
- Form of sensor-based interaction, where blocks
or other physical objects are moved around.
Augmented or Mixed Reality Interface
- Information is overlaid onto the device to
create an interwoven experience where digital
information alters the users' perception of the
real world.

Back to Previous Page

Expanding the Initial Conceptual
Model:
EXPAND AN INITIAL CONCEPTUAL MODEL BY CONSIDERING:
What functions will the product perform?
- task allocation: Deciding what the system will do
and what must be left for the user
How are the functions related to each other?
What information needs to be available?
- wireframes: A set of documents that show structure,
content, and controls

Back to Previous Page

Physical Design:
Getting Concrete

Group-1_TOPIC-2

00:00
Physical
Design Considers details of
the product including:
Visual Appearance
(color & graphics or
sounds)
Icon, button, & menu
designs
Interface layout

Back to Previous Page

Comparing Conceptual & Physical
Design:
Conceptual Physical
NO
Develops an outline of RIGID
what people can do with BORDER
a product and what
concepts are needed to
understand how to
interact with it.

Back to Previous Page

Two Aspects that Drawn
Attention for Physical Design:
Accessibility:
- Good design for all products to include
accessibility features.
National Culture:
- Aspect of cross-cultural design include use of
appropriate language(s), colors, icons, and
typographic layout.

Back to Previous Page

THANK
YOU!!