SlideShare a Scribd company logo
1 of 12
Download to read offline
Experimental Interaction Design
            / Web

         Valeria Gasik
         freelancer, AD, Master student




                   Valeria Gasik
Working with web




      Valeria Gasik
Working with web




      Valeria Gasik
Working with web
“DIWO”: Regardless of the job position or
  the size of the group, working with web
  and interaction design still means
  interaction with people.

Client: “What’s my username?”
Me: “It’s your first name, a space and then your last name.”
Client: ”How am I supposed to remember that?”


                                  Valeria Gasik
What designers do wrong?

Ignoring common patterns
» Reusable solutions for reoccurring problems
Ignoring consistency
» Being different is good when its better
» Except Easter Eggs
Too many changes
» When things change, it drags peoples attention.
Lack of design and content standard
                          Valeria Gasik
What designers do wrong?

Bad visibility
» Where are things? Why are they there?
» Lack of visual keys (texture, arrow, color)
Unnatural graphical solutions
Ignoring details
» “Era of everything is clickable”
Poor content, no contact

                           Valeria Gasik
Feedback and Critique
Lack of clarity » Ask more questions
Taking it personally » Change perspective
Apathy » Find the reason
Contradiction » Put other in your shoes
Hard to decide » Present professional opinion
Negativity » Know when to start over



                     Valeria Gasik
Garage48




           Valeria Gasik
Valeria Gasik
IMKEmonster
Aggregation page
• RSS feeds
• Project
• Courses

http://imke.waher.net/



                         Valeria Gasik
IMKEmonster
1.   Personas
2.   Scenarios
3.   User Stories
4.   Paper Prototypes
5.   (Research)
6.   Programming
7.   Design
8.   Testing
9.   Live Demo
Imkeproject.wordpress.com   Valeria Gasik
Thank you




   Valeria Gasik

More Related Content

What's hot

Iterative Website Redesign - Micro Goals in Action
 Iterative Website Redesign - Micro Goals in Action Iterative Website Redesign - Micro Goals in Action
Iterative Website Redesign - Micro Goals in Action
Nick DeNardis
 
Designing beautiful & effective sites for non profits
Designing beautiful & effective sites for non profitsDesigning beautiful & effective sites for non profits
Designing beautiful & effective sites for non profits
Eve Simon
 
Design Basics for Nashville Software School (full pres)
Design Basics for Nashville Software School (full pres)Design Basics for Nashville Software School (full pres)
Design Basics for Nashville Software School (full pres)
Susan Culkin
 
Future of Web Apps (FOWA) 2009 Review
Future of Web Apps (FOWA) 2009 ReviewFuture of Web Apps (FOWA) 2009 Review
Future of Web Apps (FOWA) 2009 Review
Gene Crawford
 

What's hot (9)

Iterative Website Redesign - Micro Goals in Action
 Iterative Website Redesign - Micro Goals in Action Iterative Website Redesign - Micro Goals in Action
Iterative Website Redesign - Micro Goals in Action
 
Design for Developers: Nashville Software School (Summary)
Design for Developers:  Nashville Software School (Summary)Design for Developers:  Nashville Software School (Summary)
Design for Developers: Nashville Software School (Summary)
 
Designing beautiful & effective sites for non profits
Designing beautiful & effective sites for non profitsDesigning beautiful & effective sites for non profits
Designing beautiful & effective sites for non profits
 
Build 2009 - Passion
Build 2009 - PassionBuild 2009 - Passion
Build 2009 - Passion
 
How to build your one-man UX Army
How to build your one-man UX ArmyHow to build your one-man UX Army
How to build your one-man UX Army
 
Design Basics for Nashville Software School (full pres)
Design Basics for Nashville Software School (full pres)Design Basics for Nashville Software School (full pres)
Design Basics for Nashville Software School (full pres)
 
Unleash an Avalanche of Productivity
Unleash an Avalanche of ProductivityUnleash an Avalanche of Productivity
Unleash an Avalanche of Productivity
 
A quick start guide to ux design
A quick start guide to ux designA quick start guide to ux design
A quick start guide to ux design
 
Future of Web Apps (FOWA) 2009 Review
Future of Web Apps (FOWA) 2009 ReviewFuture of Web Apps (FOWA) 2009 Review
Future of Web Apps (FOWA) 2009 Review
 

Viewers also liked

Digitally Fabricated Art
Digitally Fabricated ArtDigitally Fabricated Art
Digitally Fabricated Art
utsweetheart
 
Art as social interaction
Art as social interactionArt as social interaction
Art as social interaction
utsweetheart
 

Viewers also liked (8)

Interactive art as Activism
Interactive art as ActivismInteractive art as Activism
Interactive art as Activism
 
Digitally Fabricated Art
Digitally Fabricated ArtDigitally Fabricated Art
Digitally Fabricated Art
 
Art as social interaction
Art as social interactionArt as social interaction
Art as social interaction
 
Interaction modalities, technologies and tools for interactive art
Interaction modalities, technologies and tools for interactive artInteraction modalities, technologies and tools for interactive art
Interaction modalities, technologies and tools for interactive art
 
Performance art md
Performance art mdPerformance art md
Performance art md
 
Engaging Audiences Through Social Media and Interactive Art
Engaging Audiences Through Social Media and Interactive ArtEngaging Audiences Through Social Media and Interactive Art
Engaging Audiences Through Social Media and Interactive Art
 
SQL o NoSQL? Progettare applicazioni 'Big Data-ready' attraverso l'utilizzo d...
SQL o NoSQL? Progettare applicazioni 'Big Data-ready' attraverso l'utilizzo d...SQL o NoSQL? Progettare applicazioni 'Big Data-ready' attraverso l'utilizzo d...
SQL o NoSQL? Progettare applicazioni 'Big Data-ready' attraverso l'utilizzo d...
 
Introduction To New Media
Introduction To New MediaIntroduction To New Media
Introduction To New Media
 

Similar to Web interaction design from graphic designer's perspective

The Experience Canvas: How to Use a Core Tool from the Experience-Driven Play...
The Experience Canvas: How to Use a Core Tool from the Experience-Driven Play...The Experience Canvas: How to Use a Core Tool from the Experience-Driven Play...
The Experience Canvas: How to Use a Core Tool from the Experience-Driven Play...
colleenfry
 
Educ 524 W1
Educ 524 W1Educ 524 W1
Educ 524 W1
lancesfa
 

Similar to Web interaction design from graphic designer's perspective (20)

A New Toolbox: Artifact Providence 2013
A New Toolbox: Artifact Providence 2013A New Toolbox: Artifact Providence 2013
A New Toolbox: Artifact Providence 2013
 
The Experience Canvas: How to Use a Core Tool from the Experience-Driven Play...
The Experience Canvas: How to Use a Core Tool from the Experience-Driven Play...The Experience Canvas: How to Use a Core Tool from the Experience-Driven Play...
The Experience Canvas: How to Use a Core Tool from the Experience-Driven Play...
 
How to Accelerate Your Digital Transformation With Design Thinking
How to Accelerate Your Digital Transformation With Design ThinkingHow to Accelerate Your Digital Transformation With Design Thinking
How to Accelerate Your Digital Transformation With Design Thinking
 
Collaborative Sketching for UX - Razorfish 042115
Collaborative Sketching for UX - Razorfish 042115Collaborative Sketching for UX - Razorfish 042115
Collaborative Sketching for UX - Razorfish 042115
 
User Interface Prototyping Techniques: Low Fidelity Prototyping
User Interface Prototyping Techniques: Low Fidelity PrototypingUser Interface Prototyping Techniques: Low Fidelity Prototyping
User Interface Prototyping Techniques: Low Fidelity Prototyping
 
Design thinking for designing and delivering services
Design thinking for designing and delivering servicesDesign thinking for designing and delivering services
Design thinking for designing and delivering services
 
Lecturewk2
Lecturewk2Lecturewk2
Lecturewk2
 
Visual tools and innovation games - full day workshop - sp intersections - no...
Visual tools and innovation games - full day workshop - sp intersections - no...Visual tools and innovation games - full day workshop - sp intersections - no...
Visual tools and innovation games - full day workshop - sp intersections - no...
 
Designing in the Open
Designing in the OpenDesigning in the Open
Designing in the Open
 
Educ 524 W1
Educ 524 W1Educ 524 W1
Educ 524 W1
 
Design thinking for designing and delivering services
Design thinking for designing and delivering servicesDesign thinking for designing and delivering services
Design thinking for designing and delivering services
 
Collaboration Within A Multidisciplinary Team
Collaboration Within A Multidisciplinary Team Collaboration Within A Multidisciplinary Team
Collaboration Within A Multidisciplinary Team
 
Project BUILD Workshop Presentation
Project BUILD Workshop PresentationProject BUILD Workshop Presentation
Project BUILD Workshop Presentation
 
Collaborative Sketching for UX
Collaborative Sketching for UXCollaborative Sketching for UX
Collaborative Sketching for UX
 
#acec2014 Open Badge Design, Every Which Way #openbadges
#acec2014 Open Badge Design, Every Which Way #openbadges #acec2014 Open Badge Design, Every Which Way #openbadges
#acec2014 Open Badge Design, Every Which Way #openbadges
 
Summit 2012 - How Atlassian Uses Confluence
Summit 2012 - How Atlassian Uses ConfluenceSummit 2012 - How Atlassian Uses Confluence
Summit 2012 - How Atlassian Uses Confluence
 
Putting Personas to Work at IIBA Cleveland
Putting Personas to Work at IIBA ClevelandPutting Personas to Work at IIBA Cleveland
Putting Personas to Work at IIBA Cleveland
 
UX in an Agile World
UX in an Agile WorldUX in an Agile World
UX in an Agile World
 
IIBA_ux_talk_sept2011
IIBA_ux_talk_sept2011IIBA_ux_talk_sept2011
IIBA_ux_talk_sept2011
 
Design Sprints for Awesome Teams: Running Design Sprints for Rapid Digital Pr...
Design Sprints for Awesome Teams: Running Design Sprints for Rapid Digital Pr...Design Sprints for Awesome Teams: Running Design Sprints for Rapid Digital Pr...
Design Sprints for Awesome Teams: Running Design Sprints for Rapid Digital Pr...
 

More from Valeria Gasik

Creating low and medium fidelity prototypes
Creating low and medium fidelity prototypesCreating low and medium fidelity prototypes
Creating low and medium fidelity prototypes
Valeria Gasik
 
Introduction to interaction design
Introduction to interaction designIntroduction to interaction design
Introduction to interaction design
Valeria Gasik
 
Creating Low Fidelity Prototypes
Creating Low Fidelity PrototypesCreating Low Fidelity Prototypes
Creating Low Fidelity Prototypes
Valeria Gasik
 
Ubiquitous computing
Ubiquitous computingUbiquitous computing
Ubiquitous computing
Valeria Gasik
 

More from Valeria Gasik (20)

What's UX anyway?
What's UX anyway?What's UX anyway?
What's UX anyway?
 
Low Fidelity Prototyping with Paper
Low Fidelity Prototyping with PaperLow Fidelity Prototyping with Paper
Low Fidelity Prototyping with Paper
 
User Research: Personas, scenarios, user stories
User Research: Personas, scenarios, user storiesUser Research: Personas, scenarios, user stories
User Research: Personas, scenarios, user stories
 
Interaction Design's Work
Interaction Design's WorkInteraction Design's Work
Interaction Design's Work
 
Paper Prototyping Basics (IxDworks.com)
Paper Prototyping Basics (IxDworks.com)Paper Prototyping Basics (IxDworks.com)
Paper Prototyping Basics (IxDworks.com)
 
Testing Paper Prototypes (IxDworks.com)
Testing Paper Prototypes (IxDworks.com)Testing Paper Prototypes (IxDworks.com)
Testing Paper Prototypes (IxDworks.com)
 
Personas, Scenarios, User Stories, Use Cases (IxDworks.com)
Personas, Scenarios, User Stories, Use Cases (IxDworks.com)Personas, Scenarios, User Stories, Use Cases (IxDworks.com)
Personas, Scenarios, User Stories, Use Cases (IxDworks.com)
 
TWS 2014 – Testing paper prototypes
TWS 2014 – Testing paper prototypesTWS 2014 – Testing paper prototypes
TWS 2014 – Testing paper prototypes
 
TWS 2014 – Paper Prototyping
TWS 2014 – Paper PrototypingTWS 2014 – Paper Prototyping
TWS 2014 – Paper Prototyping
 
TWS 2014 – Personas, scenarios, user stories
TWS 2014 – Personas, scenarios, user storiesTWS 2014 – Personas, scenarios, user stories
TWS 2014 – Personas, scenarios, user stories
 
TWS 2014: Interaction Design, brief introduction
TWS 2014: Interaction Design, brief introductionTWS 2014: Interaction Design, brief introduction
TWS 2014: Interaction Design, brief introduction
 
Wordress.com alkeet ja sosiaalisen median lyhyt historia
Wordress.com alkeet ja sosiaalisen median lyhyt historiaWordress.com alkeet ja sosiaalisen median lyhyt historia
Wordress.com alkeet ja sosiaalisen median lyhyt historia
 
TSS 2013 – Paper Prototyping
TSS 2013 – Paper PrototypingTSS 2013 – Paper Prototyping
TSS 2013 – Paper Prototyping
 
TSS 2013 – IxD, Personas, Scenarios, User Stories and Use Cases
TSS 2013 – IxD, Personas, Scenarios, User Stories and Use CasesTSS 2013 – IxD, Personas, Scenarios, User Stories and Use Cases
TSS 2013 – IxD, Personas, Scenarios, User Stories and Use Cases
 
TSS 2013 – Interactive Design Tools
TSS 2013 – Interactive Design ToolsTSS 2013 – Interactive Design Tools
TSS 2013 – Interactive Design Tools
 
Creating low and medium fidelity prototypes
Creating low and medium fidelity prototypesCreating low and medium fidelity prototypes
Creating low and medium fidelity prototypes
 
Introduction to interaction design
Introduction to interaction designIntroduction to interaction design
Introduction to interaction design
 
Working on ideas
Working on ideasWorking on ideas
Working on ideas
 
Creating Low Fidelity Prototypes
Creating Low Fidelity PrototypesCreating Low Fidelity Prototypes
Creating Low Fidelity Prototypes
 
Ubiquitous computing
Ubiquitous computingUbiquitous computing
Ubiquitous computing
 

Recently uploaded

CNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of ServiceCNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of Service
giselly40
 
Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slideHistor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slide
vu2urc
 

Recently uploaded (20)

CNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of ServiceCNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of Service
 
2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...
 
08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking Men08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking Men
 
Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivityBoost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivity
 
Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdfBoost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdf
 
The Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptxThe Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptx
 
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdfUnderstanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
 
Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024
 
Automating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps ScriptAutomating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps Script
 
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time AutomationFrom Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
 
Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone ProcessorsExploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processors
 
Presentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreterPresentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreter
 
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
 
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
 
Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slideHistor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slide
 
Advantages of Hiring UIUX Design Service Providers for Your Business
Advantages of Hiring UIUX Design Service Providers for Your BusinessAdvantages of Hiring UIUX Design Service Providers for Your Business
Advantages of Hiring UIUX Design Service Providers for Your Business
 
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt RobisonData Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt Robison
 
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024
 
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
 
Handwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed textsHandwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed texts
 

Web interaction design from graphic designer's perspective

  • 1. Experimental Interaction Design / Web Valeria Gasik freelancer, AD, Master student Valeria Gasik
  • 2. Working with web Valeria Gasik
  • 3. Working with web Valeria Gasik
  • 4. Working with web “DIWO”: Regardless of the job position or the size of the group, working with web and interaction design still means interaction with people. Client: “What’s my username?” Me: “It’s your first name, a space and then your last name.” Client: ”How am I supposed to remember that?” Valeria Gasik
  • 5. What designers do wrong? Ignoring common patterns » Reusable solutions for reoccurring problems Ignoring consistency » Being different is good when its better » Except Easter Eggs Too many changes » When things change, it drags peoples attention. Lack of design and content standard Valeria Gasik
  • 6. What designers do wrong? Bad visibility » Where are things? Why are they there? » Lack of visual keys (texture, arrow, color) Unnatural graphical solutions Ignoring details » “Era of everything is clickable” Poor content, no contact Valeria Gasik
  • 7. Feedback and Critique Lack of clarity » Ask more questions Taking it personally » Change perspective Apathy » Find the reason Contradiction » Put other in your shoes Hard to decide » Present professional opinion Negativity » Know when to start over Valeria Gasik
  • 8. Garage48 Valeria Gasik
  • 10. IMKEmonster Aggregation page • RSS feeds • Project • Courses http://imke.waher.net/ Valeria Gasik
  • 11. IMKEmonster 1. Personas 2. Scenarios 3. User Stories 4. Paper Prototypes 5. (Research) 6. Programming 7. Design 8. Testing 9. Live Demo Imkeproject.wordpress.com Valeria Gasik
  • 12. Thank you Valeria Gasik