SlideShare una empresa de Scribd logo
1 de 50
Descargar para leer sin conexión
UI Design, Trends, Patterns
and User Experience
By Shiran Sanjeewa
twitter : @shiran_sanjeewa
Who I am?
Logo Designer / UX Consultant
Art Director at Netstarter
Founder of UX Colombo
*Dad
Buzz Words
Web Design, UI, HTML, PHP, jQuery, New Trends,
SOCIAL MEDIA, Responsive, UX, Information
Architecture
JOB TITLES
Web Designer, UI Engineer, HTML & PHP Developer, jQuery Guru,
SOCIAL MEDIA EXPERT, UX Designer, Information
Architect
WHAT IS UI
The user interface is the space where interaction between humans and
machines occurs.
TRENDS
RESPONSIVE
“Break Points”
FLAT DESIGN
LONG SHADOWS
TOOLS OF THE TRADE
SKETCHBOOKS.
WIREFRAMING TOOLS.
ADOBE CREATIVE SUITE.
HTML AND PHP or ASP.net (other)
A NEW DIMENSION
Why a design has to be
meaningful ?
DESIGN AND STYLE
WHY IS IT CALLED
“USER” INTERFACE.
not “the designers
interface”
Don’t Compromise
We need to think about who and what we’re
designing for and ask ourselves why we’re
applying a certain kind of aesthetic style to our
design.
What sets Traditional Design
and UI Design APART
Prioritize
Prioritize your design tasks and make a workflow
Design Patterns
GETTING INPUT
Forms
Wizards
Feedback
NAVIGATION
Tabs
Menus
Pagination
Tag Cloud
HANDLING DATA
Search
Tables
Images (Galleries, Slideshows)
SOCIAL MEDIA
Live Feeds, Activity Streams (Twitter, Facebook)
Location Based Suggestions (4Square)
Answers (Quora, Disqus)
DESIGN PRACTICALLY
TECHNOLOGICAL BARRIERS
DEVELOPER MINDSET
STYLE GUIDES
STYLE GUIDES
STYLE GUIDES
FOR THE WEB
www.bbc.co.uk/gel
GET YOUR
DESIGN BRIEF
RIGHT
1. Objectives and Goals of the new design
2. Budget and Schedule
3. Target Audience
4. Scope of the Project
5. Available Materials/Needed Materials
6. Overall Style/Look
7. Any Definite “Do Not's”
1. Objectives and Goals of the new design
The first thing you need to find out is what your client wants from
their new design. Is this a redesign or reworking of an existing site,
or is it a completely new design? Do they already have solid ideas
for what they want their site to do or are their ideas more vague?
2. Budget and Schedule
Be realistic with your clients about both their budget and
schedule needs. If you know you can’t do something within
a certain budget or schedule, tell them up front.
3. Target Audience
If your clients aren’t sure who they want to reach with their
site, ask them who their ideal customer is. I’m sure they
have an idea of who buys their products or uses their
services.
4. Project Scope
Sometimes, project scope is obvious from the goals of a
project.
5. Available Materials
Looking at their existing promotional materials can shed
valuable insight into what their design taste is and what their
priorities are.
6. Overall Style
Getting a sense of what your client wants in terms of style is
vital. But they’re not always good at expressing what their
tastes are.
CREATING
EXPERIENCES
‘Experience’ is an episode, a chunk of time that
one goes through sights and sounds, feelings
and thoughts, motives and actions closely
knitted together, stored in memory, labelled,
relived and communicated to others.
In short, experience-led design is more likely to
evoke an emotion of engagement and
consequently, a strong desire to associate with
your product, system or service.
A CASE STUDY
Facebook Home
UI Design, Trends, Patterns and User Experience - Academy of Design
UI Design, Trends, Patterns and User Experience - Academy of Design
UI Design, Trends, Patterns and User Experience - Academy of Design
UI Design, Trends, Patterns and User Experience - Academy of Design
UI Design, Trends, Patterns and User Experience - Academy of Design
UI Design, Trends, Patterns and User Experience - Academy of Design
Improvise what’s
already there
HAVE YOU EVER
CONSIDERED THAT
YOU'RE POOPING
WRONG?
www.youtube.com/watch?v=pYcv6odWfTM
MEET SQUATTY POTTY
Final Thoughts
• Design Websites with user in mind
• Innovate new ways to deliver information, not to
showcase just a masterpiece.
• Its not about how beautiful it is but how useful it is.
www.uxcolombo.org
THANK YOU !!!

Más contenido relacionado

La actualidad más candente

Principles of User Interface Design
Principles of User Interface DesignPrinciples of User Interface Design
Principles of User Interface DesignKANKIPATI KISHORE
 
UX & UI Design - Differentiate through design
UX & UI Design - Differentiate through designUX & UI Design - Differentiate through design
UX & UI Design - Differentiate through designDMI
 
UI & UX Design for Startups
UI & UX Design for StartupsUI & UX Design for Startups
UI & UX Design for StartupsRichard Fang
 
LaSoft | Unique UI/UX design based on your ideas and user’s preferences
LaSoft | Unique UI/UX design based on your ideas and user’s preferencesLaSoft | Unique UI/UX design based on your ideas and user’s preferences
LaSoft | Unique UI/UX design based on your ideas and user’s preferencesIgor Vivchar
 
Brand Identity in UI/UX Design
Brand Identity in UI/UX DesignBrand Identity in UI/UX Design
Brand Identity in UI/UX DesignAdryan Putra
 
Trends in interactive design 2013
Trends in interactive design 2013Trends in interactive design 2013
Trends in interactive design 2013Prophets Agency
 
Asap casestudy - UX / UI Design for Corporate Instant Messaging Mobile App
Asap casestudy - UX / UI Design for Corporate Instant Messaging Mobile AppAsap casestudy - UX / UI Design for Corporate Instant Messaging Mobile App
Asap casestudy - UX / UI Design for Corporate Instant Messaging Mobile Appram bal
 
UX Humor | Jokes and Funny Quotes
UX Humor | Jokes and Funny QuotesUX Humor | Jokes and Funny Quotes
UX Humor | Jokes and Funny QuotesThink 360 Studio
 
Simple Steps to UX/UI Web Design
Simple Steps to UX/UI Web DesignSimple Steps to UX/UI Web Design
Simple Steps to UX/UI Web DesignKoombea
 
10 Design Trends 2015 - UX & UI Trends for Mobile Solutions
10 Design Trends 2015 - UX & UI Trends for Mobile Solutions10 Design Trends 2015 - UX & UI Trends for Mobile Solutions
10 Design Trends 2015 - UX & UI Trends for Mobile SolutionsDMI
 
UI Design - Lessons Learned, Principles, and Best Practices
UI Design - Lessons Learned, Principles, and Best PracticesUI Design - Lessons Learned, Principles, and Best Practices
UI Design - Lessons Learned, Principles, and Best PracticesSamuel Chow
 
UX Design + UI Design: Injecting a brand persona!
UX Design + UI Design: Injecting a brand persona!UX Design + UI Design: Injecting a brand persona!
UX Design + UI Design: Injecting a brand persona!Jayan Narayanan
 
UX Lesson 6: Visual Hierarchy
UX Lesson 6: Visual HierarchyUX Lesson 6: Visual Hierarchy
UX Lesson 6: Visual HierarchyJoan Lumanauw
 
IxD & UX Design - Personifying Digital Interactions
IxD & UX Design - Personifying Digital InteractionsIxD & UX Design - Personifying Digital Interactions
IxD & UX Design - Personifying Digital InteractionsJayan Narayanan
 

La actualidad más candente (20)

Principles of User Interface Design
Principles of User Interface DesignPrinciples of User Interface Design
Principles of User Interface Design
 
UX & UI Design - Differentiate through design
UX & UI Design - Differentiate through designUX & UI Design - Differentiate through design
UX & UI Design - Differentiate through design
 
Design process
Design processDesign process
Design process
 
UI & UX Design for Startups
UI & UX Design for StartupsUI & UX Design for Startups
UI & UX Design for Startups
 
UI Design 101: Day 02 of 07
UI Design 101: Day 02 of 07UI Design 101: Day 02 of 07
UI Design 101: Day 02 of 07
 
LaSoft | Unique UI/UX design based on your ideas and user’s preferences
LaSoft | Unique UI/UX design based on your ideas and user’s preferencesLaSoft | Unique UI/UX design based on your ideas and user’s preferences
LaSoft | Unique UI/UX design based on your ideas and user’s preferences
 
Brand Identity in UI/UX Design
Brand Identity in UI/UX DesignBrand Identity in UI/UX Design
Brand Identity in UI/UX Design
 
Trends in interactive design 2013
Trends in interactive design 2013Trends in interactive design 2013
Trends in interactive design 2013
 
Asap casestudy - UX / UI Design for Corporate Instant Messaging Mobile App
Asap casestudy - UX / UI Design for Corporate Instant Messaging Mobile AppAsap casestudy - UX / UI Design for Corporate Instant Messaging Mobile App
Asap casestudy - UX / UI Design for Corporate Instant Messaging Mobile App
 
UX Humor | Jokes and Funny Quotes
UX Humor | Jokes and Funny QuotesUX Humor | Jokes and Funny Quotes
UX Humor | Jokes and Funny Quotes
 
Simple Steps to UX/UI Web Design
Simple Steps to UX/UI Web DesignSimple Steps to UX/UI Web Design
Simple Steps to UX/UI Web Design
 
10 Design Trends 2015 - UX & UI Trends for Mobile Solutions
10 Design Trends 2015 - UX & UI Trends for Mobile Solutions10 Design Trends 2015 - UX & UI Trends for Mobile Solutions
10 Design Trends 2015 - UX & UI Trends for Mobile Solutions
 
UX trends 2016
UX trends 2016UX trends 2016
UX trends 2016
 
UI Design - Lessons Learned, Principles, and Best Practices
UI Design - Lessons Learned, Principles, and Best PracticesUI Design - Lessons Learned, Principles, and Best Practices
UI Design - Lessons Learned, Principles, and Best Practices
 
UX Design + UI Design: Injecting a brand persona!
UX Design + UI Design: Injecting a brand persona!UX Design + UI Design: Injecting a brand persona!
UX Design + UI Design: Injecting a brand persona!
 
UX Lesson 6: Visual Hierarchy
UX Lesson 6: Visual HierarchyUX Lesson 6: Visual Hierarchy
UX Lesson 6: Visual Hierarchy
 
UI/UX Fundamentals
UI/UX FundamentalsUI/UX Fundamentals
UI/UX Fundamentals
 
UX/UI Design 101
UX/UI Design 101UX/UI Design 101
UX/UI Design 101
 
UI-UX Services | Web Designing Services
UI-UX Services | Web Designing ServicesUI-UX Services | Web Designing Services
UI-UX Services | Web Designing Services
 
IxD & UX Design - Personifying Digital Interactions
IxD & UX Design - Personifying Digital InteractionsIxD & UX Design - Personifying Digital Interactions
IxD & UX Design - Personifying Digital Interactions
 

Destacado

Trends In Search - Danny Sullivan
Trends In Search - Danny SullivanTrends In Search - Danny Sullivan
Trends In Search - Danny SullivanMarketo
 
Design Patterns in Semantic Search
Design Patterns in Semantic SearchDesign Patterns in Semantic Search
Design Patterns in Semantic SearchBen Zipkin
 
Big data and enterprise search trends 120827nn
Big data and enterprise search trends 120827nnBig data and enterprise search trends 120827nn
Big data and enterprise search trends 120827nnCathy McKnight
 
Jeff Johnson: Psych 101: The Psychological Basis for UI Design Rules
Jeff Johnson: Psych 101: The Psychological Basis for UI Design RulesJeff Johnson: Psych 101: The Psychological Basis for UI Design Rules
Jeff Johnson: Psych 101: The Psychological Basis for UI Design RulesSteve Williams
 
A Model of Consumer Search Behaviour
A Model of Consumer Search BehaviourA Model of Consumer Search Behaviour
A Model of Consumer Search BehaviourTony Russell-Rose
 
Portal UI Design Patterns
Portal UI Design PatternsPortal UI Design Patterns
Portal UI Design PatternsDavid Simpson
 
Modern UI Architecture_ Trends and Technologies in Web Development
Modern UI Architecture_ Trends and Technologies in Web DevelopmentModern UI Architecture_ Trends and Technologies in Web Development
Modern UI Architecture_ Trends and Technologies in Web DevelopmentSuresh Patidar
 
Rich UI Design: An Access Oriented Approach Sc For Ss.Key
Rich UI Design: An Access Oriented Approach Sc For Ss.KeyRich UI Design: An Access Oriented Approach Sc For Ss.Key
Rich UI Design: An Access Oriented Approach Sc For Ss.Keyscottjehl
 
Site Search - patterns and analysis
Site Search - patterns and analysisSite Search - patterns and analysis
Site Search - patterns and analysisGerry White
 
Beyond responsive design - UI for the modern web application
Beyond responsive design - UI for the modern web applicationBeyond responsive design - UI for the modern web application
Beyond responsive design - UI for the modern web applicationPete Smith
 
Emerging Trends in Online Search
Emerging Trends in Online SearchEmerging Trends in Online Search
Emerging Trends in Online SearchDistilled
 
Lean UX: Getting out of the deliverables business
Lean UX: Getting out of the deliverables businessLean UX: Getting out of the deliverables business
Lean UX: Getting out of the deliverables businessJeff Gothelf
 
Fail Fast, Learn Fast, Move Fast: My UX journey to move faster
Fail Fast, Learn Fast, Move Fast: My UX journey to move fasterFail Fast, Learn Fast, Move Fast: My UX journey to move faster
Fail Fast, Learn Fast, Move Fast: My UX journey to move fasterJeremy Johnson
 
The Future of UI - How Mobile Design is Shaping The Web 2
The Future of UI - How Mobile Design is Shaping The Web 2The Future of UI - How Mobile Design is Shaping The Web 2
The Future of UI - How Mobile Design is Shaping The Web 2Sara Cannon
 

Destacado (18)

New Minimalism in UI Design
New Minimalism in UI DesignNew Minimalism in UI Design
New Minimalism in UI Design
 
A Taxonomy of Site Search
A Taxonomy of Site SearchA Taxonomy of Site Search
A Taxonomy of Site Search
 
Trends In Search - Danny Sullivan
Trends In Search - Danny SullivanTrends In Search - Danny Sullivan
Trends In Search - Danny Sullivan
 
Design Patterns in Semantic Search
Design Patterns in Semantic SearchDesign Patterns in Semantic Search
Design Patterns in Semantic Search
 
Big data and enterprise search trends 120827nn
Big data and enterprise search trends 120827nnBig data and enterprise search trends 120827nn
Big data and enterprise search trends 120827nn
 
Jeff Johnson: Psych 101: The Psychological Basis for UI Design Rules
Jeff Johnson: Psych 101: The Psychological Basis for UI Design RulesJeff Johnson: Psych 101: The Psychological Basis for UI Design Rules
Jeff Johnson: Psych 101: The Psychological Basis for UI Design Rules
 
A Model of Consumer Search Behaviour
A Model of Consumer Search BehaviourA Model of Consumer Search Behaviour
A Model of Consumer Search Behaviour
 
Portal UI Design Patterns
Portal UI Design PatternsPortal UI Design Patterns
Portal UI Design Patterns
 
Modern UI Architecture_ Trends and Technologies in Web Development
Modern UI Architecture_ Trends and Technologies in Web DevelopmentModern UI Architecture_ Trends and Technologies in Web Development
Modern UI Architecture_ Trends and Technologies in Web Development
 
Rich UI Design: An Access Oriented Approach Sc For Ss.Key
Rich UI Design: An Access Oriented Approach Sc For Ss.KeyRich UI Design: An Access Oriented Approach Sc For Ss.Key
Rich UI Design: An Access Oriented Approach Sc For Ss.Key
 
Site Search - patterns and analysis
Site Search - patterns and analysisSite Search - patterns and analysis
Site Search - patterns and analysis
 
Beyond responsive design - UI for the modern web application
Beyond responsive design - UI for the modern web applicationBeyond responsive design - UI for the modern web application
Beyond responsive design - UI for the modern web application
 
Emerging Trends in Online Search
Emerging Trends in Online SearchEmerging Trends in Online Search
Emerging Trends in Online Search
 
Lean UX: Getting out of the deliverables business
Lean UX: Getting out of the deliverables businessLean UX: Getting out of the deliverables business
Lean UX: Getting out of the deliverables business
 
UX is not UI!
UX is not UI!UX is not UI!
UX is not UI!
 
What is ux?
What is ux?What is ux?
What is ux?
 
Fail Fast, Learn Fast, Move Fast: My UX journey to move faster
Fail Fast, Learn Fast, Move Fast: My UX journey to move fasterFail Fast, Learn Fast, Move Fast: My UX journey to move faster
Fail Fast, Learn Fast, Move Fast: My UX journey to move faster
 
The Future of UI - How Mobile Design is Shaping The Web 2
The Future of UI - How Mobile Design is Shaping The Web 2The Future of UI - How Mobile Design is Shaping The Web 2
The Future of UI - How Mobile Design is Shaping The Web 2
 

Similar a UI Design, Trends, Patterns and User Experience - Academy of Design

Personas Demystified 1.0
Personas Demystified 1.0Personas Demystified 1.0
Personas Demystified 1.0Mo Goltz
 
Requirements Engineering for the Humanities
Requirements Engineering for the HumanitiesRequirements Engineering for the Humanities
Requirements Engineering for the HumanitiesShawn Day
 
SERVICE DESIGN AND UX TOOLS
SERVICE DESIGN AND UX TOOLS SERVICE DESIGN AND UX TOOLS
SERVICE DESIGN AND UX TOOLS Debarati Rakshit
 
Experince Design Seminar // Hyper Island
Experince Design Seminar // Hyper IslandExperince Design Seminar // Hyper Island
Experince Design Seminar // Hyper IslandAndy Sontag
 
Taiwan CPC 2012 Workshop - Using UX Design Principles & Methodologies in Desi...
Taiwan CPC 2012 Workshop - Using UX Design Principles & Methodologies in Desi...Taiwan CPC 2012 Workshop - Using UX Design Principles & Methodologies in Desi...
Taiwan CPC 2012 Workshop - Using UX Design Principles & Methodologies in Desi...MLD/Mel Lim Design
 
Ticketing Professionals webinar: What to do now, what to do next
Ticketing Professionals webinar: What to do now, what to do next Ticketing Professionals webinar: What to do now, what to do next
Ticketing Professionals webinar: What to do now, what to do next Ash Mann
 
Evolving the Creative Process
Evolving the Creative ProcessEvolving the Creative Process
Evolving the Creative Processcreed
 
dschool_toolkit
dschool_toolkitdschool_toolkit
dschool_toolkitcamilabon
 
CityVerve Human Centred Design Induction
CityVerve Human Centred Design InductionCityVerve Human Centred Design Induction
CityVerve Human Centred Design InductionDrew Hemment
 
UX South West - Engaging clients meaningfully in the process of digital design
UX South West - Engaging clients meaningfully in the process of digital designUX South West - Engaging clients meaningfully in the process of digital design
UX South West - Engaging clients meaningfully in the process of digital designAlan Colville
 
3 Ways to Design with Content in Mind
3 Ways to Design with Content in Mind3 Ways to Design with Content in Mind
3 Ways to Design with Content in MindMichelle Reyes
 
SXSW 2016 panel picker: Human Experience: Bridging the gap between CX and UX
SXSW 2016 panel picker:  Human Experience: Bridging the gap between CX and UXSXSW 2016 panel picker:  Human Experience: Bridging the gap between CX and UX
SXSW 2016 panel picker: Human Experience: Bridging the gap between CX and UXSusannah Sulsar
 
Building and using Impactful Construction Marketing Personas
Building and using Impactful Construction Marketing PersonasBuilding and using Impactful Construction Marketing Personas
Building and using Impactful Construction Marketing PersonasKayley Bright
 
UX Designer's Toolkit - to design a better world
UX Designer's Toolkit - to design a better worldUX Designer's Toolkit - to design a better world
UX Designer's Toolkit - to design a better worldRachel Liu
 
Bootcampbootleg2010v2slim 1
Bootcampbootleg2010v2slim 1Bootcampbootleg2010v2slim 1
Bootcampbootleg2010v2slim 1ricochet
 

Similar a UI Design, Trends, Patterns and User Experience - Academy of Design (20)

Personas Demystified 1.0
Personas Demystified 1.0Personas Demystified 1.0
Personas Demystified 1.0
 
Requirements Engineering for the Humanities
Requirements Engineering for the HumanitiesRequirements Engineering for the Humanities
Requirements Engineering for the Humanities
 
SERVICE DESIGN AND UX TOOLS
SERVICE DESIGN AND UX TOOLS SERVICE DESIGN AND UX TOOLS
SERVICE DESIGN AND UX TOOLS
 
Experince Design Seminar // Hyper Island
Experince Design Seminar // Hyper IslandExperince Design Seminar // Hyper Island
Experince Design Seminar // Hyper Island
 
Taiwan CPC 2012 Workshop - Using UX Design Principles & Methodologies in Desi...
Taiwan CPC 2012 Workshop - Using UX Design Principles & Methodologies in Desi...Taiwan CPC 2012 Workshop - Using UX Design Principles & Methodologies in Desi...
Taiwan CPC 2012 Workshop - Using UX Design Principles & Methodologies in Desi...
 
Ticketing Professionals webinar: What to do now, what to do next
Ticketing Professionals webinar: What to do now, what to do next Ticketing Professionals webinar: What to do now, what to do next
Ticketing Professionals webinar: What to do now, what to do next
 
What's Next For UX?
What's Next For UX?What's Next For UX?
What's Next For UX?
 
Personal design thinking guide veronica
Personal design thinking guide veronicaPersonal design thinking guide veronica
Personal design thinking guide veronica
 
Putting the Customer's User Experience First Online
Putting the Customer's User Experience First OnlinePutting the Customer's User Experience First Online
Putting the Customer's User Experience First Online
 
Evolving the Creative Process
Evolving the Creative ProcessEvolving the Creative Process
Evolving the Creative Process
 
dschool_toolkit
dschool_toolkitdschool_toolkit
dschool_toolkit
 
Bootcamp_bootleg
Bootcamp_bootlegBootcamp_bootleg
Bootcamp_bootleg
 
Design Thinking Frameworks Reference Guide
Design Thinking Frameworks Reference GuideDesign Thinking Frameworks Reference Guide
Design Thinking Frameworks Reference Guide
 
CityVerve Human Centred Design Induction
CityVerve Human Centred Design InductionCityVerve Human Centred Design Induction
CityVerve Human Centred Design Induction
 
UX South West - Engaging clients meaningfully in the process of digital design
UX South West - Engaging clients meaningfully in the process of digital designUX South West - Engaging clients meaningfully in the process of digital design
UX South West - Engaging clients meaningfully in the process of digital design
 
3 Ways to Design with Content in Mind
3 Ways to Design with Content in Mind3 Ways to Design with Content in Mind
3 Ways to Design with Content in Mind
 
SXSW 2016 panel picker: Human Experience: Bridging the gap between CX and UX
SXSW 2016 panel picker:  Human Experience: Bridging the gap between CX and UXSXSW 2016 panel picker:  Human Experience: Bridging the gap between CX and UX
SXSW 2016 panel picker: Human Experience: Bridging the gap between CX and UX
 
Building and using Impactful Construction Marketing Personas
Building and using Impactful Construction Marketing PersonasBuilding and using Impactful Construction Marketing Personas
Building and using Impactful Construction Marketing Personas
 
UX Designer's Toolkit - to design a better world
UX Designer's Toolkit - to design a better worldUX Designer's Toolkit - to design a better world
UX Designer's Toolkit - to design a better world
 
Bootcampbootleg2010v2slim 1
Bootcampbootleg2010v2slim 1Bootcampbootleg2010v2slim 1
Bootcampbootleg2010v2slim 1
 

Último

2024.03.23 What do successful readers do - Sandy Millin for PARK.pptx
2024.03.23 What do successful readers do - Sandy Millin for PARK.pptx2024.03.23 What do successful readers do - Sandy Millin for PARK.pptx
2024.03.23 What do successful readers do - Sandy Millin for PARK.pptxSandy Millin
 
CapTechU Doctoral Presentation -March 2024 slides.pptx
CapTechU Doctoral Presentation -March 2024 slides.pptxCapTechU Doctoral Presentation -March 2024 slides.pptx
CapTechU Doctoral Presentation -March 2024 slides.pptxCapitolTechU
 
How to Print Employee Resume in the Odoo 17
How to Print Employee Resume in the Odoo 17How to Print Employee Resume in the Odoo 17
How to Print Employee Resume in the Odoo 17Celine George
 
The Stolen Bacillus by Herbert George Wells
The Stolen Bacillus by Herbert George WellsThe Stolen Bacillus by Herbert George Wells
The Stolen Bacillus by Herbert George WellsEugene Lysak
 
How to Add Existing Field in One2Many Tree View in Odoo 17
How to Add Existing Field in One2Many Tree View in Odoo 17How to Add Existing Field in One2Many Tree View in Odoo 17
How to Add Existing Field in One2Many Tree View in Odoo 17Celine George
 
Ultra structure and life cycle of Plasmodium.pptx
Ultra structure and life cycle of Plasmodium.pptxUltra structure and life cycle of Plasmodium.pptx
Ultra structure and life cycle of Plasmodium.pptxDr. Asif Anas
 
How to Solve Singleton Error in the Odoo 17
How to Solve Singleton Error in the  Odoo 17How to Solve Singleton Error in the  Odoo 17
How to Solve Singleton Error in the Odoo 17Celine George
 
CAULIFLOWER BREEDING 1 Parmar pptx
CAULIFLOWER BREEDING 1 Parmar pptxCAULIFLOWER BREEDING 1 Parmar pptx
CAULIFLOWER BREEDING 1 Parmar pptxSaurabhParmar42
 
Maximizing Impact_ Nonprofit Website Planning, Budgeting, and Design.pdf
Maximizing Impact_ Nonprofit Website Planning, Budgeting, and Design.pdfMaximizing Impact_ Nonprofit Website Planning, Budgeting, and Design.pdf
Maximizing Impact_ Nonprofit Website Planning, Budgeting, and Design.pdfTechSoup
 
Diploma in Nursing Admission Test Question Solution 2023.pdf
Diploma in Nursing Admission Test Question Solution 2023.pdfDiploma in Nursing Admission Test Question Solution 2023.pdf
Diploma in Nursing Admission Test Question Solution 2023.pdfMohonDas
 
What is the Future of QuickBooks DeskTop?
What is the Future of QuickBooks DeskTop?What is the Future of QuickBooks DeskTop?
What is the Future of QuickBooks DeskTop?TechSoup
 
Presentation on the Basics of Writing. Writing a Paragraph
Presentation on the Basics of Writing. Writing a ParagraphPresentation on the Basics of Writing. Writing a Paragraph
Presentation on the Basics of Writing. Writing a ParagraphNetziValdelomar1
 
HED Office Sohayok Exam Question Solution 2023.pdf
HED Office Sohayok Exam Question Solution 2023.pdfHED Office Sohayok Exam Question Solution 2023.pdf
HED Office Sohayok Exam Question Solution 2023.pdfMohonDas
 
Practical Research 1 Lesson 9 Scope and delimitation.pptx
Practical Research 1 Lesson 9 Scope and delimitation.pptxPractical Research 1 Lesson 9 Scope and delimitation.pptx
Practical Research 1 Lesson 9 Scope and delimitation.pptxKatherine Villaluna
 
NOTES OF DRUGS ACTING ON NERVOUS SYSTEM .pdf
NOTES OF DRUGS ACTING ON NERVOUS SYSTEM .pdfNOTES OF DRUGS ACTING ON NERVOUS SYSTEM .pdf
NOTES OF DRUGS ACTING ON NERVOUS SYSTEM .pdfSumit Tiwari
 
General views of Histopathology and step
General views of Histopathology and stepGeneral views of Histopathology and step
General views of Histopathology and stepobaje godwin sunday
 
Benefits & Challenges of Inclusive Education
Benefits & Challenges of Inclusive EducationBenefits & Challenges of Inclusive Education
Benefits & Challenges of Inclusive EducationMJDuyan
 
How to Filter Blank Lines in Odoo 17 Accounting
How to Filter Blank Lines in Odoo 17 AccountingHow to Filter Blank Lines in Odoo 17 Accounting
How to Filter Blank Lines in Odoo 17 AccountingCeline George
 
The Singapore Teaching Practice document
The Singapore Teaching Practice documentThe Singapore Teaching Practice document
The Singapore Teaching Practice documentXsasf Sfdfasd
 

Último (20)

2024.03.23 What do successful readers do - Sandy Millin for PARK.pptx
2024.03.23 What do successful readers do - Sandy Millin for PARK.pptx2024.03.23 What do successful readers do - Sandy Millin for PARK.pptx
2024.03.23 What do successful readers do - Sandy Millin for PARK.pptx
 
CapTechU Doctoral Presentation -March 2024 slides.pptx
CapTechU Doctoral Presentation -March 2024 slides.pptxCapTechU Doctoral Presentation -March 2024 slides.pptx
CapTechU Doctoral Presentation -March 2024 slides.pptx
 
How to Print Employee Resume in the Odoo 17
How to Print Employee Resume in the Odoo 17How to Print Employee Resume in the Odoo 17
How to Print Employee Resume in the Odoo 17
 
Finals of Kant get Marx 2.0 : a general politics quiz
Finals of Kant get Marx 2.0 : a general politics quizFinals of Kant get Marx 2.0 : a general politics quiz
Finals of Kant get Marx 2.0 : a general politics quiz
 
The Stolen Bacillus by Herbert George Wells
The Stolen Bacillus by Herbert George WellsThe Stolen Bacillus by Herbert George Wells
The Stolen Bacillus by Herbert George Wells
 
How to Add Existing Field in One2Many Tree View in Odoo 17
How to Add Existing Field in One2Many Tree View in Odoo 17How to Add Existing Field in One2Many Tree View in Odoo 17
How to Add Existing Field in One2Many Tree View in Odoo 17
 
Ultra structure and life cycle of Plasmodium.pptx
Ultra structure and life cycle of Plasmodium.pptxUltra structure and life cycle of Plasmodium.pptx
Ultra structure and life cycle of Plasmodium.pptx
 
How to Solve Singleton Error in the Odoo 17
How to Solve Singleton Error in the  Odoo 17How to Solve Singleton Error in the  Odoo 17
How to Solve Singleton Error in the Odoo 17
 
CAULIFLOWER BREEDING 1 Parmar pptx
CAULIFLOWER BREEDING 1 Parmar pptxCAULIFLOWER BREEDING 1 Parmar pptx
CAULIFLOWER BREEDING 1 Parmar pptx
 
Maximizing Impact_ Nonprofit Website Planning, Budgeting, and Design.pdf
Maximizing Impact_ Nonprofit Website Planning, Budgeting, and Design.pdfMaximizing Impact_ Nonprofit Website Planning, Budgeting, and Design.pdf
Maximizing Impact_ Nonprofit Website Planning, Budgeting, and Design.pdf
 
Diploma in Nursing Admission Test Question Solution 2023.pdf
Diploma in Nursing Admission Test Question Solution 2023.pdfDiploma in Nursing Admission Test Question Solution 2023.pdf
Diploma in Nursing Admission Test Question Solution 2023.pdf
 
What is the Future of QuickBooks DeskTop?
What is the Future of QuickBooks DeskTop?What is the Future of QuickBooks DeskTop?
What is the Future of QuickBooks DeskTop?
 
Presentation on the Basics of Writing. Writing a Paragraph
Presentation on the Basics of Writing. Writing a ParagraphPresentation on the Basics of Writing. Writing a Paragraph
Presentation on the Basics of Writing. Writing a Paragraph
 
HED Office Sohayok Exam Question Solution 2023.pdf
HED Office Sohayok Exam Question Solution 2023.pdfHED Office Sohayok Exam Question Solution 2023.pdf
HED Office Sohayok Exam Question Solution 2023.pdf
 
Practical Research 1 Lesson 9 Scope and delimitation.pptx
Practical Research 1 Lesson 9 Scope and delimitation.pptxPractical Research 1 Lesson 9 Scope and delimitation.pptx
Practical Research 1 Lesson 9 Scope and delimitation.pptx
 
NOTES OF DRUGS ACTING ON NERVOUS SYSTEM .pdf
NOTES OF DRUGS ACTING ON NERVOUS SYSTEM .pdfNOTES OF DRUGS ACTING ON NERVOUS SYSTEM .pdf
NOTES OF DRUGS ACTING ON NERVOUS SYSTEM .pdf
 
General views of Histopathology and step
General views of Histopathology and stepGeneral views of Histopathology and step
General views of Histopathology and step
 
Benefits & Challenges of Inclusive Education
Benefits & Challenges of Inclusive EducationBenefits & Challenges of Inclusive Education
Benefits & Challenges of Inclusive Education
 
How to Filter Blank Lines in Odoo 17 Accounting
How to Filter Blank Lines in Odoo 17 AccountingHow to Filter Blank Lines in Odoo 17 Accounting
How to Filter Blank Lines in Odoo 17 Accounting
 
The Singapore Teaching Practice document
The Singapore Teaching Practice documentThe Singapore Teaching Practice document
The Singapore Teaching Practice document
 

UI Design, Trends, Patterns and User Experience - Academy of Design

Notas del editor

  1. Being humanAs human beings we respond emotionally to everything around us – people, objects, posters, packaging or websites. We also respond in different ways to different kinds of aesthetic design and style. We care about style and aesthetics deeply, whether we realise it or not. Aesthetic design has the power to attract or repel. We often make decisions based purely on aesthetics and style – and don’t retailers the world over know it! We connect attitudes and strongly held beliefs to style. Individuals will proudly associate themselves with a certain style or aesthetic because it’s an expression of who they are. You know that old phrase, ‘Don’t judge a book by its cover’? Well, the problem is that people do, so it’s important we get the cover right.Much is made of how to structure web pages, how to create a logical information hierarchy, how to use layout and typography to clearly communicate with your users. It’s important, however, not to mistake clarity of information or legibility with getting your message across. Few users actually read websites word by word: it’s far more likely they’ll just scan the page. If the page is copy-heavy and nothing grabs their attention, they may well just move on. This is why it’s so important to create a visual experience that actually means something to the user.Meaningful designWhen we view a poster or website, we make split-second assessments and judgements of what is in front of us. Our first impressions of what a website does or who it is aimed at are provoked by the style and aesthetic of the website. For example, with clever use of colour, typography, graphic design and imagery we can communicate to users that an organisation is friendly, edgy, compassionate, fun or environmentally conscious.Using a certain aesthetic we can convey the personality of that organisation, target age ranges, different sexes or cultural groups, communicate brand attributes, and more. We can make our users feel like they’re part of something and, perhaps even more importantly, we can make new users want to be a part of something. And we can achieve all this before the user has read a single word.By establishing a website’s aesthetic and creating a meaningful visual language, a design is no longer just a random collection of pretty gradients that have been plucked out of thin air. There can be a logic behind the design decisions we make. So, before you slap another generic piece of ribbon or an ultra shiny icon into the top-left corner of your website, think about why you are doing it. If you can’t come up with a reason better than “I saw it on another website”, it’s probably a poor application of style.
  2. There are a number of reasons why the web suffers from a lack meaningful design. Firstly, there are too many preconceptions of what a website should look like. It’s too easy for designers to borrow styles from other websites, thereby limiting the range of website designs we see on the web. Secondly, many web designers think of aesthetic design as of secondary importance, which shouldn’t be the case. Designing websites that are accessible and easy to use is, of course, very important but this is the very least a web designer should be delivering. Easy to use websites should come as standard – it’s equally important to create meaningful, compelling and beautiful experiences for everyone who uses our websites. The aesthetics of your site are part of the design, and to ignore this and play down the role of aesthetic design is just a wasted opportunity.
  3. Easy to use, accessible websites and beautiful, meaningful aesthetics are not mutually exclusive. The key is to apply style and aesthetic design appropriately. We need to think about who and what we’re designing for and ask ourselves why we’re applying a certain kind of aesthetic style to our design. If you do this, there’s no reason why effective, functional design should come at the expense of jaw-dropping, meaningful aesthetics.Web designers need to understand the differences between functional design and aesthetic design but, even more importantly, they need to know how to make them work together. It’s combining these elements of design successfully that makes for the best web design in the world.
  4. Traditional design gives designer the complete freedom to produce a design. There is no barrier nor dependence. There for designer is at a total control of the end result. Audience is to perceive the design in any form they wish. There is absolutely no obstruction. UI design however involves various limitations such as technology, platform and intended audience. In this context UI design limits freedom of the designer to some degree. A good UI designer foresee these limitations and produce the design which doesn’t get contaminated by these limitations. There by offering superior experience for intendant audience.
  5. Its important that we understand what and why and who we make the design for, after all web design is system design. It needs Requirements Gathering.End User analysisInformation FlowPrototypingUsability TestingVisual Design
  6. Browsers Render Designs DifferentlyDevelopers have limitations understanding limitations
  7. Browsers Render Designs DifferentlyDevelopers have limitationsunderstanding limitations
  8. Browsers Render Designs DifferentlyDevelopers have limitationsunderstanding limitations
  9. Browsers Render Designs DifferentlyDevelopers have limitationsunderstanding limitations
  10. A lot of clients feel like if they share their budget with you before you give them a quote, you’ll overcharge them or charge them the maximum amount for the least amount of money.
  11. Who are your clients trying to reach? A website designed for teenagers is going to look and work a bit differently than one designed for corporate decision-makers. Ask your client who they want to appeal to with their website right from the beginning.
  12. Not every project is as in-depth as every other. Some clients want a completely custom solution. Others just want you to adapt an existing template or other design. Some clients want an entire ecommerce site with a shopping cart, while others just want a brochure site that gives basic company information.
  13. Does your client already have a logo, brochure, product photos, or other materials that would be useful to your design?If your client doesn’t have things like a logo or product photos, then you’ll likely want to either offer to design these things, or refer your client to someone who can (if that’s not in your normal scope of services).These kinds of add-ons can be valuable to both your client and to your bottom line.
  14. Does your client already have a logo, brochure, product photos, or other materials that would be useful to your design?If your client doesn’t have things like a logo or product photos, then you’ll likely want to either offer to design these things, or refer your client to someone who can (if that’s not in your normal scope of services).These kinds of add-ons can be valuable to both your client and to your bottom line.
  15. Now, as a designer by profession, I am less interested in creating definitions and more interested in making it happen. But before trying to make something happen, let us understand why is it really important today than ever before to create compelling experiences.In today’s world, the experience is the brand.Attention span is at an all-time low.positive experiences can be seen as largely universal in nature Experiences grow over time. 
  16. An android interface made by iPhone users
  17. An android interface made by iPhone users
  18. An android interface made by iPhone users
  19. An android interface madeby iPhone users
  20. An android interface madeby iPhone users
  21. An android interface madeby iPhone users