SlideShare a Scribd company logo
Creating User Friendly
Joomla! Websites and Forms

                 Robin Poort (@rhcpoort)
     CEO & co-founder ThemePartner (@theme_partner)
       Joomla! day Deutschland, Berlin, oktober 2012
Time up

   Robin Poort (@rhcpoort)
ThemePartner (@theme_partner)
Elevator: http://www.flickr.com/photos/ricardodiaz/2311260401/
Car: http://www.flickr.com/photos/19942094@N00/4937185452/
Boy: http://www.flickr.com/photos/mollenborg/4806009069/
Focus: http://www.flickr.com/photos/toolstop/4546017269/
Door: http://www.flickr.com/photos/slightlyeverything/5103581006/
Old photo: http://www.flickr.com/photos/seattlemunicipalarchives/3654163449/
Usability lab: http://www.flickr.com/photos/yandle/2986591710/
Guys: http://www.flickr.com/photos/_dchris/4103382933/
Paper: http://www.flickr.com/photos/english106/4357529719/
Before and after: http://www.flickr.com/photos/35314767@N00/5997466993/
Hourglass: http://www.flickr.com/photos/jamiesrabbits/5641308012/
Questionmark: http://www.flickr.com/photos/horiavarlan/4273168957/

More Related Content

What's hot

Software Livre e Comunidades
Software Livre e ComunidadesSoftware Livre e Comunidades
Software Livre e Comunidades
Rodrigo Pinto
 
08 10 Why Conversations Migrate
08 10 Why Conversations Migrate08 10 Why Conversations Migrate
08 10 Why Conversations Migrate
Stowe Boyd
 
Future Center@Junkudo
Future Center@JunkudoFuture Center@Junkudo
Future Center@Junkudo
Yukei Wachi
 
Pictures for presentation
Pictures for presentationPictures for presentation
Pictures for presentation
Matt Oulds
 
Thawing the Frozen Middle: The role of Managers in organisations using Scrum
Thawing the Frozen Middle: The role of Managers in organisations using ScrumThawing the Frozen Middle: The role of Managers in organisations using Scrum
Thawing the Frozen Middle: The role of Managers in organisations using Scrum
Em Campbell-Pretty
 
Drupal for Communicators
Drupal for CommunicatorsDrupal for Communicators
Drupal for Communicators
Drew Gorton
 
Thawing the "Frozen Middle" - SGFLA
Thawing the "Frozen Middle" - SGFLAThawing the "Frozen Middle" - SGFLA
Thawing the "Frozen Middle" - SGFLA
Em Campbell-Pretty
 
Connecting Your Community
Connecting Your CommunityConnecting Your Community
Connecting Your Community
Kim Cofino
 
2011 Horizon Report (ASTD Presentation)
2011 Horizon Report (ASTD Presentation)2011 Horizon Report (ASTD Presentation)
2011 Horizon Report (ASTD Presentation)
Alan Levine
 
From Wastelands to Wuthering Heights. The Rocky Road to great Social Media Co...
From Wastelands to Wuthering Heights. The Rocky Road to great Social Media Co...From Wastelands to Wuthering Heights. The Rocky Road to great Social Media Co...
From Wastelands to Wuthering Heights. The Rocky Road to great Social Media Co...
Digital Affairs
 
Oow 2008 Final
Oow 2008 FinalOow 2008 Final
Oow 2008 Final
Jake Kuramoto
 
Technology
TechnologyTechnology
Technology
Nihra Said
 
F as in failure slideshare
F as in failure   slideshareF as in failure   slideshare
F as in failure slideshare
Josh Holmes
 
Learning 2.014: iPad fun in ECE!
Learning 2.014: iPad fun in ECE! Learning 2.014: iPad fun in ECE!
Learning 2.014: iPad fun in ECE!
panalee
 
libraries as communally constructed sites of participatory learning:   creati...
libraries as communally constructed sites of participatory learning:   creati...libraries as communally constructed sites of participatory learning:   creati...
libraries as communally constructed sites of participatory learning:   creati...
Buffy Hamilton
 
Skype for Learning
Skype for LearningSkype for Learning
Skype for Learning
Buffy Hamilton
 
Think Place Not Space; There's More To Geo Than Just Maps
Think Place Not Space; There's More To Geo Than Just MapsThink Place Not Space; There's More To Geo Than Just Maps
Think Place Not Space; There's More To Geo Than Just Maps
Gary Gale
 
Thru The Lens
Thru The LensThru The Lens
Thru The Lens
Alan Levine
 
Why Ethical Reasoning Matters
Why Ethical Reasoning MattersWhy Ethical Reasoning Matters
Why Ethical Reasoning Matters
Barry Casey
 
TLTF12 Building Innovative Learning Spaces
TLTF12 Building Innovative Learning SpacesTLTF12 Building Innovative Learning Spaces
TLTF12 Building Innovative Learning Spaces
Jeff Piontek
 

What's hot (20)

Software Livre e Comunidades
Software Livre e ComunidadesSoftware Livre e Comunidades
Software Livre e Comunidades
 
08 10 Why Conversations Migrate
08 10 Why Conversations Migrate08 10 Why Conversations Migrate
08 10 Why Conversations Migrate
 
Future Center@Junkudo
Future Center@JunkudoFuture Center@Junkudo
Future Center@Junkudo
 
Pictures for presentation
Pictures for presentationPictures for presentation
Pictures for presentation
 
Thawing the Frozen Middle: The role of Managers in organisations using Scrum
Thawing the Frozen Middle: The role of Managers in organisations using ScrumThawing the Frozen Middle: The role of Managers in organisations using Scrum
Thawing the Frozen Middle: The role of Managers in organisations using Scrum
 
Drupal for Communicators
Drupal for CommunicatorsDrupal for Communicators
Drupal for Communicators
 
Thawing the "Frozen Middle" - SGFLA
Thawing the "Frozen Middle" - SGFLAThawing the "Frozen Middle" - SGFLA
Thawing the "Frozen Middle" - SGFLA
 
Connecting Your Community
Connecting Your CommunityConnecting Your Community
Connecting Your Community
 
2011 Horizon Report (ASTD Presentation)
2011 Horizon Report (ASTD Presentation)2011 Horizon Report (ASTD Presentation)
2011 Horizon Report (ASTD Presentation)
 
From Wastelands to Wuthering Heights. The Rocky Road to great Social Media Co...
From Wastelands to Wuthering Heights. The Rocky Road to great Social Media Co...From Wastelands to Wuthering Heights. The Rocky Road to great Social Media Co...
From Wastelands to Wuthering Heights. The Rocky Road to great Social Media Co...
 
Oow 2008 Final
Oow 2008 FinalOow 2008 Final
Oow 2008 Final
 
Technology
TechnologyTechnology
Technology
 
F as in failure slideshare
F as in failure   slideshareF as in failure   slideshare
F as in failure slideshare
 
Learning 2.014: iPad fun in ECE!
Learning 2.014: iPad fun in ECE! Learning 2.014: iPad fun in ECE!
Learning 2.014: iPad fun in ECE!
 
libraries as communally constructed sites of participatory learning:   creati...
libraries as communally constructed sites of participatory learning:   creati...libraries as communally constructed sites of participatory learning:   creati...
libraries as communally constructed sites of participatory learning:   creati...
 
Skype for Learning
Skype for LearningSkype for Learning
Skype for Learning
 
Think Place Not Space; There's More To Geo Than Just Maps
Think Place Not Space; There's More To Geo Than Just MapsThink Place Not Space; There's More To Geo Than Just Maps
Think Place Not Space; There's More To Geo Than Just Maps
 
Thru The Lens
Thru The LensThru The Lens
Thru The Lens
 
Why Ethical Reasoning Matters
Why Ethical Reasoning MattersWhy Ethical Reasoning Matters
Why Ethical Reasoning Matters
 
TLTF12 Building Innovative Learning Spaces
TLTF12 Building Innovative Learning SpacesTLTF12 Building Innovative Learning Spaces
TLTF12 Building Innovative Learning Spaces
 

Similar to Creating User Friendly Joomla! Websites and Forms | Joomla! Day Deutschland

Up close and personal - Future of Digital 2010
Up close and personal - Future of Digital 2010Up close and personal - Future of Digital 2010
Up close and personal - Future of Digital 2010
Rob Manson
 
Fix price fix scope fix date-pecha_kuchas-journeeagile2014
Fix price fix scope fix date-pecha_kuchas-journeeagile2014Fix price fix scope fix date-pecha_kuchas-journeeagile2014
Fix price fix scope fix date-pecha_kuchas-journeeagile2014
Gilles Scokart
 
RDA and the future cataloguing community
RDA and the future cataloguing communityRDA and the future cataloguing community
RDA and the future cataloguing community
Anne Welsh
 
The Future of Design is Not Just the Web - Web Visions Workshop 2011
The Future of Design is Not Just the Web - Web Visions Workshop 2011The Future of Design is Not Just the Web - Web Visions Workshop 2011
The Future of Design is Not Just the Web - Web Visions Workshop 2011
Samantha Starmer
 
Behaviour-Driven Development: escrevendo especificações ágeis
Behaviour-Driven Development: escrevendo especificações ágeisBehaviour-Driven Development: escrevendo especificações ágeis
Behaviour-Driven Development: escrevendo especificações ágeis
Hugo Lopes Tavares
 
Don't be a Digital Dinosaur - Design for the Space Between
Don't be a Digital Dinosaur - Design for the Space BetweenDon't be a Digital Dinosaur - Design for the Space Between
Don't be a Digital Dinosaur - Design for the Space Between
Samantha Starmer
 
Making Remote Work Feel Less Remote
Making Remote Work Feel Less RemoteMaking Remote Work Feel Less Remote
Making Remote Work Feel Less Remote
Nate Osborne
 
Create Successful Cross Channel Experiences - IA Summit 2011
Create Successful Cross Channel Experiences - IA Summit 2011Create Successful Cross Channel Experiences - IA Summit 2011
Create Successful Cross Channel Experiences - IA Summit 2011
Samantha Starmer
 
Presentation Design and Delivery Tips
Presentation Design and Delivery TipsPresentation Design and Delivery Tips
Presentation Design and Delivery Tips
sdeherder
 
A Potpourri Of Web Tools
A Potpourri Of Web ToolsA Potpourri Of Web Tools
A Potpourri Of Web Tools
Carla Arena
 
Arduino Project
Arduino ProjectArduino Project
Arduino Project
Almir Mendes
 
Arduino Project - Ciclo de palestras CEET Vasco Coutinho
Arduino Project - Ciclo de palestras CEET Vasco CoutinhoArduino Project - Ciclo de palestras CEET Vasco Coutinho
Arduino Project - Ciclo de palestras CEET Vasco Coutinho
Almir Mendes
 
O que tu queres?
O que tu queres? O que tu queres?
O que tu queres?
m Peixoto
 
Making A Lasting Impression (Version 2)
Making A Lasting Impression (Version 2)Making A Lasting Impression (Version 2)
Making A Lasting Impression (Version 2)
Kim Cofino
 
Cil09
Cil09Cil09
Cil09
Beth Tribe
 
Cil09PowerPointVersion
Cil09PowerPointVersionCil09PowerPointVersion
Cil09PowerPointVersion
Beth Tribe
 
How To Demo Like A Demon
How To Demo Like A DemonHow To Demo Like A Demon
How To Demo Like A Demon
David Crow
 
Connected Collaboration
Connected CollaborationConnected Collaboration
Connected Collaboration
Alan Lepofsky
 
Why Use Technology in the Classroom
Why Use Technology in the ClassroomWhy Use Technology in the Classroom
Why Use Technology in the Classroom
Bethany Smith
 
The Importance of Storytelling in Web Design, WordCamp Miami 2013
The Importance of Storytelling in Web Design, WordCamp Miami 2013The Importance of Storytelling in Web Design, WordCamp Miami 2013
The Importance of Storytelling in Web Design, WordCamp Miami 2013
Denise Jacobs
 

Similar to Creating User Friendly Joomla! Websites and Forms | Joomla! Day Deutschland (20)

Up close and personal - Future of Digital 2010
Up close and personal - Future of Digital 2010Up close and personal - Future of Digital 2010
Up close and personal - Future of Digital 2010
 
Fix price fix scope fix date-pecha_kuchas-journeeagile2014
Fix price fix scope fix date-pecha_kuchas-journeeagile2014Fix price fix scope fix date-pecha_kuchas-journeeagile2014
Fix price fix scope fix date-pecha_kuchas-journeeagile2014
 
RDA and the future cataloguing community
RDA and the future cataloguing communityRDA and the future cataloguing community
RDA and the future cataloguing community
 
The Future of Design is Not Just the Web - Web Visions Workshop 2011
The Future of Design is Not Just the Web - Web Visions Workshop 2011The Future of Design is Not Just the Web - Web Visions Workshop 2011
The Future of Design is Not Just the Web - Web Visions Workshop 2011
 
Behaviour-Driven Development: escrevendo especificações ágeis
Behaviour-Driven Development: escrevendo especificações ágeisBehaviour-Driven Development: escrevendo especificações ágeis
Behaviour-Driven Development: escrevendo especificações ágeis
 
Don't be a Digital Dinosaur - Design for the Space Between
Don't be a Digital Dinosaur - Design for the Space BetweenDon't be a Digital Dinosaur - Design for the Space Between
Don't be a Digital Dinosaur - Design for the Space Between
 
Making Remote Work Feel Less Remote
Making Remote Work Feel Less RemoteMaking Remote Work Feel Less Remote
Making Remote Work Feel Less Remote
 
Create Successful Cross Channel Experiences - IA Summit 2011
Create Successful Cross Channel Experiences - IA Summit 2011Create Successful Cross Channel Experiences - IA Summit 2011
Create Successful Cross Channel Experiences - IA Summit 2011
 
Presentation Design and Delivery Tips
Presentation Design and Delivery TipsPresentation Design and Delivery Tips
Presentation Design and Delivery Tips
 
A Potpourri Of Web Tools
A Potpourri Of Web ToolsA Potpourri Of Web Tools
A Potpourri Of Web Tools
 
Arduino Project
Arduino ProjectArduino Project
Arduino Project
 
Arduino Project - Ciclo de palestras CEET Vasco Coutinho
Arduino Project - Ciclo de palestras CEET Vasco CoutinhoArduino Project - Ciclo de palestras CEET Vasco Coutinho
Arduino Project - Ciclo de palestras CEET Vasco Coutinho
 
O que tu queres?
O que tu queres? O que tu queres?
O que tu queres?
 
Making A Lasting Impression (Version 2)
Making A Lasting Impression (Version 2)Making A Lasting Impression (Version 2)
Making A Lasting Impression (Version 2)
 
Cil09
Cil09Cil09
Cil09
 
Cil09PowerPointVersion
Cil09PowerPointVersionCil09PowerPointVersion
Cil09PowerPointVersion
 
How To Demo Like A Demon
How To Demo Like A DemonHow To Demo Like A Demon
How To Demo Like A Demon
 
Connected Collaboration
Connected CollaborationConnected Collaboration
Connected Collaboration
 
Why Use Technology in the Classroom
Why Use Technology in the ClassroomWhy Use Technology in the Classroom
Why Use Technology in the Classroom
 
The Importance of Storytelling in Web Design, WordCamp Miami 2013
The Importance of Storytelling in Web Design, WordCamp Miami 2013The Importance of Storytelling in Web Design, WordCamp Miami 2013
The Importance of Storytelling in Web Design, WordCamp Miami 2013
 

More from ThemePartner

Stop Building Links, Start Earning Them
Stop Building Links, Start Earning ThemStop Building Links, Start Earning Them
Stop Building Links, Start Earning Them
ThemePartner
 
Clever Joomla! Templating Tips and Tricks
Clever Joomla! Templating Tips and TricksClever Joomla! Templating Tips and Tricks
Clever Joomla! Templating Tips and Tricks
ThemePartner
 
Slimme Joomla! Templating Tips en Truuks
Slimme Joomla! Templating Tips en TruuksSlimme Joomla! Templating Tips en Truuks
Slimme Joomla! Templating Tips en Truuks
ThemePartner
 
Responsive Design: Uitdagingen en Oplossingen
Responsive Design: Uitdagingen en OplossingenResponsive Design: Uitdagingen en Oplossingen
Responsive Design: Uitdagingen en Oplossingen
ThemePartner
 
Van voor, naar achter, van links naar... Likes?
Van voor, naar achter, van links naar... Likes?Van voor, naar achter, van links naar... Likes?
Van voor, naar achter, van links naar... Likes?
ThemePartner
 
Is Joomla nog steeds de juiste keuze in 2017?
Is Joomla nog steeds de juiste keuze in 2017?Is Joomla nog steeds de juiste keuze in 2017?
Is Joomla nog steeds de juiste keuze in 2017?
ThemePartner
 
Learn to love CSS3 | Joomla! Day Deutschland
Learn to love CSS3 | Joomla! Day DeutschlandLearn to love CSS3 | Joomla! Day Deutschland
Learn to love CSS3 | Joomla! Day Deutschland
ThemePartner
 
Learn to Love CSS3 [English]
Learn to Love CSS3 [English]Learn to Love CSS3 [English]
Learn to Love CSS3 [English]
ThemePartner
 
Joomla! SEO (With Super Mario) [English]
Joomla! SEO (With Super Mario) [English]Joomla! SEO (With Super Mario) [English]
Joomla! SEO (With Super Mario) [English]
ThemePartner
 
6 Psychological Techniques to Improve Your Conversion Rate [English]
6 Psychological Techniques to Improve Your Conversion Rate [English]6 Psychological Techniques to Improve Your Conversion Rate [English]
6 Psychological Techniques to Improve Your Conversion Rate [English]
ThemePartner
 
Gebruiksvriendelijke sites maken (dutch)
Gebruiksvriendelijke sites maken (dutch)Gebruiksvriendelijke sites maken (dutch)
Gebruiksvriendelijke sites maken (dutch)
ThemePartner
 
CSS3 (dutch)
CSS3 (dutch)CSS3 (dutch)
CSS3 (dutch)
ThemePartner
 
Joomla! SEO (with Super Mario) [Dutch]
Joomla! SEO (with Super Mario) [Dutch]Joomla! SEO (with Super Mario) [Dutch]
Joomla! SEO (with Super Mario) [Dutch]
ThemePartner
 
Joomla 2.5 SEO [Dutch]
Joomla 2.5 SEO [Dutch]Joomla 2.5 SEO [Dutch]
Joomla 2.5 SEO [Dutch]ThemePartner
 

More from ThemePartner (14)

Stop Building Links, Start Earning Them
Stop Building Links, Start Earning ThemStop Building Links, Start Earning Them
Stop Building Links, Start Earning Them
 
Clever Joomla! Templating Tips and Tricks
Clever Joomla! Templating Tips and TricksClever Joomla! Templating Tips and Tricks
Clever Joomla! Templating Tips and Tricks
 
Slimme Joomla! Templating Tips en Truuks
Slimme Joomla! Templating Tips en TruuksSlimme Joomla! Templating Tips en Truuks
Slimme Joomla! Templating Tips en Truuks
 
Responsive Design: Uitdagingen en Oplossingen
Responsive Design: Uitdagingen en OplossingenResponsive Design: Uitdagingen en Oplossingen
Responsive Design: Uitdagingen en Oplossingen
 
Van voor, naar achter, van links naar... Likes?
Van voor, naar achter, van links naar... Likes?Van voor, naar achter, van links naar... Likes?
Van voor, naar achter, van links naar... Likes?
 
Is Joomla nog steeds de juiste keuze in 2017?
Is Joomla nog steeds de juiste keuze in 2017?Is Joomla nog steeds de juiste keuze in 2017?
Is Joomla nog steeds de juiste keuze in 2017?
 
Learn to love CSS3 | Joomla! Day Deutschland
Learn to love CSS3 | Joomla! Day DeutschlandLearn to love CSS3 | Joomla! Day Deutschland
Learn to love CSS3 | Joomla! Day Deutschland
 
Learn to Love CSS3 [English]
Learn to Love CSS3 [English]Learn to Love CSS3 [English]
Learn to Love CSS3 [English]
 
Joomla! SEO (With Super Mario) [English]
Joomla! SEO (With Super Mario) [English]Joomla! SEO (With Super Mario) [English]
Joomla! SEO (With Super Mario) [English]
 
6 Psychological Techniques to Improve Your Conversion Rate [English]
6 Psychological Techniques to Improve Your Conversion Rate [English]6 Psychological Techniques to Improve Your Conversion Rate [English]
6 Psychological Techniques to Improve Your Conversion Rate [English]
 
Gebruiksvriendelijke sites maken (dutch)
Gebruiksvriendelijke sites maken (dutch)Gebruiksvriendelijke sites maken (dutch)
Gebruiksvriendelijke sites maken (dutch)
 
CSS3 (dutch)
CSS3 (dutch)CSS3 (dutch)
CSS3 (dutch)
 
Joomla! SEO (with Super Mario) [Dutch]
Joomla! SEO (with Super Mario) [Dutch]Joomla! SEO (with Super Mario) [Dutch]
Joomla! SEO (with Super Mario) [Dutch]
 
Joomla 2.5 SEO [Dutch]
Joomla 2.5 SEO [Dutch]Joomla 2.5 SEO [Dutch]
Joomla 2.5 SEO [Dutch]
 

Recently uploaded

Artificial Intelligence for XMLDevelopment
Artificial Intelligence for XMLDevelopmentArtificial Intelligence for XMLDevelopment
Artificial Intelligence for XMLDevelopment
Octavian Nadolu
 
How to use Firebase Data Connect For Flutter
How to use Firebase Data Connect For FlutterHow to use Firebase Data Connect For Flutter
How to use Firebase Data Connect For Flutter
Daiki Mogmet Ito
 
Communications Mining Series - Zero to Hero - Session 1
Communications Mining Series - Zero to Hero - Session 1Communications Mining Series - Zero to Hero - Session 1
Communications Mining Series - Zero to Hero - Session 1
DianaGray10
 
Alt. GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using ...
Alt. GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using ...Alt. GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using ...
Alt. GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using ...
James Anderson
 
Enchancing adoption of Open Source Libraries. A case study on Albumentations.AI
Enchancing adoption of Open Source Libraries. A case study on Albumentations.AIEnchancing adoption of Open Source Libraries. A case study on Albumentations.AI
Enchancing adoption of Open Source Libraries. A case study on Albumentations.AI
Vladimir Iglovikov, Ph.D.
 
Pushing the limits of ePRTC: 100ns holdover for 100 days
Pushing the limits of ePRTC: 100ns holdover for 100 daysPushing the limits of ePRTC: 100ns holdover for 100 days
Pushing the limits of ePRTC: 100ns holdover for 100 days
Adtran
 
UiPath Test Automation using UiPath Test Suite series, part 6
UiPath Test Automation using UiPath Test Suite series, part 6UiPath Test Automation using UiPath Test Suite series, part 6
UiPath Test Automation using UiPath Test Suite series, part 6
DianaGray10
 
Why You Should Replace Windows 11 with Nitrux Linux 3.5.0 for enhanced perfor...
Why You Should Replace Windows 11 with Nitrux Linux 3.5.0 for enhanced perfor...Why You Should Replace Windows 11 with Nitrux Linux 3.5.0 for enhanced perfor...
Why You Should Replace Windows 11 with Nitrux Linux 3.5.0 for enhanced perfor...
SOFTTECHHUB
 
20240607 QFM018 Elixir Reading List May 2024
20240607 QFM018 Elixir Reading List May 202420240607 QFM018 Elixir Reading List May 2024
20240607 QFM018 Elixir Reading List May 2024
Matthew Sinclair
 
Goodbye Windows 11: Make Way for Nitrux Linux 3.5.0!
Goodbye Windows 11: Make Way for Nitrux Linux 3.5.0!Goodbye Windows 11: Make Way for Nitrux Linux 3.5.0!
Goodbye Windows 11: Make Way for Nitrux Linux 3.5.0!
SOFTTECHHUB
 
Encryption in Microsoft 365 - ExpertsLive Netherlands 2024
Encryption in Microsoft 365 - ExpertsLive Netherlands 2024Encryption in Microsoft 365 - ExpertsLive Netherlands 2024
Encryption in Microsoft 365 - ExpertsLive Netherlands 2024
Albert Hoitingh
 
Uni Systems Copilot event_05062024_C.Vlachos.pdf
Uni Systems Copilot event_05062024_C.Vlachos.pdfUni Systems Copilot event_05062024_C.Vlachos.pdf
Uni Systems Copilot event_05062024_C.Vlachos.pdf
Uni Systems S.M.S.A.
 
Generative AI Deep Dive: Advancing from Proof of Concept to Production
Generative AI Deep Dive: Advancing from Proof of Concept to ProductionGenerative AI Deep Dive: Advancing from Proof of Concept to Production
Generative AI Deep Dive: Advancing from Proof of Concept to Production
Aggregage
 
Removing Uninteresting Bytes in Software Fuzzing
Removing Uninteresting Bytes in Software FuzzingRemoving Uninteresting Bytes in Software Fuzzing
Removing Uninteresting Bytes in Software Fuzzing
Aftab Hussain
 
“I’m still / I’m still / Chaining from the Block”
“I’m still / I’m still / Chaining from the Block”“I’m still / I’m still / Chaining from the Block”
“I’m still / I’m still / Chaining from the Block”
Claudio Di Ciccio
 
GraphSummit Singapore | The Art of the Possible with Graph - Q2 2024
GraphSummit Singapore | The Art of the  Possible with Graph - Q2 2024GraphSummit Singapore | The Art of the  Possible with Graph - Q2 2024
GraphSummit Singapore | The Art of the Possible with Graph - Q2 2024
Neo4j
 
GraphSummit Singapore | Enhancing Changi Airport Group's Passenger Experience...
GraphSummit Singapore | Enhancing Changi Airport Group's Passenger Experience...GraphSummit Singapore | Enhancing Changi Airport Group's Passenger Experience...
GraphSummit Singapore | Enhancing Changi Airport Group's Passenger Experience...
Neo4j
 
Unlock the Future of Search with MongoDB Atlas_ Vector Search Unleashed.pdf
Unlock the Future of Search with MongoDB Atlas_ Vector Search Unleashed.pdfUnlock the Future of Search with MongoDB Atlas_ Vector Search Unleashed.pdf
Unlock the Future of Search with MongoDB Atlas_ Vector Search Unleashed.pdf
Malak Abu Hammad
 
A tale of scale & speed: How the US Navy is enabling software delivery from l...
A tale of scale & speed: How the US Navy is enabling software delivery from l...A tale of scale & speed: How the US Navy is enabling software delivery from l...
A tale of scale & speed: How the US Navy is enabling software delivery from l...
sonjaschweigert1
 
20 Comprehensive Checklist of Designing and Developing a Website
20 Comprehensive Checklist of Designing and Developing a Website20 Comprehensive Checklist of Designing and Developing a Website
20 Comprehensive Checklist of Designing and Developing a Website
Pixlogix Infotech
 

Recently uploaded (20)

Artificial Intelligence for XMLDevelopment
Artificial Intelligence for XMLDevelopmentArtificial Intelligence for XMLDevelopment
Artificial Intelligence for XMLDevelopment
 
How to use Firebase Data Connect For Flutter
How to use Firebase Data Connect For FlutterHow to use Firebase Data Connect For Flutter
How to use Firebase Data Connect For Flutter
 
Communications Mining Series - Zero to Hero - Session 1
Communications Mining Series - Zero to Hero - Session 1Communications Mining Series - Zero to Hero - Session 1
Communications Mining Series - Zero to Hero - Session 1
 
Alt. GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using ...
Alt. GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using ...Alt. GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using ...
Alt. GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using ...
 
Enchancing adoption of Open Source Libraries. A case study on Albumentations.AI
Enchancing adoption of Open Source Libraries. A case study on Albumentations.AIEnchancing adoption of Open Source Libraries. A case study on Albumentations.AI
Enchancing adoption of Open Source Libraries. A case study on Albumentations.AI
 
Pushing the limits of ePRTC: 100ns holdover for 100 days
Pushing the limits of ePRTC: 100ns holdover for 100 daysPushing the limits of ePRTC: 100ns holdover for 100 days
Pushing the limits of ePRTC: 100ns holdover for 100 days
 
UiPath Test Automation using UiPath Test Suite series, part 6
UiPath Test Automation using UiPath Test Suite series, part 6UiPath Test Automation using UiPath Test Suite series, part 6
UiPath Test Automation using UiPath Test Suite series, part 6
 
Why You Should Replace Windows 11 with Nitrux Linux 3.5.0 for enhanced perfor...
Why You Should Replace Windows 11 with Nitrux Linux 3.5.0 for enhanced perfor...Why You Should Replace Windows 11 with Nitrux Linux 3.5.0 for enhanced perfor...
Why You Should Replace Windows 11 with Nitrux Linux 3.5.0 for enhanced perfor...
 
20240607 QFM018 Elixir Reading List May 2024
20240607 QFM018 Elixir Reading List May 202420240607 QFM018 Elixir Reading List May 2024
20240607 QFM018 Elixir Reading List May 2024
 
Goodbye Windows 11: Make Way for Nitrux Linux 3.5.0!
Goodbye Windows 11: Make Way for Nitrux Linux 3.5.0!Goodbye Windows 11: Make Way for Nitrux Linux 3.5.0!
Goodbye Windows 11: Make Way for Nitrux Linux 3.5.0!
 
Encryption in Microsoft 365 - ExpertsLive Netherlands 2024
Encryption in Microsoft 365 - ExpertsLive Netherlands 2024Encryption in Microsoft 365 - ExpertsLive Netherlands 2024
Encryption in Microsoft 365 - ExpertsLive Netherlands 2024
 
Uni Systems Copilot event_05062024_C.Vlachos.pdf
Uni Systems Copilot event_05062024_C.Vlachos.pdfUni Systems Copilot event_05062024_C.Vlachos.pdf
Uni Systems Copilot event_05062024_C.Vlachos.pdf
 
Generative AI Deep Dive: Advancing from Proof of Concept to Production
Generative AI Deep Dive: Advancing from Proof of Concept to ProductionGenerative AI Deep Dive: Advancing from Proof of Concept to Production
Generative AI Deep Dive: Advancing from Proof of Concept to Production
 
Removing Uninteresting Bytes in Software Fuzzing
Removing Uninteresting Bytes in Software FuzzingRemoving Uninteresting Bytes in Software Fuzzing
Removing Uninteresting Bytes in Software Fuzzing
 
“I’m still / I’m still / Chaining from the Block”
“I’m still / I’m still / Chaining from the Block”“I’m still / I’m still / Chaining from the Block”
“I’m still / I’m still / Chaining from the Block”
 
GraphSummit Singapore | The Art of the Possible with Graph - Q2 2024
GraphSummit Singapore | The Art of the  Possible with Graph - Q2 2024GraphSummit Singapore | The Art of the  Possible with Graph - Q2 2024
GraphSummit Singapore | The Art of the Possible with Graph - Q2 2024
 
GraphSummit Singapore | Enhancing Changi Airport Group's Passenger Experience...
GraphSummit Singapore | Enhancing Changi Airport Group's Passenger Experience...GraphSummit Singapore | Enhancing Changi Airport Group's Passenger Experience...
GraphSummit Singapore | Enhancing Changi Airport Group's Passenger Experience...
 
Unlock the Future of Search with MongoDB Atlas_ Vector Search Unleashed.pdf
Unlock the Future of Search with MongoDB Atlas_ Vector Search Unleashed.pdfUnlock the Future of Search with MongoDB Atlas_ Vector Search Unleashed.pdf
Unlock the Future of Search with MongoDB Atlas_ Vector Search Unleashed.pdf
 
A tale of scale & speed: How the US Navy is enabling software delivery from l...
A tale of scale & speed: How the US Navy is enabling software delivery from l...A tale of scale & speed: How the US Navy is enabling software delivery from l...
A tale of scale & speed: How the US Navy is enabling software delivery from l...
 
20 Comprehensive Checklist of Designing and Developing a Website
20 Comprehensive Checklist of Designing and Developing a Website20 Comprehensive Checklist of Designing and Developing a Website
20 Comprehensive Checklist of Designing and Developing a Website
 

Creating User Friendly Joomla! Websites and Forms | Joomla! Day Deutschland

  • 1. Creating User Friendly Joomla! Websites and Forms Robin Poort (@rhcpoort) CEO & co-founder ThemePartner (@theme_partner) Joomla! day Deutschland, Berlin, oktober 2012
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.
  • 23.
  • 24.
  • 25.
  • 26.
  • 27.
  • 28.
  • 29.
  • 30.
  • 31.
  • 32.
  • 33.
  • 34.
  • 35.
  • 36.
  • 37.
  • 38.
  • 39.
  • 40.
  • 41.
  • 42.
  • 43.
  • 44.
  • 45.
  • 46. Time up Robin Poort (@rhcpoort) ThemePartner (@theme_partner)
  • 47. Elevator: http://www.flickr.com/photos/ricardodiaz/2311260401/ Car: http://www.flickr.com/photos/19942094@N00/4937185452/ Boy: http://www.flickr.com/photos/mollenborg/4806009069/ Focus: http://www.flickr.com/photos/toolstop/4546017269/ Door: http://www.flickr.com/photos/slightlyeverything/5103581006/ Old photo: http://www.flickr.com/photos/seattlemunicipalarchives/3654163449/ Usability lab: http://www.flickr.com/photos/yandle/2986591710/ Guys: http://www.flickr.com/photos/_dchris/4103382933/ Paper: http://www.flickr.com/photos/english106/4357529719/ Before and after: http://www.flickr.com/photos/35314767@N00/5997466993/ Hourglass: http://www.flickr.com/photos/jamiesrabbits/5641308012/ Questionmark: http://www.flickr.com/photos/horiavarlan/4273168957/

Editor's Notes

  1. Welcome. How people surf. Usabilty problems. Some forms. Supermarket? Restaurant? Bar? Big question is elevators
  2. Should be easy. Press button, Get in, Press button, wait, and get out. Most of the time it's quite a lot harder then that.
  3. [Hands] 1. Who's been in an elevator before? 2. Who had trouble finding the button for the floor they wanted to go?
  4. Problems start outside. The dots for the blind people tell you exactly the same.
  5. Once inside a new challenge. Finiding the right floor. People can do it right! Hotel elevator..
  6. Clear buttons, light of floor, explain below, alarm and open doors. Theo and I want to write books.
  7. The next sheet has two buttons. Raise your hand if you think the bottom one is the right one.
  8. French text. People were using the top one to much.
  9. Dont't let the user think. Think for them!  There's a lot of books about usability. My favorite is the following one
  10. Read the title. Back button with arrow to right is wrong. Underlined without link is wrong. Important things shouldnt be red.
  11. Difference in blocks? menu? advertisements? They've improved. Next I'm going to show how people surf the internet nowadays.
  12. We view with 100km/h. In beginning everything slow. Click here. Find URL somewhere, search engines not normal, anekdote dad.
  13. Users are in a hurry! When you found the article you don't even take time to read it all.
  14. Users scan! Way to much information. We need small bits. New social network platform like pinterest...
  15. Didn't find what you were looking for within 2 seconds? Door number two, back button, the right swipe, or backspace button.
  16. If it's to hard for you start doing conveyorbelt work. What can we do 2 make hurried people find what they're looking for?
  17. Test! Testing doesn't has to be very expansive nor time-consuming. Usabilla, silverback, Crazy egg. Test self with little money &time.
  18. Specific task like sign up for newsletter. Find most read blogs. Order a product. Get an account. Vote poll or things like that.
  19. Write everything down! Ask user to say what they are thinking. Write down when moving cursor in direction.
  20. Make adjustments & test again. Start biggest/most found problems. Start with only 3 test users for 75%. Some usability problems. When you wrote everything down it's time to make some adjustments. Start with the most found/ biggest problems. When you've tested your website with four users and they all found it very hard to naviagte to your products because they were called proddies or something like that it's abviius this should change. Don't change everything someone says. Only do it when more people find it a hard task. Starts with only two or three users in your first round because they wil locate 75% of the containing irritations. Then do another round with trhee users and again they will locate 75% of the remainging irritatiuons. When you start with 6 in the first round they might find 85 to 90% of the irritations but that;'s less then what has been found in two rounds.
  21. #1 slow websites, waitin for site to load Use less js and css. Image sprites. Yslow.
  22. Joomla.org slow website. Explain CDN.
  23. The ThemePartner.com homepage. If we wan't to use Google Analytics we will never et a 100% score.
  24. Problem #2 is Flash! It won't work on iDevices [HANDS] who's got either an iPhone or iPad? Who browses?
  25. Combine HTML5, CSS3 and js to create cool stuff Examples
  26. moves around and you can click or tap
  27. Another example. Not fully working on iPad Do use flash for Pixlr. Not for regular sites.
  28. #problem 3 404 pages. This is the google 404 page. Funny image makes you feel better. They could improve.
  29. That's better!
  30. It looks great and it's got links
  31. It's got the whole surrounding website
  32. #4 too much links in navigation areas. Top bar is quite okay but the dropdown is bizar. Advertisements!
  33. Better. Boss wants popular. Normal weight in menu + breathing. You want ads in your menu? Take Amazon for an example...
  34. Advertisements can work as amazon shows us. Grey lines between areas is good
  35. Another example of a great dropdown with separarytors etc.
  36. #5 ads! Get rid of them. The navigation of this website is an ad? People want to make money so some ads are okay...
  37. A little better
  38. Ads can be nice integrated. "Sponsored links"...
  39. #6 is forms! Path to sale. Contact. Mailing etc. A few example forms now.
  40. Fields are the same size. There's no flow to the bottom. We've got some red labels. Small font. No caps. Loads of distraction. Unreadable Unresetable captcha. Ugly form. Lines in between = distraction. Spelling mistakes. Go + submit is wrong. It doesn't say what the star sign does. Middle name required. Three! checkboxes. Warning about clicking twice. Example with postal code. Adress instead of streetname. Most important button is only the mailing.
  41. The error is green + has no breathing space. Checkboxes are checked again. The input in the fields is plain ugly and blue. No idea what went wrong. It's sad but true that most internet fomrs look more like this then the form on the next sheet which I tried to make a little better.
  42. Great title. Info what's going to happen next. Alternative contact possibilty. All fields are required. Help sign what to do. Resizable message field. Privacy statement
  43. No privacy statement. Inline field help.It doesn't say what the star sign means. Two CTA-buttons but one is Cancel. No resizable message field. Postal code field is short.
  44. Clear error message. An icon and a color to show that something is off. What should I do to fix it? Same icon downstairs and same color. Very clear error.
  45. I've told you guys quite some things. I'm sure there's questions in the room. Who's got the first one for me?
  46. Follow me or talk to me later today