SlideShare a Scribd company logo
1 of 89
Download to read offline
INTRODUCTION TO
BUILDING WIREFRAMES
Davide ‘Folletto’ Casali
NIGHT.EU

UX Designer

Advisor
What do you do?
TODAY
1 / Wireframes · how to work with them
2 / Wireframes management · how to use them effectively
3 / OmniGraffle Pro · introduction

90’

Junior/Mid
PART 1

Wireframes
THE IDEA OF
WIREFRAME COMES
FROM 3D MODELLING

@hjmediastudios
Wikipedia:
“A website wireframe 

is a visual guide 

that represents 

the skeletal framework 

of a website”
Nielsen/Norman Group:
“Wireframing is a low-cost,
rapid iterative design
technique that offers one of
the best methods for gaining
design insight early”

http://www.nngroup.com/courses/wireframing-and-prototyping/
THERE ARE
DIFFERENT QUALITIES
OF WIREFRAMES
Even if wireframes display a single interface/page
they are less like photos and more like movie stills
WIREFRAMES
AS STORIES

© Ivor Beddoes
@awfulshot
WIREFRAMES
AS STORYBOARDS
FOR INTERFACES

© Ivor Beddoes
DIFFERENT WAYS TO TELL A STORY
frame by frame, drawings
key frames, textual descriptions
key frames, spoken narrative
Even if the storyboard is not visible
it’s still the foundation of wireframes
Wireframes are a static representation
of a dynamic non-linear flow of activity
The wireframe represents also the very first
moment when the project team sees
everything coming together.
Box

The minimal visual building block
of a wireframe is the box.
Box

Boxes usually contain a uniform kind of
content, not the individual elements.
However, it’s important to choose the right level
of breakdown to support the discussion.
Logo
Navigation

Box

Box
Content
Box
Let’s wireframe Twitter.
Boxes only.
Global Navigation

User Page

Navigation
User profile

Multimedia 

Content of the User

User Stats

Who to follow
suggestions

Tweets

Trends

Messages
This high level box view is
implicit most of the time, but it’s
incredibly useful when applied
on a number of pages to ensure
consistency and reusability.

N
C

N
Box

N
Box

C
S

Box

Box
Box
Box

Box
Box

S
TEXT

BUTTONS

Lorem ipsum gaium sit
amet isciquitur elit in
ellam lacustre pulzella.

Button

Box
IMAGES

MORE...

···
Box
Thomas Talker:!
Lorem ipsum gaium sit amet
isciquitur elit in ellam
lacustre pulzella.
Expand
OFTEN EACH
HIGH-LEVEL
BOX CONTAINS
A REPEATING
PATTERN

Thomas Talker:!
Lorem ipsum gaium sit amet isciquitur elit in
ellam lacustre pulzella.
Expand

Thomas Talker:!
Lorem ipsum gaium sit amet isciquitur elit in
ellam lacustre pulzella.
Expand

Thomas Talker:!
Lorem ipsum gaium sit amet isciquitur elit in
ellam lacustre pulzella.
Expand

Thomas Talker:!
Lorem ipsum gaium sit amet isciquitur elit in
ellam lacustre pulzella.
Expand

Thomas Talker:!
TRY WORKING WITH PATTERNS AS
MUCH AS POSSIBLE TO SUPPORT
MEMORY AND LEARNING, MAKING
THE INTERFACE TRUSTWORTHY
Let’s build a journey.
Imagine Twitter’s registration process.
LOGIN PROCESS
The main steps of the journey

Home

Reg. Form

Confirmation
LOGIN PROCESS
How do we guide the user to the value?

?
Home

Reg. Form

Confirmation

Your Page
LOGIN PROCESS
An e-mail based approach

Home

Reg. Form

Confirmation

Email

Your Page
LOGIN PROCESS
A more direct way to engage the user

Home

Reg. Form

Confirmation

Email

Your Page
LOGIN PROCESS
Review journeys for the edge cases: errors, problems, etc

!
Home

Reg. Form

Confirmation

!
Email

Your Page
LOGIN PROCESS
The story is even bigger in reality

Tweet

Third party

Home

Reg. Form

Confirmation

Email

Your Page

Third party
1 / Wireframes as stories

2 / From boxes to elements
PART 2

Wireframes management
AGILE APPROACH TO WIREFRAMING

Ask yourself:
What’s the level of detail
I need to communicate
effectively?

HD
DETAILED
HIGH LEVEL
PAPER SKETCH
WHITEBOARDS
NAPKINS
Wireframes are made to be thrown away.
They are steps in the process of design.
Only the final one stays... until it gets developed.
In other words:
they can be delivered as documentation
but they are not for most of the process
THE INTERMEDIATE STEPS
ARE VALUABLE:
THEY SUPPORT
COMMUNICATION AND
CONSENSUS
AT EACH STEP YOU CAN
· test the journey
· discuss with management
· discuss with technical team
· share with other parties
observe

dot
LOOP

do

think

WORK IN ITERATIONS
This works
from startups to big enterprises
WEEKLY ITERATION
Helps with project activities
scoping, clarifies expectations,
supports continuos progress review.

WEEKLY MEETING
Sets formal progress steps to help the
client keeping the pace while being in
touch with the project progress
Let’s see an example
PREPARE
The first iteration is
about understanding
the problem.
Let’s see an example

WORKSHOP
First wireframes made
collaboratively by the stakeholders
in a workshop, in groups.
WHITEBOARD
Let’s see an example
TEST WITH USERS
Take the whiteboards and
formalize them in individual
proposals to be tested.
Let’s see an example

REVIEW ALTERNATIVES
In this review propose a few
alternatives refining the solutions
from the workshop.
PAPER SKETCH
Let’s see an example
TEST WITH USERS
Yup, again, if it’s possible. Try a
more guerrilla approach maybe.
Let’s see an example

REVIEW FIRST DRAFT
Ask explicitly to involve
developers if it didn’t happen
before the review.
HIGH LEVEL
1 ITERATION = No review*

* or review in a different next step (visual design? development?)
2 ITERATIONS = Draft, then feedback, then refine
3 / Wireframes as steps

4 / Iterative approach
PART 3

OmniGraffle Pro
OmniGraffle
Professional
Why Pro?
OmniGraffle is a powerhouse
Wireframes

Interactive
PDFs

From
sketches to
HD prototypes

IA

HTML export

Presentations

Diagrams

Build any PDF

Pixel perfect
...even if it lacks some pieces
No built-in
collaboration

No motion design
OMNIGRAFFLE CAN
EXPORT INTERACTIVE
PDFS THAT CAN BE
USED AS PROTOTYPES
·
·
·
·

You can send them via email
You can use them as prototypes
You can use them for testing
They show flows, not stills
FUNDAMENTALS
select

shape

lines

text

freeform
Let’s try!
Let’s sketch Twitter’s wireframe
Global Navigation

User Page

Navigation
User profile

Multimedia 

Content of the User

User Stats

Who to follow
suggestions

Tweets

Messages
Let’s sketch a single tweet wireframe

Thomas Talker:!
Lorem ipsum gaium sit amet
isciquitur elit in ellam
lacustre pulzella.
Expand
Let’s sketch Google’s homepage
Let’s sketch Twitter’s homepage
Let’s sketch Dropbox’s homepage
Let’s sketch Wordpress.com homepage
Lots of actions...

SIGN UP

VIDEO
LOGIN

MORE INFO
PROPERTIES: ACTION
1.
2.
3.
4.
5.

Properties panel
Action
Jump elsewhere
Switch to a Specific Canvas
Select canvas
INTERACTIVE PDF
1. File → Export…
2. PDF vector image
3. Entire Document
TIPS
Grouping

Shared Layers

Smart Objects
Grouping
Shared Layers
Smart Objects
SET THE PAGE SIZE IN PX BY
SPECIFYING THE “PX” (OR “PT”) UNIT
BY HAND
IT’S A GOOD IDEA TO KEEP THE ZOOM
AT 100%, TO DESIGN AT THE RIGHT
SCALE. KEEP ALSO THE HEIGHT SHORT
TO FEEL THE SCROLL POSITION.
REVIEW THE KEYBOARD SHORTCUTS
FROM PREFERENCES TO ADAPT THEM
TO YOUR STYLE.
REVIEW ALSO “KEEP TOOL ACTIVE”.
5 / Basics of OmniGraffle Pro

6 / Grouping, masters, smart objs
“

To complicate is easy, to simplify is hard.
To complicate, just add,
everyone is able to complicate.
Few are able to simplify.
Bruno Munari

”
Thanks.

@Folletto

More Related Content

What's hot

IDEO Method Card
IDEO Method CardIDEO Method Card
IDEO Method Card
yhi-ling
 
General Assembly - How To Get A Great UX Job
General Assembly - How To Get A Great UX JobGeneral Assembly - How To Get A Great UX Job
General Assembly - How To Get A Great UX Job
Patrick Neeman
 
Wireframes and Interaction Design Documents
Wireframes and Interaction Design DocumentsWireframes and Interaction Design Documents
Wireframes and Interaction Design Documents
piksels
 
Designing for User Experience (UX) with Atlassian Tools
Designing for User Experience (UX) with Atlassian ToolsDesigning for User Experience (UX) with Atlassian Tools
Designing for User Experience (UX) with Atlassian Tools
Atlassian
 

What's hot (20)

UXPA 2021: Journey Mapping Tools and Techniques: Research, Design and Action ...
UXPA 2021: Journey Mapping Tools and Techniques: Research, Design and Action ...UXPA 2021: Journey Mapping Tools and Techniques: Research, Design and Action ...
UXPA 2021: Journey Mapping Tools and Techniques: Research, Design and Action ...
 
IDEO Method Card
IDEO Method CardIDEO Method Card
IDEO Method Card
 
User experience design
User experience designUser experience design
User experience design
 
Demystifying User Experience
Demystifying User ExperienceDemystifying User Experience
Demystifying User Experience
 
General Assembly - How To Get A Great UX Job
General Assembly - How To Get A Great UX JobGeneral Assembly - How To Get A Great UX Job
General Assembly - How To Get A Great UX Job
 
Prototyping Workshop
Prototyping WorkshopPrototyping Workshop
Prototyping Workshop
 
Ux is not UI
Ux is not UIUx is not UI
Ux is not UI
 
Ux design process
Ux design processUx design process
Ux design process
 
UX Design Process
UX Design ProcessUX Design Process
UX Design Process
 
Wireframes and Interaction Design Documents
Wireframes and Interaction Design DocumentsWireframes and Interaction Design Documents
Wireframes and Interaction Design Documents
 
Virtual sdgc20 | oct 22 23, 2020 | full stack service designers
Virtual sdgc20 | oct 22 23, 2020 | full stack service designersVirtual sdgc20 | oct 22 23, 2020 | full stack service designers
Virtual sdgc20 | oct 22 23, 2020 | full stack service designers
 
UX workshop
UX workshopUX workshop
UX workshop
 
UX Workshop
UX WorkshopUX Workshop
UX Workshop
 
on Service Design
on Service Designon Service Design
on Service Design
 
Agile Development Design Process Powerpoint Guide
Agile Development Design Process Powerpoint GuideAgile Development Design Process Powerpoint Guide
Agile Development Design Process Powerpoint Guide
 
UX design, service design and design thinking
UX design, service design and design thinkingUX design, service design and design thinking
UX design, service design and design thinking
 
UX Lesson 6: Visual Hierarchy
UX Lesson 6: Visual HierarchyUX Lesson 6: Visual Hierarchy
UX Lesson 6: Visual Hierarchy
 
Designing for User Experience (UX) with Atlassian Tools
Designing for User Experience (UX) with Atlassian ToolsDesigning for User Experience (UX) with Atlassian Tools
Designing for User Experience (UX) with Atlassian Tools
 
Ux & Service design intro
Ux & Service design introUx & Service design intro
Ux & Service design intro
 
Basics in User Experience Design, Information Architecture & Usability
Basics in User Experience Design, Information Architecture & UsabilityBasics in User Experience Design, Information Architecture & Usability
Basics in User Experience Design, Information Architecture & Usability
 

Similar to Introduction to Building Wireframes (with OmniGraffle)

Twin Redheaded Stepchildren of a Different Mother: The Usability of Accessibi...
Twin Redheaded Stepchildren of a Different Mother: The Usability of Accessibi...Twin Redheaded Stepchildren of a Different Mother: The Usability of Accessibi...
Twin Redheaded Stepchildren of a Different Mother: The Usability of Accessibi...
Dylan Wilbanks
 
Importance of Wireframes in Web Design
Importance of Wireframes in Web DesignImportance of Wireframes in Web Design
Importance of Wireframes in Web Design
Hitesh Mehta
 

Similar to Introduction to Building Wireframes (with OmniGraffle) (20)

Introduction to Building Wireframes (with Keynote)
Introduction to Building Wireframes (with Keynote)Introduction to Building Wireframes (with Keynote)
Introduction to Building Wireframes (with Keynote)
 
Module 07: Wireframes
Module 07: WireframesModule 07: Wireframes
Module 07: Wireframes
 
The definitive guide to Web flowcharts
The definitive guide to Web flowchartsThe definitive guide to Web flowcharts
The definitive guide to Web flowcharts
 
Postdesktop Usability
Postdesktop UsabilityPostdesktop Usability
Postdesktop Usability
 
Accessibility Usability Professional Summry
Accessibility Usability Professional SummryAccessibility Usability Professional Summry
Accessibility Usability Professional Summry
 
Lean Prototyping - A Practical Guide
Lean Prototyping - A Practical GuideLean Prototyping - A Practical Guide
Lean Prototyping - A Practical Guide
 
Screen and Context: Usability in the Postdesktop World
Screen and Context: Usability in the Postdesktop WorldScreen and Context: Usability in the Postdesktop World
Screen and Context: Usability in the Postdesktop World
 
Wireframing /Prototyping with HTML
Wireframing /Prototyping with HTMLWireframing /Prototyping with HTML
Wireframing /Prototyping with HTML
 
Marcio Leibovitch - Rapid Prototyping for the Web & Mobile Devices
Marcio Leibovitch - Rapid Prototyping for the Web & Mobile DevicesMarcio Leibovitch - Rapid Prototyping for the Web & Mobile Devices
Marcio Leibovitch - Rapid Prototyping for the Web & Mobile Devices
 
Twin Redheaded Stepchildren of a Different Mother: The Usability of Accessibi...
Twin Redheaded Stepchildren of a Different Mother: The Usability of Accessibi...Twin Redheaded Stepchildren of a Different Mother: The Usability of Accessibi...
Twin Redheaded Stepchildren of a Different Mother: The Usability of Accessibi...
 
Importance of Wireframes in Web Design
Importance of Wireframes in Web DesignImportance of Wireframes in Web Design
Importance of Wireframes in Web Design
 
Vg prezi pres Regent
Vg prezi pres RegentVg prezi pres Regent
Vg prezi pres Regent
 
Lean Prototyping Guide
Lean Prototyping GuideLean Prototyping Guide
Lean Prototyping Guide
 
Building complex sites with Joomla
Building complex sites with JoomlaBuilding complex sites with Joomla
Building complex sites with Joomla
 
Designing technical documentation for tablets
Designing technical documentation for tabletsDesigning technical documentation for tablets
Designing technical documentation for tablets
 
Launching a Mobile App from Concept to Launch
Launching a Mobile App from Concept to LaunchLaunching a Mobile App from Concept to Launch
Launching a Mobile App from Concept to Launch
 
Owning the Interaction in Dynamic Environments
Owning the Interaction in Dynamic EnvironmentsOwning the Interaction in Dynamic Environments
Owning the Interaction in Dynamic Environments
 
Owning the Interaction in Dynamic Environments
Owning the Interaction in Dynamic EnvironmentsOwning the Interaction in Dynamic Environments
Owning the Interaction in Dynamic Environments
 
Screen and Context: Usability in the Postdesktop World
Screen and Context: Usability in the Postdesktop WorldScreen and Context: Usability in the Postdesktop World
Screen and Context: Usability in the Postdesktop World
 
UX Prototyping and Personas 11-14-14
UX Prototyping and Personas 11-14-14UX Prototyping and Personas 11-14-14
UX Prototyping and Personas 11-14-14
 

More from Erin 'Folletto' Casali

More from Erin 'Folletto' Casali (20)

Mastering Feedback: You, the Team, the Product
Mastering Feedback: You, the Team, the ProductMastering Feedback: You, the Team, the Product
Mastering Feedback: You, the Team, the Product
 
Design Remote: The Async Advantage
Design Remote: The Async AdvantageDesign Remote: The Async Advantage
Design Remote: The Async Advantage
 
Foundations of Chat Bot Design
Foundations of Chat Bot DesignFoundations of Chat Bot Design
Foundations of Chat Bot Design
 
New Managers: Good Intentions, Half Delegation
New Managers: Good Intentions, Half DelegationNew Managers: Good Intentions, Half Delegation
New Managers: Good Intentions, Half Delegation
 
Design without Ego — TEDxBologna Talk
Design without Ego — TEDxBologna TalkDesign without Ego — TEDxBologna Talk
Design without Ego — TEDxBologna Talk
 
Designing Inclusive Open Source Communities
Designing Inclusive Open Source CommunitiesDesigning Inclusive Open Source Communities
Designing Inclusive Open Source Communities
 
The Making of WordPress·com Calypso: A Team Perspective
The Making of WordPress·com Calypso: A Team PerspectiveThe Making of WordPress·com Calypso: A Team Perspective
The Making of WordPress·com Calypso: A Team Perspective
 
Teamwork at the Extremes: WordPress.com and UX for Good
Teamwork at the Extremes: WordPress.com and UX for GoodTeamwork at the Extremes: WordPress.com and UX for Good
Teamwork at the Extremes: WordPress.com and UX for Good
 
Distributed Companies: A WordPress.com Team Perspective
Distributed Companies: A WordPress.com Team PerspectiveDistributed Companies: A WordPress.com Team Perspective
Distributed Companies: A WordPress.com Team Perspective
 
The Shift: UX Designer as Business Consultant (2016)
The Shift: UX Designer as Business Consultant (2016)The Shift: UX Designer as Business Consultant (2016)
The Shift: UX Designer as Business Consultant (2016)
 
Social Brand Experience: a model for the sociality of brands
Social Brand Experience: a model for the sociality of brandsSocial Brand Experience: a model for the sociality of brands
Social Brand Experience: a model for the sociality of brands
 
The Six Elements of Focus to Improve Your Craft
The Six Elements of Focus to Improve Your CraftThe Six Elements of Focus to Improve Your Craft
The Six Elements of Focus to Improve Your Craft
 
Design Principles for Social Change: UX for Good and Inzovu Curve
Design Principles for Social Change: UX for Good and Inzovu CurveDesign Principles for Social Change: UX for Good and Inzovu Curve
Design Principles for Social Change: UX for Good and Inzovu Curve
 
Kickstarting Design Thinking
Kickstarting Design ThinkingKickstarting Design Thinking
Kickstarting Design Thinking
 
Grow Your Personal Leadership with Your Hybrid Traits
Grow Your Personal Leadership with Your Hybrid TraitsGrow Your Personal Leadership with Your Hybrid Traits
Grow Your Personal Leadership with Your Hybrid Traits
 
The Thought Pump Model for Meditation
The Thought Pump Model for MeditationThe Thought Pump Model for Meditation
The Thought Pump Model for Meditation
 
Design with Personas: A Lean Approach
Design with Personas: A Lean ApproachDesign with Personas: A Lean Approach
Design with Personas: A Lean Approach
 
Gestalt Design Principles for Developers
Gestalt Design Principles for DevelopersGestalt Design Principles for Developers
Gestalt Design Principles for Developers
 
The shift: UX Designers as Business Consultants
The shift: UX Designers as Business ConsultantsThe shift: UX Designers as Business Consultants
The shift: UX Designers as Business Consultants
 
The Three Speeds of Effective Collaboration
The Three Speeds of Effective CollaborationThe Three Speeds of Effective Collaboration
The Three Speeds of Effective Collaboration
 

Recently uploaded

一比一原版格林威治大学毕业证成绩单如何办理
一比一原版格林威治大学毕业证成绩单如何办理一比一原版格林威治大学毕业证成绩单如何办理
一比一原版格林威治大学毕业证成绩单如何办理
cyebo
 
一比一原版谢菲尔德大学毕业证成绩单如何办理
一比一原版谢菲尔德大学毕业证成绩单如何办理一比一原版谢菲尔德大学毕业证成绩单如何办理
一比一原版谢菲尔德大学毕业证成绩单如何办理
cyebo
 
Heuristic Evaluation of System & Application
Heuristic Evaluation of System & ApplicationHeuristic Evaluation of System & Application
Heuristic Evaluation of System & Application
Jaime Brown
 

Recently uploaded (20)

spColumn-Manual design column by spcolumn software.pdf
spColumn-Manual design column by spcolumn software.pdfspColumn-Manual design column by spcolumn software.pdf
spColumn-Manual design column by spcolumn software.pdf
 
The Journey of Fashion Designer Sketches - From Concept to Catwalk
The Journey of Fashion Designer Sketches - From Concept to CatwalkThe Journey of Fashion Designer Sketches - From Concept to Catwalk
The Journey of Fashion Designer Sketches - From Concept to Catwalk
 
FW25-26 Fashion Key Items Trend Book Peclers Paris
FW25-26 Fashion Key Items Trend Book Peclers ParisFW25-26 Fashion Key Items Trend Book Peclers Paris
FW25-26 Fashion Key Items Trend Book Peclers Paris
 
Design lessons from Singapore | Volume 3
Design lessons from Singapore | Volume 3Design lessons from Singapore | Volume 3
Design lessons from Singapore | Volume 3
 
Abdulaziz Tariq Abdulaziz Mustafa CV 2024
Abdulaziz Tariq Abdulaziz Mustafa CV 2024Abdulaziz Tariq Abdulaziz Mustafa CV 2024
Abdulaziz Tariq Abdulaziz Mustafa CV 2024
 
BIT Khushi gandhi project.pdf graphic design
BIT Khushi gandhi project.pdf graphic designBIT Khushi gandhi project.pdf graphic design
BIT Khushi gandhi project.pdf graphic design
 
iF_Design_Trend_Report_twentytwenrythree
iF_Design_Trend_Report_twentytwenrythreeiF_Design_Trend_Report_twentytwenrythree
iF_Design_Trend_Report_twentytwenrythree
 
CADD 141 - Puzzle Cube Project - Product Photos
CADD 141 - Puzzle Cube Project - Product PhotosCADD 141 - Puzzle Cube Project - Product Photos
CADD 141 - Puzzle Cube Project - Product Photos
 
The Impact of Artificial Intelligence on Modern Healthcare.pptx
The Impact of Artificial Intelligence on Modern Healthcare.pptxThe Impact of Artificial Intelligence on Modern Healthcare.pptx
The Impact of Artificial Intelligence on Modern Healthcare.pptx
 
And that's about to change! (Service Design Drinks Berlin May 2024)
And that's about to change! (Service Design Drinks Berlin May 2024)And that's about to change! (Service Design Drinks Berlin May 2024)
And that's about to change! (Service Design Drinks Berlin May 2024)
 
Recycled Modular Low Cost Construction .pdf
Recycled Modular Low Cost Construction .pdfRecycled Modular Low Cost Construction .pdf
Recycled Modular Low Cost Construction .pdf
 
CADD 141 - BIRD Scooter - Cup Holder Photos.pdf
CADD 141 - BIRD Scooter - Cup Holder Photos.pdfCADD 141 - BIRD Scooter - Cup Holder Photos.pdf
CADD 141 - BIRD Scooter - Cup Holder Photos.pdf
 
Eric Parein CV. Parein in English is best pronounced as PARE-IN
Eric Parein CV. Parein in English is best pronounced as PARE-INEric Parein CV. Parein in English is best pronounced as PARE-IN
Eric Parein CV. Parein in English is best pronounced as PARE-IN
 
Naer VR: Advanced Research and Usability Testing Project
Naer VR: Advanced Research and Usability Testing ProjectNaer VR: Advanced Research and Usability Testing Project
Naer VR: Advanced Research and Usability Testing Project
 
Heidi Livengood's Professional CADD Portfolio
Heidi Livengood's Professional CADD PortfolioHeidi Livengood's Professional CADD Portfolio
Heidi Livengood's Professional CADD Portfolio
 
一比一原版格林威治大学毕业证成绩单如何办理
一比一原版格林威治大学毕业证成绩单如何办理一比一原版格林威治大学毕业证成绩单如何办理
一比一原版格林威治大学毕业证成绩单如何办理
 
Webhost NVME Cloud VPS Hosting1234455678
Webhost NVME Cloud VPS Hosting1234455678Webhost NVME Cloud VPS Hosting1234455678
Webhost NVME Cloud VPS Hosting1234455678
 
一比一原版谢菲尔德大学毕业证成绩单如何办理
一比一原版谢菲尔德大学毕业证成绩单如何办理一比一原版谢菲尔德大学毕业证成绩单如何办理
一比一原版谢菲尔德大学毕业证成绩单如何办理
 
Spring 2024 wkrm_Enhancing Campus Mobility.pdf
Spring 2024 wkrm_Enhancing Campus Mobility.pdfSpring 2024 wkrm_Enhancing Campus Mobility.pdf
Spring 2024 wkrm_Enhancing Campus Mobility.pdf
 
Heuristic Evaluation of System & Application
Heuristic Evaluation of System & ApplicationHeuristic Evaluation of System & Application
Heuristic Evaluation of System & Application
 

Introduction to Building Wireframes (with OmniGraffle)