Suche senden
Hochladen
Hands-On Prototyping Without Code
•
1 gefällt mir
•
1,256 views
itnig
Folgen
Design
Technologie
Melden
Teilen
Melden
Teilen
1 von 39
Jetzt herunterladen
Downloaden Sie, um offline zu lesen
Empfohlen
Serenity's Screen Play Design Pattern
Serenity's Screen Play Design Pattern
Abhijeet Patil
Designer vs Developer
Designer vs Developer
Steven Trotter
Question of deliverables and other such stuff
Question of deliverables and other such stuff
Kirsty Burgoine
5 Essential Tips For Improving Your Website Mockups & Prototypes!
5 Essential Tips For Improving Your Website Mockups & Prototypes!
Usersnap
Page views
Page views
Stephen Vesecky
My Career Journey
My Career Journey
Ryan Burgess
PortfolioProject
PortfolioProject
Dominique I'amanu
Working with WordPress as a Team
Working with WordPress as a Team
Natanael Sinisalo
Empfohlen
Serenity's Screen Play Design Pattern
Serenity's Screen Play Design Pattern
Abhijeet Patil
Designer vs Developer
Designer vs Developer
Steven Trotter
Question of deliverables and other such stuff
Question of deliverables and other such stuff
Kirsty Burgoine
5 Essential Tips For Improving Your Website Mockups & Prototypes!
5 Essential Tips For Improving Your Website Mockups & Prototypes!
Usersnap
Page views
Page views
Stephen Vesecky
My Career Journey
My Career Journey
Ryan Burgess
PortfolioProject
PortfolioProject
Dominique I'amanu
Working with WordPress as a Team
Working with WordPress as a Team
Natanael Sinisalo
An Introduction to Gutenberg, WordPress's New Editor
An Introduction to Gutenberg, WordPress's New Editor
Andrew Marks
Transforming lives-with-teaching
Transforming lives-with-teaching
Rafiq Gemmail
Introduction about wireframing and responsive webdesign
Introduction about wireframing and responsive webdesign
ipmindthegap
Stress free development
Stress free development
Laurynas Antanavičius, PMI-ACP
WordCamp St Louis 2018 Contributing Without Coding
WordCamp St Louis 2018 Contributing Without Coding
Michele Butcher-Jones
Making More UX Designers in Education
Making More UX Designers in Education
Fred Beecher
Essentials Every Non-Technical Person Need To Know To Build The Best Tech-Tea...
Essentials Every Non-Technical Person Need To Know To Build The Best Tech-Tea...
itnig
Performance marketingonline enterategratis_
Performance marketingonline enterategratis_
itnig
Futurology For Entrepreneurs: 7 Ways To Spot The Opportunities Of Tomorrow
Futurology For Entrepreneurs: 7 Ways To Spot The Opportunities Of Tomorrow
itnig
Performance Marketing course at Solvay EMMA
Performance Marketing course at Solvay EMMA
Gerald Claessens
Data Tools cosystem_for_non_programmers
Data Tools cosystem_for_non_programmers
itnig
Die Another Day: Scaling from 0 to 4 million daily requests as a lone develop...
Die Another Day: Scaling from 0 to 4 million daily requests as a lone develop...
itnig
Presentation of the project "Startups Made in Spain" · On Friday, January 9 a...
Presentation of the project "Startups Made in Spain" · On Friday, January 9 a...
itnig
HTML5 Canvas
HTML5 Canvas
Robyn Overstreet
The Black Magic of Ruby Metaprogramming
The Black Magic of Ruby Metaprogramming
itnig
Prototipos de interfaces
Prototipos de interfaces
Mariana Salgado
Mapeo Del Valor
Mapeo Del Valor
Jesus Sanchez
Diseno de la Interfaz de Usuario
Diseno de la Interfaz de Usuario
UTPL
Web Scraping for Non Programmers
Web Scraping for Non Programmers
itnig
Quick Tips to Wireframing & Prototyping
Quick Tips to Wireframing & Prototyping
Jenny Shen
Agile anti-patterns at CodeMotion Madrid
Agile anti-patterns at CodeMotion Madrid
Sander Hoogendoorn
From PDFs to HTML Prototypes
From PDFs to HTML Prototypes
nathanacurtis
Weitere ähnliche Inhalte
Was ist angesagt?
An Introduction to Gutenberg, WordPress's New Editor
An Introduction to Gutenberg, WordPress's New Editor
Andrew Marks
Transforming lives-with-teaching
Transforming lives-with-teaching
Rafiq Gemmail
Introduction about wireframing and responsive webdesign
Introduction about wireframing and responsive webdesign
ipmindthegap
Stress free development
Stress free development
Laurynas Antanavičius, PMI-ACP
WordCamp St Louis 2018 Contributing Without Coding
WordCamp St Louis 2018 Contributing Without Coding
Michele Butcher-Jones
Making More UX Designers in Education
Making More UX Designers in Education
Fred Beecher
Was ist angesagt?
(6)
An Introduction to Gutenberg, WordPress's New Editor
An Introduction to Gutenberg, WordPress's New Editor
Transforming lives-with-teaching
Transforming lives-with-teaching
Introduction about wireframing and responsive webdesign
Introduction about wireframing and responsive webdesign
Stress free development
Stress free development
WordCamp St Louis 2018 Contributing Without Coding
WordCamp St Louis 2018 Contributing Without Coding
Making More UX Designers in Education
Making More UX Designers in Education
Andere mochten auch
Essentials Every Non-Technical Person Need To Know To Build The Best Tech-Tea...
Essentials Every Non-Technical Person Need To Know To Build The Best Tech-Tea...
itnig
Performance marketingonline enterategratis_
Performance marketingonline enterategratis_
itnig
Futurology For Entrepreneurs: 7 Ways To Spot The Opportunities Of Tomorrow
Futurology For Entrepreneurs: 7 Ways To Spot The Opportunities Of Tomorrow
itnig
Performance Marketing course at Solvay EMMA
Performance Marketing course at Solvay EMMA
Gerald Claessens
Data Tools cosystem_for_non_programmers
Data Tools cosystem_for_non_programmers
itnig
Die Another Day: Scaling from 0 to 4 million daily requests as a lone develop...
Die Another Day: Scaling from 0 to 4 million daily requests as a lone develop...
itnig
Presentation of the project "Startups Made in Spain" · On Friday, January 9 a...
Presentation of the project "Startups Made in Spain" · On Friday, January 9 a...
itnig
HTML5 Canvas
HTML5 Canvas
Robyn Overstreet
The Black Magic of Ruby Metaprogramming
The Black Magic of Ruby Metaprogramming
itnig
Prototipos de interfaces
Prototipos de interfaces
Mariana Salgado
Mapeo Del Valor
Mapeo Del Valor
Jesus Sanchez
Diseno de la Interfaz de Usuario
Diseno de la Interfaz de Usuario
UTPL
Web Scraping for Non Programmers
Web Scraping for Non Programmers
itnig
Andere mochten auch
(13)
Essentials Every Non-Technical Person Need To Know To Build The Best Tech-Tea...
Essentials Every Non-Technical Person Need To Know To Build The Best Tech-Tea...
Performance marketingonline enterategratis_
Performance marketingonline enterategratis_
Futurology For Entrepreneurs: 7 Ways To Spot The Opportunities Of Tomorrow
Futurology For Entrepreneurs: 7 Ways To Spot The Opportunities Of Tomorrow
Performance Marketing course at Solvay EMMA
Performance Marketing course at Solvay EMMA
Data Tools cosystem_for_non_programmers
Data Tools cosystem_for_non_programmers
Die Another Day: Scaling from 0 to 4 million daily requests as a lone develop...
Die Another Day: Scaling from 0 to 4 million daily requests as a lone develop...
Presentation of the project "Startups Made in Spain" · On Friday, January 9 a...
Presentation of the project "Startups Made in Spain" · On Friday, January 9 a...
HTML5 Canvas
HTML5 Canvas
The Black Magic of Ruby Metaprogramming
The Black Magic of Ruby Metaprogramming
Prototipos de interfaces
Prototipos de interfaces
Mapeo Del Valor
Mapeo Del Valor
Diseno de la Interfaz de Usuario
Diseno de la Interfaz de Usuario
Web Scraping for Non Programmers
Web Scraping for Non Programmers
Ähnlich wie Hands-On Prototyping Without Code
Quick Tips to Wireframing & Prototyping
Quick Tips to Wireframing & Prototyping
Jenny Shen
Agile anti-patterns at CodeMotion Madrid
Agile anti-patterns at CodeMotion Madrid
Sander Hoogendoorn
From PDFs to HTML Prototypes
From PDFs to HTML Prototypes
nathanacurtis
Full stack-web-design
Full stack-web-design
Kevin Conboy
Frugal Web Development
Frugal Web Development
tcottrill
Prototyping with purpose
Prototyping with purpose
Craig Abbott
PhillyXP Pair Programming
PhillyXP Pair Programming
Anthony Sciamanna
How to bootstrap your idea when you are a developer
How to bootstrap your idea when you are a developer
Nicolas Deverge
Paco van Beckhoven - Keeping your head cool with a serverless voice controlle...
Paco van Beckhoven - Keeping your head cool with a serverless voice controlle...
Codemotion
How to Avoid Disasters on Digital Projects
How to Avoid Disasters on Digital Projects
Bank of Ireland
Growth Hacking For Mobile - Hack 2 Validate & Hack 2 Grow
Growth Hacking For Mobile - Hack 2 Validate & Hack 2 Grow
andreehuk
Building Headless Applications with WordPress & Gutenberg
Building Headless Applications with WordPress & Gutenberg
Roy Sivan
Bit Rot in the Docs
Bit Rot in the Docs
Sarah Maddox
Responsive Web Design Process
Responsive Web Design Process
Steve Fisher
Prototyping Workshop
Prototyping Workshop
Tamara Pinos
Prototyping tools
Prototyping tools
Joël Plas
Prototyping user interactions in web apps
Prototyping user interactions in web apps
Patrick NDJIENTCHEU
Zero Adoption: Lessons Learned From Failing at Open Source
Zero Adoption: Lessons Learned From Failing at Open Source
Memi Beltrame
A Brief Introduction to Design Hacking + Generative Design
A Brief Introduction to Design Hacking + Generative Design
Guy Haviv
Maintaining Continuous Learning Under Pressure Slides from Lean Agile Scotlan...
Maintaining Continuous Learning Under Pressure Slides from Lean Agile Scotlan...
Simon Phillips
Ähnlich wie Hands-On Prototyping Without Code
(20)
Quick Tips to Wireframing & Prototyping
Quick Tips to Wireframing & Prototyping
Agile anti-patterns at CodeMotion Madrid
Agile anti-patterns at CodeMotion Madrid
From PDFs to HTML Prototypes
From PDFs to HTML Prototypes
Full stack-web-design
Full stack-web-design
Frugal Web Development
Frugal Web Development
Prototyping with purpose
Prototyping with purpose
PhillyXP Pair Programming
PhillyXP Pair Programming
How to bootstrap your idea when you are a developer
How to bootstrap your idea when you are a developer
Paco van Beckhoven - Keeping your head cool with a serverless voice controlle...
Paco van Beckhoven - Keeping your head cool with a serverless voice controlle...
How to Avoid Disasters on Digital Projects
How to Avoid Disasters on Digital Projects
Growth Hacking For Mobile - Hack 2 Validate & Hack 2 Grow
Growth Hacking For Mobile - Hack 2 Validate & Hack 2 Grow
Building Headless Applications with WordPress & Gutenberg
Building Headless Applications with WordPress & Gutenberg
Bit Rot in the Docs
Bit Rot in the Docs
Responsive Web Design Process
Responsive Web Design Process
Prototyping Workshop
Prototyping Workshop
Prototyping tools
Prototyping tools
Prototyping user interactions in web apps
Prototyping user interactions in web apps
Zero Adoption: Lessons Learned From Failing at Open Source
Zero Adoption: Lessons Learned From Failing at Open Source
A Brief Introduction to Design Hacking + Generative Design
A Brief Introduction to Design Hacking + Generative Design
Maintaining Continuous Learning Under Pressure Slides from Lean Agile Scotlan...
Maintaining Continuous Learning Under Pressure Slides from Lean Agile Scotlan...
Mehr von itnig
Visualizing large datasets (BIG DATA itnig friday)
Visualizing large datasets (BIG DATA itnig friday)
itnig
Make your own Open Source transition with CocoaPods
Make your own Open Source transition with CocoaPods
itnig
"El boom del Consumo Colaborativo" by Albert Cañigueral
"El boom del Consumo Colaborativo" by Albert Cañigueral
itnig
Control Your Life - The Startup Way
Control Your Life - The Startup Way
itnig
Analítica Ágil - De la Sobrecarga a la Evidencia de los Datos
Analítica Ágil - De la Sobrecarga a la Evidencia de los Datos
itnig
Ser público en internet lo es todo.
Ser público en internet lo es todo.
itnig
SEO para ecommerce by Alfonso Moure
SEO para ecommerce by Alfonso Moure
itnig
Hablar en Público by Marion Chevalier
Hablar en Público by Marion Chevalier
itnig
Collecting metrics with Graphite and StatsD
Collecting metrics with Graphite and StatsD
itnig
La burbuja publicitaria
La burbuja publicitaria
itnig
Analisis de las empresas del Ibex35
Analisis de las empresas del Ibex35
itnig
One graph to rule them all - Facebook
One graph to rule them all - Facebook
itnig
QR-Codes 101 - Convirtiendo la tinta en bits
QR-Codes 101 - Convirtiendo la tinta en bits
itnig
Ser Autónomo: Obligaciones Tributarias a tener en cuenta
Ser Autónomo: Obligaciones Tributarias a tener en cuenta
itnig
Get Multimedia Done! - by Masumi Mutsuda
Get Multimedia Done! - by Masumi Mutsuda
itnig
Como crear una empresa que vende por internet
Como crear una empresa que vende por internet
itnig
Introduction to Node.js
Introduction to Node.js
itnig
Google Tips and Trips
Google Tips and Trips
itnig
Fun advertising - Introduction to advergaming
Fun advertising - Introduction to advergaming
itnig
Web performance optimization for everyone
Web performance optimization for everyone
itnig
Mehr von itnig
(20)
Visualizing large datasets (BIG DATA itnig friday)
Visualizing large datasets (BIG DATA itnig friday)
Make your own Open Source transition with CocoaPods
Make your own Open Source transition with CocoaPods
"El boom del Consumo Colaborativo" by Albert Cañigueral
"El boom del Consumo Colaborativo" by Albert Cañigueral
Control Your Life - The Startup Way
Control Your Life - The Startup Way
Analítica Ágil - De la Sobrecarga a la Evidencia de los Datos
Analítica Ágil - De la Sobrecarga a la Evidencia de los Datos
Ser público en internet lo es todo.
Ser público en internet lo es todo.
SEO para ecommerce by Alfonso Moure
SEO para ecommerce by Alfonso Moure
Hablar en Público by Marion Chevalier
Hablar en Público by Marion Chevalier
Collecting metrics with Graphite and StatsD
Collecting metrics with Graphite and StatsD
La burbuja publicitaria
La burbuja publicitaria
Analisis de las empresas del Ibex35
Analisis de las empresas del Ibex35
One graph to rule them all - Facebook
One graph to rule them all - Facebook
QR-Codes 101 - Convirtiendo la tinta en bits
QR-Codes 101 - Convirtiendo la tinta en bits
Ser Autónomo: Obligaciones Tributarias a tener en cuenta
Ser Autónomo: Obligaciones Tributarias a tener en cuenta
Get Multimedia Done! - by Masumi Mutsuda
Get Multimedia Done! - by Masumi Mutsuda
Como crear una empresa que vende por internet
Como crear una empresa que vende por internet
Introduction to Node.js
Introduction to Node.js
Google Tips and Trips
Google Tips and Trips
Fun advertising - Introduction to advergaming
Fun advertising - Introduction to advergaming
Web performance optimization for everyone
Web performance optimization for everyone
Kürzlich hochgeladen
Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.ppt
Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.ppt
JIT KUMAR GUPTA
Karim apartment ideas 01 ppppppppppppppp
Karim apartment ideas 01 ppppppppppppppp
NadaMohammed714321
怎么办理英国Newcastle毕业证纽卡斯尔大学学位证书一手渠道
怎么办理英国Newcastle毕业证纽卡斯尔大学学位证书一手渠道
yrolcks
How to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AI
yuj
General Knowledge Quiz Game C++ CODE.pptx
General Knowledge Quiz Game C++ CODE.pptx
marckustrevion
guest bathroom white and blue ssssssssss
guest bathroom white and blue ssssssssss
NadaMohammed714321
AI and Design Vol. 2: Navigating the New Frontier - Morgenbooster
AI and Design Vol. 2: Navigating the New Frontier - Morgenbooster
1508 A/S
The spirit of digital place - game worlds and architectural phenomenology
The spirit of digital place - game worlds and architectural phenomenology
Christopher Totten
Pharmaceutical Packaging for the elderly.pdf
Pharmaceutical Packaging for the elderly.pdf
AayushChavan5
Color Theory Explained for Noobs- Think360 Studio
Color Theory Explained for Noobs- Think360 Studio
Think360 Studio
Map of St. Louis Parks
Map of St. Louis Parks
CharlottePulte
Interior Design for Office a cura di RMG Project Studio
Interior Design for Office a cura di RMG Project Studio
RMG Project Studio
Iconic Global Solution - web design, Digital Marketing services
Iconic Global Solution - web design, Digital Marketing services
Iconic global solution
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
zdzoqco
10 must-have Chrome extensions for designers
10 must-have Chrome extensions for designers
Pixeldarts
guest bathroom white and bluesssssssssss
guest bathroom white and bluesssssssssss
NadaMohammed714321
Piece by Piece Magazine
Piece by Piece Magazine
CharlottePulte
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
Rishabh Aryan
Niintendo Wii Presentation Template.pptx
Niintendo Wii Presentation Template.pptx
KevinYaelJimnezSanti
10 Best WordPress Plugins to make the website effective in 2024
10 Best WordPress Plugins to make the website effective in 2024
digital learning point
Kürzlich hochgeladen
(20)
Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.ppt
Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.ppt
Karim apartment ideas 01 ppppppppppppppp
Karim apartment ideas 01 ppppppppppppppp
怎么办理英国Newcastle毕业证纽卡斯尔大学学位证书一手渠道
怎么办理英国Newcastle毕业证纽卡斯尔大学学位证书一手渠道
How to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AI
General Knowledge Quiz Game C++ CODE.pptx
General Knowledge Quiz Game C++ CODE.pptx
guest bathroom white and blue ssssssssss
guest bathroom white and blue ssssssssss
AI and Design Vol. 2: Navigating the New Frontier - Morgenbooster
AI and Design Vol. 2: Navigating the New Frontier - Morgenbooster
The spirit of digital place - game worlds and architectural phenomenology
The spirit of digital place - game worlds and architectural phenomenology
Pharmaceutical Packaging for the elderly.pdf
Pharmaceutical Packaging for the elderly.pdf
Color Theory Explained for Noobs- Think360 Studio
Color Theory Explained for Noobs- Think360 Studio
Map of St. Louis Parks
Map of St. Louis Parks
Interior Design for Office a cura di RMG Project Studio
Interior Design for Office a cura di RMG Project Studio
Iconic Global Solution - web design, Digital Marketing services
Iconic Global Solution - web design, Digital Marketing services
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
10 must-have Chrome extensions for designers
10 must-have Chrome extensions for designers
guest bathroom white and bluesssssssssss
guest bathroom white and bluesssssssssss
Piece by Piece Magazine
Piece by Piece Magazine
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
Niintendo Wii Presentation Template.pptx
Niintendo Wii Presentation Template.pptx
10 Best WordPress Plugins to make the website effective in 2024
10 Best WordPress Plugins to make the website effective in 2024
Hands-On Prototyping Without Code
1.
http://ux.handson.co
2.
Hands-on Prototyping Without Code @andreehuk
3.
@andreehuk Rookie Mistake #1 No
white space
4.
@andreehuk
5.
@andreehuk Rookie Mistake #2 Huge
monitors
6.
@andreehuk
7.
@andreehuk
8.
@andreehuk
9.
@andreehuk Wrong perspective Correct perspective
10.
@andreehuk Expert Heuristic When it
looks toooo big, it’s about right
11.
@andreehuk Getting our hands dirty
12.
@andreehukFake Real Keynote Bootstrap (no DB) proto.io omnigraffle flinto
invisionapp Framer
13.
powerpoint @andreehuk
14.
@andreehuk powerpoint
15.
powerpoint @andreehuk
16.
@andreehuk powerpoint
17.
flinto.com @andreehuk $20 / month
18.
@andreehuk screenshots in flinto.com
19.
@andreehuk screenshots in flinto.com
20.
Flinto @andreehuk • Good for
real interactions • Very simple and fluid • Web connection needed for testing
21.
omnigraffle @andreehuk $99 or $199
once
22.
@andreehuk omnigraffle
23.
@andreehuk omnigraffle
24.
@andreehuk omnigraffle then key b+click
to jump between slides
25.
@andreehuk or omnigraffle wf’s
into keynote
26.
@andreehuk export as PDF,
open in… to test
27.
omnigraffle @andreehuk • Boatloads of
stencils available • Very smooth workflow between WF’ing and testing IX’s • Not good for creating rich interactions
28.
keynote @andreehuk Free with every
new Mac
29.
@andreehuk keynote biggest issue: “slide follows
slide” concept Hardly any rich IX’s doable in non-linear prototypes
30.
@andreehuk keynote
31.
@andreehuk keynote
32.
@andreehuk keynote On “Play” you
then click (“jump”) chronologically from slide to slide
33.
Keynote @andreehuk • Very good
for effects • Very good for click interactions • Not good for creating rich interactions across many screens
34.
proto.io @andreehuk $24 - $160
/ month
35.
@andreehuk proto.io
36.
@andreehuk proto.io
37.
@andreehuk proto.io Rich interactions in the
browser or on mobile
38.
proto.io @andreehuk • Very good
for rich interactions • Steeper learning curve • Web connection needed for testing
39.
Get in touch andree+vcard@incuba.de
Jetzt herunterladen