This document discusses different aspects of interaction design and prototyping. It covers conceptual design, which transforms user requirements into a conceptual model. It also discusses different types of prototyping like low and high fidelity, as well as compromises in prototyping. Finally, it discusses how prototypes can be used to support the design process by answering questions and testing ideas.
UX Prototyping (UXiD) - Slide by Anton Chandra and Bahni MahariashaAnton Chandra
This is a slide presentation on UXiD 2018 event
Title: UX Prototyping - How to make it and define the success metrics
by Anton Chandra and Bahni Mahariasha
This presentation was made by me for a basic level UI and UX training in my company. The presentation has also been designed from a UI and UX perspective and has been kept minimalistic. The presentation also contains several other important topics like the work culture in my company, Our process of developing a presentation and a short brief on E commerce platforms.
UX Prototyping (UXiD) - Slide by Anton Chandra and Bahni MahariashaAnton Chandra
This is a slide presentation on UXiD 2018 event
Title: UX Prototyping - How to make it and define the success metrics
by Anton Chandra and Bahni Mahariasha
This presentation was made by me for a basic level UI and UX training in my company. The presentation has also been designed from a UI and UX perspective and has been kept minimalistic. The presentation also contains several other important topics like the work culture in my company, Our process of developing a presentation and a short brief on E commerce platforms.
Anyone who is a ux designer and is or will be working in the design field related to user experience (which should be pretty much everything), should be able to refresh their memory and vocab regarding the process and techniques of UX design through this slide.
In the modern day when people develop hundreds of software applications, websites or mobile apps the term UX (User Experience) is getting more and more significant, particularly in the IT industry.
Topic: UI/UX DESIGN IN AGILE PROCESS
Why do we integrate design into our Agile process?
As we all know, the Agile Manifesto is well-received and successfully adopted as it is today thanks to the 12 underpinning principles. While “good design” is one main reason that “enhances agility”, “Agile processes promote sustainable development”.
At Axon Active, it’s important for us to do everything Agile and work with one another collaboratively in Collaboration Model. It gets people on the same page, makes everyone engage more with the product, encourages them to share more creative ideas, and gives them the flexibility they need to improve themselves.
Indeed, Designers and Developers can collaborate more closely and effectively, and subsequently integrating design into Agile process will yield numerous benefits.
For that reason, Scrum Breakfast Da Nang this October will be the very chance for you to learn:
• How to successfully integrate design into Agile process in practice
• How different Collaboration Model is from traditional model
• The benefits of Collaboration Model when done correctly
The Overview and basic guidance on User interface designing and User experience designing for designer and developers, The Difference in User Interface designing and User Experience Designing.
Is User Centered Design a buzzword, a technique, or a methodology? Why does "UCD" get so much attention? How has it changed how teams approach web application usability efforts? Is UCD right for you?
1. User Centered Design: Evolving from Dot-Com to Web 2.0
2. Why UCD? (Development, Business, Design benefits)
3. Development process: UCD vs. Agile vs. Waterfall
4. Case Studies: User Centered Design success stories
5. Is UCD right for you?: Planning a UCD process for your product
6. Q & A
An introduction to UX - User Experience.
Where does UX come from, what are the benefits of using it, and how can it be applied to day to day agency work?
Understanding the User Centred Design process and how UX is an integral part of every piece of digital work that is produced.
The terms UI and UX (design) are very often and
used as a single term by many people or designers.
The first thing we need to know straight is that UI
and UX are not the same.
Design is a rather broad and huge term. When
someone says “I’m a designer,” it is not that clear
what they actually do. There are a number of
different responsibilities term designer. There are
many aspects of design now a days.
Anyone who is a ux designer and is or will be working in the design field related to user experience (which should be pretty much everything), should be able to refresh their memory and vocab regarding the process and techniques of UX design through this slide.
In the modern day when people develop hundreds of software applications, websites or mobile apps the term UX (User Experience) is getting more and more significant, particularly in the IT industry.
Topic: UI/UX DESIGN IN AGILE PROCESS
Why do we integrate design into our Agile process?
As we all know, the Agile Manifesto is well-received and successfully adopted as it is today thanks to the 12 underpinning principles. While “good design” is one main reason that “enhances agility”, “Agile processes promote sustainable development”.
At Axon Active, it’s important for us to do everything Agile and work with one another collaboratively in Collaboration Model. It gets people on the same page, makes everyone engage more with the product, encourages them to share more creative ideas, and gives them the flexibility they need to improve themselves.
Indeed, Designers and Developers can collaborate more closely and effectively, and subsequently integrating design into Agile process will yield numerous benefits.
For that reason, Scrum Breakfast Da Nang this October will be the very chance for you to learn:
• How to successfully integrate design into Agile process in practice
• How different Collaboration Model is from traditional model
• The benefits of Collaboration Model when done correctly
The Overview and basic guidance on User interface designing and User experience designing for designer and developers, The Difference in User Interface designing and User Experience Designing.
Is User Centered Design a buzzword, a technique, or a methodology? Why does "UCD" get so much attention? How has it changed how teams approach web application usability efforts? Is UCD right for you?
1. User Centered Design: Evolving from Dot-Com to Web 2.0
2. Why UCD? (Development, Business, Design benefits)
3. Development process: UCD vs. Agile vs. Waterfall
4. Case Studies: User Centered Design success stories
5. Is UCD right for you?: Planning a UCD process for your product
6. Q & A
An introduction to UX - User Experience.
Where does UX come from, what are the benefits of using it, and how can it be applied to day to day agency work?
Understanding the User Centred Design process and how UX is an integral part of every piece of digital work that is produced.
The terms UI and UX (design) are very often and
used as a single term by many people or designers.
The first thing we need to know straight is that UI
and UX are not the same.
Design is a rather broad and huge term. When
someone says “I’m a designer,” it is not that clear
what they actually do. There are a number of
different responsibilities term designer. There are
many aspects of design now a days.
In this three hour workshop I present an introduction to the UCD process, an overview of the basic technologies of the web and a survey of current Mobile Web Design trends.
Prototyping - the what, why and how at the University of EdinburghNeil Allison
Edited highlights of my prototyping training session. These slides are essentially the intro to a 3 hour practical, collaborative learning experience using pencil/paper and Balsamiq. The slides cover:
- What is prototyping?
- Prototypes and the design process
- Example projects
- How to prototype
- Case study: Website search results page
- Balsamiq demo
Dark web markets: from the silk road to alphabay, trends and developmentsAndres Baravalle
Within the last years, governmental bodies have been futilely trying to fight against dark web hosted marketplaces. Shortly after the closing of “The Silk Road” by the FBI and Europol in 2013, new successors have been established. Through the combination of cryptocurrencies and nonstandard communication protocols and tools, agents can anonymously trade in a marketplace for illegal items without leaving any record.
This talk will presents a research carried out to gain insights on the products and services sold within one of the larger marketplaces for drugs, fake ids and weapons on the Internet, Agora, and on new developments after the demise of Agora.
Introduction to JavaScript course. The course was updated in 2014-15.
Will allow you to understand what is JavaScript, what's it history and how you can use it.
The set of slides "Introduction to jQuery" is a follow up - which would allow the reader to have a basic understanding across JavaScript and jQuery.
Macroeconomics- Movie Location
This will be used as part of your Personal Professional Portfolio once graded.
Objective:
Prepare a presentation or a paper using research, basic comparative analysis, data organization and application of economic information. You will make an informed assessment of an economic climate outside of the United States to accomplish an entertainment industry objective.
2024.06.01 Introducing a competency framework for languag learning materials ...Sandy Millin
http://sandymillin.wordpress.com/iateflwebinar2024
Published classroom materials form the basis of syllabuses, drive teacher professional development, and have a potentially huge influence on learners, teachers and education systems. All teachers also create their own materials, whether a few sentences on a blackboard, a highly-structured fully-realised online course, or anything in between. Despite this, the knowledge and skills needed to create effective language learning materials are rarely part of teacher training, and are mostly learnt by trial and error.
Knowledge and skills frameworks, generally called competency frameworks, for ELT teachers, trainers and managers have existed for a few years now. However, until I created one for my MA dissertation, there wasn’t one drawing together what we need to know and do to be able to effectively produce language learning materials.
This webinar will introduce you to my framework, highlighting the key competencies I identified from my research. It will also show how anybody involved in language teaching (any language, not just English!), teacher training, managing schools or developing language learning materials can benefit from using the framework.
Synthetic Fiber Construction in lab .pptxPavel ( NSTU)
Synthetic fiber production is a fascinating and complex field that blends chemistry, engineering, and environmental science. By understanding these aspects, students can gain a comprehensive view of synthetic fiber production, its impact on society and the environment, and the potential for future innovations. Synthetic fibers play a crucial role in modern society, impacting various aspects of daily life, industry, and the environment. ynthetic fibers are integral to modern life, offering a range of benefits from cost-effectiveness and versatility to innovative applications and performance characteristics. While they pose environmental challenges, ongoing research and development aim to create more sustainable and eco-friendly alternatives. Understanding the importance of synthetic fibers helps in appreciating their role in the economy, industry, and daily life, while also emphasizing the need for sustainable practices and innovation.
Operation “Blue Star” is the only event in the history of Independent India where the state went into war with its own people. Even after about 40 years it is not clear if it was culmination of states anger over people of the region, a political game of power or start of dictatorial chapter in the democratic setup.
The people of Punjab felt alienated from main stream due to denial of their just demands during a long democratic struggle since independence. As it happen all over the word, it led to militant struggle with great loss of lives of military, police and civilian personnel. Killing of Indira Gandhi and massacre of innocent Sikhs in Delhi and other India cities was also associated with this movement.
Honest Reviews of Tim Han LMA Course Program.pptxtimhan337
Personal development courses are widely available today, with each one promising life-changing outcomes. Tim Han’s Life Mastery Achievers (LMA) Course has drawn a lot of interest. In addition to offering my frank assessment of Success Insider’s LMA Course, this piece examines the course’s effects via a variety of Tim Han LMA course reviews and Success Insider comments.
Francesca Gottschalk - How can education support child empowerment.pptxEduSkills OECD
Francesca Gottschalk from the OECD’s Centre for Educational Research and Innovation presents at the Ask an Expert Webinar: How can education support child empowerment?
Biological screening of herbal drugs: Introduction and Need for
Phyto-Pharmacological Screening, New Strategies for evaluating
Natural Products, In vitro evaluation techniques for Antioxidants, Antimicrobial and Anticancer drugs. In vivo evaluation techniques
for Anti-inflammatory, Antiulcer, Anticancer, Wound healing, Antidiabetic, Hepatoprotective, Cardio protective, Diuretics and
Antifertility, Toxicity studies as per OECD guidelines
Unit 8 - Information and Communication Technology (Paper I).pdfThiyagu K
This slides describes the basic concepts of ICT, basics of Email, Emerging Technology and Digital Initiatives in Education. This presentations aligns with the UGC Paper I syllabus.
2. Interaction design
• The next slides are based on the
companion slides for the textbook
• By the end of this week, you should have
studied all chapters of the textbook up to
chapter 11
• Today we will covering chapter 11.
2
4. Prototyping and construction
• What is a prototype?
• Why prototype?
• Different kinds of prototyping
Low fidelity
High fidelity
• Compromises in prototyping
Vertical
Horizontal
• Construction
4
5. What is a prototype?
In other design fields a prototype is a
small-scale model:
• A miniature car
• A miniature building or town
• The example here comes
from a 3D printer
5
6. What is a prototype?
In interaction design it can be (among other things):
• A series of screen sketches
• A storyboard, i.e. a cartoon-like series of scenes
• A slide show (e.g. impress, powerpoint)
• A video simulating the use of a system
• A mock-up (e.g. lump of wood, cardboard)
• A wireframe
• A piece of software with limited functionality
written in the target language or in another
language
6
7. Why prototype?
• Evaluation and feedback are central to interaction
design
• Stakeholders can see, hold, interact with a
prototype more easily than a document or a
drawing
• Team members can communicate effectively
• You can test out ideas for yourself
• It encourages reflection: very important aspect of
design
• Prototypes answer questions, and support
designers in choosing between alternatives
7
10. What to prototype?
•
•
•
•
Technical issues
Work flow, task design
Screen layouts and information display
Difficult, controversial, critical areas
10
11. Types of prototyping
• Throwaway prototyping
– Producing a model that will eventually be
discarded rather than becoming part of the
final delivered software
– E.g. low-fidelity prototyping, storyboards,
sketching, Wizard-of-Oz
• Evolutionary prototyping
– Producing a model that will be continuously
improved
11
12. Low-fidelity prototyping
• Uses a medium which is unlike the final
medium e.g. paper, cardboard
• Is quick, cheap and easily changed
• Examples:
sketches of screens, task sequences,
etc
‘Post-it’ notes
storyboards
‘Wizard-of-Oz’
12
13. Storyboards
• Often used with scenarios, bringing
more detail, and a chance to role play
• It is a series of sketches showing how a
user might progress through a task
using the device
• Used early in design
13
14. Sketching
• Sketching is important to low-fidelity
prototyping
• Don’t be inhibited about drawing ability.
Practice simple symbols
14
15. Card-based prototypes
• Index cards (3 X 5
inches)
• Each card
represents
one screen or part
of screen
• Often used in
website
development
15
16. ‘Wizard-of-Oz’ prototyping
• The user thinks they are interacting with a
computer, but a developer is responding to
output rather than the system
• Usually done early in design to understand
users’ expectations
User
>Blurb blurb
>Do this
>Why?
16
17. Wireframes
• Identify the elements that will be displayed
on the page or screen, such as
– Navigation
– Content sections
– Imagery and/or media
– Form elements
17
18. High-fidelity prototyping
• Uses materials that you would expect to be in the
final product
• Prototype looks more like the final system than a
low-fidelity version
• For a high-fidelity software prototype common
environments include Adobe Director and
Adobe Flash
18
19. Compromises in prototyping
•All prototypes involve compromises
•For software-based prototyping maybe there is
a slow response? sketchy icons? limited
functionality?
•Two common types of compromise
• ‘horizontal’: provide a wide range of
functions, but with little detail
• ‘vertical’: provide a lot of detail for only a
few functions
•Compromises in prototypes mustn’t be ignored.
Product needs engineering
19
20. Construction
• Taking the prototypes (or learning from
them) and creating a whole
• Quality must be attended to: usability (of
course), reliability, robustness,
maintainability, integrity, portability,
efficiency, etc
20
21. Conceptual design: from
requirements to design
• Transform user requirements/needs into a
conceptual model
• “a description of the proposed system in
terms of a set of integrated ideas and
concepts about what it should do, behave
and look like, that will be understandable by
the users in the manner intended”
• Don’t move to a solution too quickly. Iterate,
iterate, iterate
• Consider alternatives: prototyping helps
21
22. Is there a suitable metaphor?
• Interface metaphors combine familiar
knowledge with new knowledge in a way that
will help the user understand the product.
• Three steps: understand functionality, identify
potential problem areas, generate metaphors
• Evaluate metaphors:
How much structure does it provide?
How much is relevant to the problem?
Is it easy to represent?
Will the audience understand it?
How extensible is it?
22
23. Considering interaction types
• Which interaction type?
How the user invokes actions
Instructing, conversing, manipulating or
exploring
• Do different interface types provide insight?
WIMP, shareable, augmented reality, etc
23
24. Expanding the conceptual
model
• What functions will the product perform?
What will the product do and what will the
human do (task allocation)?
• How are the functions related to each other?
Sequential or parallel?
Categorisations, e.g. all actions related to
telephone memory storage
• What information needs to be available?
What data is required to perform the task?
How is this data to be transformed by the
system?
24
25. Using scenarios in conceptual
design
• Express proposed or imagined situations
• Used throughout design in various ways
• Scripts for user evaluation of prototypes
• Concrete examples of tasks
• As a means of co-operation across
professional boundaries
• Plus and minus scenarios to explore extreme
cases
25
28. Support for design
• Patterns for interaction design
• Individual patterns
• Pattern languages
• Pattern libraries
• Tools and environments
28
29. Summary
• Different kinds of prototyping are used for different
purposes and at different stages
• Prototypes answer questions, so prototype
appropriately
• Construction: the final product must be engineered
appropriately
• Conceptual design (the first step of design)
• Consider interaction types and interface types to
prompt creativity
• Storyboards can be generated from scenarios
• Card-based prototypes can be generated from use
cases
29