SlideShare a Scribd company logo
FIGHTFOR THE
Ruth Cheesley, Virya Group
PIXEL
Breakfast Networking Event
The strength of the team is
each individual member.
The strength of each member
is the team.
Phil Jackson, American professional basketball coach and former player
CONTENT CREATION
and LOOK AND FEEL
FUNCTIONALITY
and USABILITY
VS
MAIN CHARACTERS
The journey starts...
This is the most creative part of the
project and everybody is bursting
with ideas for the new website.
The first priority is to determine
project objectives,requirements
and what will make it successful.
THE DESIGNER THE DEVELOPER
Understand the criteria for success
Conduct research
Understand brand vision
Be focused on effectiveness
but most of all....
Identify the best coding solution
Suggest interactive features
Point out execution issues
Be focused on efficiency
but most of all....
It is design time...
Based on existing corporate colours
(if any), the designer will create a static
mock-up of the homepage,showing
exactly how the web page will look,
but without any functionality yet.
THE DEVELOPER THE DESIGNER
Identify limits of the design
Suggest alternative solutions
Share your expertise
but most of all....
Develop an adequate visual language
Think through the interactivity
Involve developers
but most of all....
A long night coding...
The static concepts are taken and chopped
up into component parts ready for coding.
Using different languages,like HTML and
CSS,the web developer will render the
design into an interactive web page.
THE DESIGNER THE DEVELOPER
Check the design’s implementation
Accept compromises
Be available for changes
but most of all....
Develop the design details
Add interaction and functionality
Consult the designer
but most of all....
Testing your patience...
This stage involves running the template
through many different browsers,devices
and computer platforms and making sure
everything works,no matter from which
part of the website the visitor is coming from.
THE DEVELOPER
Solve technical and
functional issues
Report any necessary
changes to the designer
but most of all....
THE DESIGNER
Test design consistency
and general look and feel
Ask developer to refine
any design issues
but most of all....
Almost done...
In this final step the web team
must make sure that the site is
running as efficiently as possible
and that no functionality has been
compromised in the migration.
It is good to have
an end to journey toward;
but it is the journey that
matters, in the end.
Ernest Hemingway, American author and journalist.
designed by
CHIARA ALIOTTA
presented by
RUTH CHEESLEY

More Related Content

What's hot

What's hot (8)

Video summaries (1)
Video summaries (1)Video summaries (1)
Video summaries (1)
 
Alice Phieu - UI/UX For Developers
Alice Phieu - UI/UX  For DevelopersAlice Phieu - UI/UX  For Developers
Alice Phieu - UI/UX For Developers
 
Video summaries
Video summariesVideo summaries
Video summaries
 
When Developer Must Become Designer - ATO2017
When Developer Must Become Designer - ATO2017When Developer Must Become Designer - ATO2017
When Developer Must Become Designer - ATO2017
 
Balancing UX Consistency and Developer Productivity in a Design System
Balancing UX Consistency and Developer Productivity in a Design SystemBalancing UX Consistency and Developer Productivity in a Design System
Balancing UX Consistency and Developer Productivity in a Design System
 
Design System & Atomic Design
Design System & Atomic DesignDesign System & Atomic Design
Design System & Atomic Design
 
Beyond the Portfolio: what will get you hired
Beyond the Portfolio: what will get you hiredBeyond the Portfolio: what will get you hired
Beyond the Portfolio: what will get you hired
 
Prototyping invision vs axure
Prototyping invision vs axurePrototyping invision vs axure
Prototyping invision vs axure
 

Similar to Fight for the Pixel - Innovation Martlesham - Ruth Cheesley

Designers are from Venus - Presentationas Given to CD2
Designers are from Venus - Presentationas Given to CD2Designers are from Venus - Presentationas Given to CD2
Designers are from Venus - Presentationas Given to CD2
Chad Udell
 
Architecting For Ux
Architecting For UxArchitecting For Ux
Architecting For Ux
Josh Holmes
 
This isn't what you think it is
This isn't what you think it isThis isn't what you think it is
This isn't what you think it is
Joel Cochran
 

Similar to Fight for the Pixel - Innovation Martlesham - Ruth Cheesley (20)

Designers are from Venus - Presentationas Given to CD2
Designers are from Venus - Presentationas Given to CD2Designers are from Venus - Presentationas Given to CD2
Designers are from Venus - Presentationas Given to CD2
 
Architecting For Ux
Architecting For UxArchitecting For Ux
Architecting For Ux
 
Life is not static - your designs shouldn't be either - No Code Conf 2019 Wor...
Life is not static - your designs shouldn't be either - No Code Conf 2019 Wor...Life is not static - your designs shouldn't be either - No Code Conf 2019 Wor...
Life is not static - your designs shouldn't be either - No Code Conf 2019 Wor...
 
4 Pillars - Presentation Notes
4 Pillars - Presentation Notes4 Pillars - Presentation Notes
4 Pillars - Presentation Notes
 
[DevDay2019] Collaborate or die: The designers’ guide to working with develop...
[DevDay2019] Collaborate or die: The designers’ guide to working with develop...[DevDay2019] Collaborate or die: The designers’ guide to working with develop...
[DevDay2019] Collaborate or die: The designers’ guide to working with develop...
 
Graphic Design Introduction Upload
Graphic Design Introduction   UploadGraphic Design Introduction   Upload
Graphic Design Introduction Upload
 
UX-Driven & Inclusive Data Visualizations
UX-Driven & Inclusive Data VisualizationsUX-Driven & Inclusive Data Visualizations
UX-Driven & Inclusive Data Visualizations
 
The Next Generation of Flash User Experience
The Next Generation of Flash User ExperienceThe Next Generation of Flash User Experience
The Next Generation of Flash User Experience
 
Design & Usability Basics
Design & Usability BasicsDesign & Usability Basics
Design & Usability Basics
 
Jennifer Robbins: ARTIFACT Conference Keynote
Jennifer Robbins: ARTIFACT Conference KeynoteJennifer Robbins: ARTIFACT Conference Keynote
Jennifer Robbins: ARTIFACT Conference Keynote
 
Design for developers (april 25, 2017)
Design for developers (april 25, 2017)Design for developers (april 25, 2017)
Design for developers (april 25, 2017)
 
Progressive enhancement
Progressive enhancementProgressive enhancement
Progressive enhancement
 
New York Design Systems Coalition - Bridging the Gap
New York Design Systems Coalition - Bridging the GapNew York Design Systems Coalition - Bridging the Gap
New York Design Systems Coalition - Bridging the Gap
 
Thoughtful theming
Thoughtful themingThoughtful theming
Thoughtful theming
 
Why Can't We All Just Get Along? Improving Designer/Developer Collaboration
Why Can't We All Just Get Along? Improving Designer/Developer CollaborationWhy Can't We All Just Get Along? Improving Designer/Developer Collaboration
Why Can't We All Just Get Along? Improving Designer/Developer Collaboration
 
Collaboration in distributed and integrated product teams
Collaboration in distributed and integrated product teamsCollaboration in distributed and integrated product teams
Collaboration in distributed and integrated product teams
 
This isn't what you think it is
This isn't what you think it isThis isn't what you think it is
This isn't what you think it is
 
Polygon: Design at Scale
Polygon: Design at ScalePolygon: Design at Scale
Polygon: Design at Scale
 
Style Guides, Pattern Libraries, Design Systems and other amenities.
 Style Guides, Pattern Libraries, Design Systems and other amenities. Style Guides, Pattern Libraries, Design Systems and other amenities.
Style Guides, Pattern Libraries, Design Systems and other amenities.
 
Uxpin Why Build a Design System
Uxpin Why Build a Design SystemUxpin Why Build a Design System
Uxpin Why Build a Design System
 

More from Ruth Cheesley

Conflict as an opportunity for growth in Open Source communities - European C...
Conflict as an opportunity for growth in Open Source communities - European C...Conflict as an opportunity for growth in Open Source communities - European C...
Conflict as an opportunity for growth in Open Source communities - European C...
Ruth Cheesley
 

More from Ruth Cheesley (20)

Open source meets marketing - Presentation - OpenFest 2019
Open source meets marketing - Presentation - OpenFest 2019Open source meets marketing - Presentation - OpenFest 2019
Open source meets marketing - Presentation - OpenFest 2019
 
Data first web development
Data first web developmentData first web development
Data first web development
 
Integrated Marketing Strategies with Mautic
Integrated Marketing Strategies with MauticIntegrated Marketing Strategies with Mautic
Integrated Marketing Strategies with Mautic
 
Automating your marketing workflows in Joomla with Mautic
Automating your marketing workflows in Joomla with MauticAutomating your marketing workflows in Joomla with Mautic
Automating your marketing workflows in Joomla with Mautic
 
Custom Fields in Joomla - JoomlaDay UK 2016 - Marco Dings
Custom Fields in Joomla - JoomlaDay UK 2016 - Marco DingsCustom Fields in Joomla - JoomlaDay UK 2016 - Marco Dings
Custom Fields in Joomla - JoomlaDay UK 2016 - Marco Dings
 
Time to stop breaking your promises - dealing with 404's, broken URLs and pla...
Time to stop breaking your promises - dealing with 404's, broken URLs and pla...Time to stop breaking your promises - dealing with 404's, broken URLs and pla...
Time to stop breaking your promises - dealing with 404's, broken URLs and pla...
 
Chalk and cheese - how developers and designers can work together and not cru...
Chalk and cheese - how developers and designers can work together and not cru...Chalk and cheese - how developers and designers can work together and not cru...
Chalk and cheese - how developers and designers can work together and not cru...
 
Discovering Joomla! - Find out about Joomla's features
Discovering Joomla! - Find out about Joomla's featuresDiscovering Joomla! - Find out about Joomla's features
Discovering Joomla! - Find out about Joomla's features
 
Ruth Cheesley - Joomla World Conference 2014 - How to prove you're worth a mi...
Ruth Cheesley - Joomla World Conference 2014 - How to prove you're worth a mi...Ruth Cheesley - Joomla World Conference 2014 - How to prove you're worth a mi...
Ruth Cheesley - Joomla World Conference 2014 - How to prove you're worth a mi...
 
Conflict as an opportunity for growth in Open Source communities - European C...
Conflict as an opportunity for growth in Open Source communities - European C...Conflict as an opportunity for growth in Open Source communities - European C...
Conflict as an opportunity for growth in Open Source communities - European C...
 
The world needs Open Source - Ruth Cheesley - NorDevCon 2014
The world needs Open Source - Ruth Cheesley - NorDevCon 2014The world needs Open Source - Ruth Cheesley - NorDevCon 2014
The world needs Open Source - Ruth Cheesley - NorDevCon 2014
 
A gaze into the crystal ball of Google - social, local and predictive search
A gaze into the crystal ball of Google - social, local and predictive searchA gaze into the crystal ball of Google - social, local and predictive search
A gaze into the crystal ball of Google - social, local and predictive search
 
CMS Security - Ruth Cheesley - CMS Africa 2014
CMS Security - Ruth Cheesley - CMS Africa 2014CMS Security - Ruth Cheesley - CMS Africa 2014
CMS Security - Ruth Cheesley - CMS Africa 2014
 
Women in Open Source - Ruth Cheesley - CMS Africa 2014
Women in Open Source - Ruth Cheesley - CMS Africa 2014Women in Open Source - Ruth Cheesley - CMS Africa 2014
Women in Open Source - Ruth Cheesley - CMS Africa 2014
 
Ruth Cheesley - Joomla! World Conference 2013 - What are you trying to say (a...
Ruth Cheesley - Joomla! World Conference 2013 - What are you trying to say (a...Ruth Cheesley - Joomla! World Conference 2013 - What are you trying to say (a...
Ruth Cheesley - Joomla! World Conference 2013 - What are you trying to say (a...
 
Ruth Cheesley - Joomla! World Conference 2013 - Is your business intelligent?
Ruth Cheesley - Joomla! World Conference 2013 - Is your business intelligent?Ruth Cheesley - Joomla! World Conference 2013 - Is your business intelligent?
Ruth Cheesley - Joomla! World Conference 2013 - Is your business intelligent?
 
Suffolk Internet Marketing & SEO/M Specialists - Ruth Cheesley - Don't get in...
Suffolk Internet Marketing & SEO/M Specialists - Ruth Cheesley - Don't get in...Suffolk Internet Marketing & SEO/M Specialists - Ruth Cheesley - Don't get in...
Suffolk Internet Marketing & SEO/M Specialists - Ruth Cheesley - Don't get in...
 
Ruth Cheesley - Joomla!Day UK - Joomla in your area
Ruth Cheesley - Joomla!Day UK - Joomla in your areaRuth Cheesley - Joomla!Day UK - Joomla in your area
Ruth Cheesley - Joomla!Day UK - Joomla in your area
 
Ruth Cheesley - Joomla!Day UK - Articles are boring, long live the CCK!
Ruth Cheesley - Joomla!Day UK - Articles are boring, long live the CCK!Ruth Cheesley - Joomla!Day UK - Articles are boring, long live the CCK!
Ruth Cheesley - Joomla!Day UK - Articles are boring, long live the CCK!
 
Ruth Cheesley - Joomla!Day UK - Giving back to Joomla!
Ruth Cheesley - Joomla!Day UK - Giving back to Joomla!Ruth Cheesley - Joomla!Day UK - Giving back to Joomla!
Ruth Cheesley - Joomla!Day UK - Giving back to Joomla!
 

Recently uploaded

Future Visions: Predictions to Guide and Time Tech Innovation, Peter Udo Diehl
Future Visions: Predictions to Guide and Time Tech Innovation, Peter Udo DiehlFuture Visions: Predictions to Guide and Time Tech Innovation, Peter Udo Diehl
Future Visions: Predictions to Guide and Time Tech Innovation, Peter Udo Diehl
Peter Udo Diehl
 

Recently uploaded (20)

Powerful Start- the Key to Project Success, Barbara Laskowska
Powerful Start- the Key to Project Success, Barbara LaskowskaPowerful Start- the Key to Project Success, Barbara Laskowska
Powerful Start- the Key to Project Success, Barbara Laskowska
 
UiPath Test Automation using UiPath Test Suite series, part 3
UiPath Test Automation using UiPath Test Suite series, part 3UiPath Test Automation using UiPath Test Suite series, part 3
UiPath Test Automation using UiPath Test Suite series, part 3
 
Designing Great Products: The Power of Design and Leadership by Chief Designe...
Designing Great Products: The Power of Design and Leadership by Chief Designe...Designing Great Products: The Power of Design and Leadership by Chief Designe...
Designing Great Products: The Power of Design and Leadership by Chief Designe...
 
Free and Effective: Making Flows Publicly Accessible, Yumi Ibrahimzade
Free and Effective: Making Flows Publicly Accessible, Yumi IbrahimzadeFree and Effective: Making Flows Publicly Accessible, Yumi Ibrahimzade
Free and Effective: Making Flows Publicly Accessible, Yumi Ibrahimzade
 
UiPath Test Automation using UiPath Test Suite series, part 2
UiPath Test Automation using UiPath Test Suite series, part 2UiPath Test Automation using UiPath Test Suite series, part 2
UiPath Test Automation using UiPath Test Suite series, part 2
 
Exploring UiPath Orchestrator API: updates and limits in 2024 🚀
Exploring UiPath Orchestrator API: updates and limits in 2024 🚀Exploring UiPath Orchestrator API: updates and limits in 2024 🚀
Exploring UiPath Orchestrator API: updates and limits in 2024 🚀
 
Introduction to Open Source RAG and RAG Evaluation
Introduction to Open Source RAG and RAG EvaluationIntroduction to Open Source RAG and RAG Evaluation
Introduction to Open Source RAG and RAG Evaluation
 
Behind the Scenes From the Manager's Chair: Decoding the Secrets of Successfu...
Behind the Scenes From the Manager's Chair: Decoding the Secrets of Successfu...Behind the Scenes From the Manager's Chair: Decoding the Secrets of Successfu...
Behind the Scenes From the Manager's Chair: Decoding the Secrets of Successfu...
 
UiPath Test Automation using UiPath Test Suite series, part 1
UiPath Test Automation using UiPath Test Suite series, part 1UiPath Test Automation using UiPath Test Suite series, part 1
UiPath Test Automation using UiPath Test Suite series, part 1
 
When stars align: studies in data quality, knowledge graphs, and machine lear...
When stars align: studies in data quality, knowledge graphs, and machine lear...When stars align: studies in data quality, knowledge graphs, and machine lear...
When stars align: studies in data quality, knowledge graphs, and machine lear...
 
Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024
Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024
Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024
 
GenAISummit 2024 May 28 Sri Ambati Keynote: AGI Belongs to The Community in O...
GenAISummit 2024 May 28 Sri Ambati Keynote: AGI Belongs to The Community in O...GenAISummit 2024 May 28 Sri Ambati Keynote: AGI Belongs to The Community in O...
GenAISummit 2024 May 28 Sri Ambati Keynote: AGI Belongs to The Community in O...
 
Future Visions: Predictions to Guide and Time Tech Innovation, Peter Udo Diehl
Future Visions: Predictions to Guide and Time Tech Innovation, Peter Udo DiehlFuture Visions: Predictions to Guide and Time Tech Innovation, Peter Udo Diehl
Future Visions: Predictions to Guide and Time Tech Innovation, Peter Udo Diehl
 
Slack (or Teams) Automation for Bonterra Impact Management (fka Social Soluti...
Slack (or Teams) Automation for Bonterra Impact Management (fka Social Soluti...Slack (or Teams) Automation for Bonterra Impact Management (fka Social Soluti...
Slack (or Teams) Automation for Bonterra Impact Management (fka Social Soluti...
 
Speed Wins: From Kafka to APIs in Minutes
Speed Wins: From Kafka to APIs in MinutesSpeed Wins: From Kafka to APIs in Minutes
Speed Wins: From Kafka to APIs in Minutes
 
In-Depth Performance Testing Guide for IT Professionals
In-Depth Performance Testing Guide for IT ProfessionalsIn-Depth Performance Testing Guide for IT Professionals
In-Depth Performance Testing Guide for IT Professionals
 
Bits & Pixels using AI for Good.........
Bits & Pixels using AI for Good.........Bits & Pixels using AI for Good.........
Bits & Pixels using AI for Good.........
 
Software Delivery At the Speed of AI: Inflectra Invests In AI-Powered Quality
Software Delivery At the Speed of AI: Inflectra Invests In AI-Powered QualitySoftware Delivery At the Speed of AI: Inflectra Invests In AI-Powered Quality
Software Delivery At the Speed of AI: Inflectra Invests In AI-Powered Quality
 
Optimizing NoSQL Performance Through Observability
Optimizing NoSQL Performance Through ObservabilityOptimizing NoSQL Performance Through Observability
Optimizing NoSQL Performance Through Observability
 
Key Trends Shaping the Future of Infrastructure.pdf
Key Trends Shaping the Future of Infrastructure.pdfKey Trends Shaping the Future of Infrastructure.pdf
Key Trends Shaping the Future of Infrastructure.pdf
 

Fight for the Pixel - Innovation Martlesham - Ruth Cheesley

  • 1. FIGHTFOR THE Ruth Cheesley, Virya Group PIXEL Breakfast Networking Event
  • 2.
  • 3. The strength of the team is each individual member. The strength of each member is the team. Phil Jackson, American professional basketball coach and former player
  • 4. CONTENT CREATION and LOOK AND FEEL FUNCTIONALITY and USABILITY VS MAIN CHARACTERS
  • 5.
  • 6.
  • 7.
  • 8.
  • 10. This is the most creative part of the project and everybody is bursting with ideas for the new website. The first priority is to determine project objectives,requirements and what will make it successful.
  • 11. THE DESIGNER THE DEVELOPER Understand the criteria for success Conduct research Understand brand vision Be focused on effectiveness but most of all.... Identify the best coding solution Suggest interactive features Point out execution issues Be focused on efficiency but most of all....
  • 12. It is design time...
  • 13. Based on existing corporate colours (if any), the designer will create a static mock-up of the homepage,showing exactly how the web page will look, but without any functionality yet.
  • 14. THE DEVELOPER THE DESIGNER Identify limits of the design Suggest alternative solutions Share your expertise but most of all.... Develop an adequate visual language Think through the interactivity Involve developers but most of all....
  • 15. A long night coding...
  • 16. The static concepts are taken and chopped up into component parts ready for coding. Using different languages,like HTML and CSS,the web developer will render the design into an interactive web page.
  • 17. THE DESIGNER THE DEVELOPER Check the design’s implementation Accept compromises Be available for changes but most of all.... Develop the design details Add interaction and functionality Consult the designer but most of all....
  • 19. This stage involves running the template through many different browsers,devices and computer platforms and making sure everything works,no matter from which part of the website the visitor is coming from.
  • 20. THE DEVELOPER Solve technical and functional issues Report any necessary changes to the designer but most of all.... THE DESIGNER Test design consistency and general look and feel Ask developer to refine any design issues but most of all....
  • 22. In this final step the web team must make sure that the site is running as efficiently as possible and that no functionality has been compromised in the migration.
  • 23.
  • 24. It is good to have an end to journey toward; but it is the journey that matters, in the end. Ernest Hemingway, American author and journalist.