SlideShare a Scribd company logo
1. seminar: Analiza web sjedišta

              vs




             Grupa 1: Badurina Martina
                      Lukšid Sabina
                      Senid Gordana
Primjer dobrog dizajna
    The Plaza Hotel
Opdenite informacije
• The Plaza Hotel
   – Kombinirano sjedište
   – Bogato grafikom
   – Informativno sjedište

• Namijenjeno osobama koji žele koristiti usluge hotela
  Plaza ili se pobliže upoznati sa samim hotelom

• Zašto smo odabrali ovo sjedište?
2. Dizajn informacija
• Prvi blok informacija
•   Sadržaj je jasno prezentiran
•   Samo na engleskom jeziku
•   Hijerarhijska struktura sjedišta – dubina 3
•   Sjedište nije personalizirano
•   Interakcija s korisnicima putem e-novima
3. Grafički dizajn
• Opdi vizualni dojam je ugodan
• Boja podloge je crna dok su slova siva ili zlatna
• Hipertekst i linkovi
4. Dizajn sučelja
• Za izradu sučelja korišten je CSS
• Na niskim rezolucijama stranica zahtjeva skroliranje
  udesno
• Promjenom veličine prozora preglednika stranica
  ostaje nepromjenjiva
• Dužina do 6 ekrana
• Grupiranje kategorija




• Koriste se razne metafore:
5. Dizajn navigacije
• Jednostavna navigacija s poštivanjem principa dobre
  navigacije
• Implementirana po različitim razinama
• Dodatna navigacija
6. Multimedija
• Multimedijski elementi: tekst, grafika, animacija i video
• Uključeni su u sadržaj prema pravilima dobrog web
  dizajna
• Slike su .JPEG i .GIF formata
• Web sjedište sadrži mnoštvo galerija slika
• Animacije su .SWF i .GIF formata
• Web stranice: Hotel, Dining, Health & Beauty, Shops,
  Events i Family na samom početku sadrže video zapise
  .FLV formata koji pobliže opisuju dijelove Hotela.
7. Tehničke i ostale karakteristike
• Funkcionira bez
  pogrešaka i jednako u 3
  različita web preglednika
  (IE, Firefox i Chrome)

• Sjedište je izrađeno
  pomodu statičkog HMTL-a

• Koriste se stilski predlošci
  CSS
• Obrasci za unos podataka (form)




• Koristi se skripte
• Nismo uočili linkove na web 2.0 alate
• Google maps
Primjer lošeg dizajna
George Hutchins for U.S. Congress 2012
Opdenite informacije
• George Hutchins for U.S. Congress 2012
   – Kombinirano sjedište
   – Bogato grafikom
   – Osobno sjedište

• Namijenjeno glasačima Georga Hutchinsa te
  osobama koje žele saznati više informacija o ovom
  političaru

• Zašto smo odabrali ovo sjedište?
2. Dizajn informacija
Drugi dio web stranice
Blokovi informacija
Interakcija - forum
3. Grafički dizajn
• Vizualan dojam nije ugodan
• Korišteno mnoštvo boja
• Tekst:
  – različito poravnavanje
  – različite vrste fontova (Impact , Serifa BT)
• Grafički elementi loše ukomponirani u dizajn sjedišta
4. Dizajn sučelja
• Za izradu sučelja korištene su tablice
• Na niskim rezolucijama stranica zahtjeva skroliranje
  udesno
• Promjenom veličine prozora preglednika stranica
  ostaje nepromjenjiva
• Dužina do 25 ekrana
• Sadržaj raspoređen u blokovima koji su teško uočljivi
• Metafore:
5. Dizajn navigacije
• Loše izrađena ne poštujudi principe dobre navigacije
• Primarna navigacija:
• Dodatna navigacija:




• Povratak na početnu stranicu se vrši klikom na
  jezičnu hipervezu:
6. Multimedija
• Mnoštvo multimedijskih elementa: teksta, grafike i
  videa
• Slike su .JPEG formata
• Mnoštvo video zapisa s YouTube-a
• Elementi nisu uključeni su u sadržaj prema pravilima
  dobrog web dizajna
7. Tehničke i ostale karakteristike
• Web sjedište ne funkcionira bez grešaka




     Google Crome    Firefox Mozilla   Internet Explorer
• Web sjedište je izrađeno pomodu statičkog HTML-a u
  programu Microsoft FrontPage 5.0
• Korištene su tablice
• Korištenje JavaScript-a:
• Stranice se otvaraju sve u istom prozoru

• Linkovi na Web 2.0 alate: Facebook, YouTube i
  Meetup
Hvala na pozornosti !


         

More Related Content

Featured

2024 State of Marketing Report – by Hubspot
2024 State of Marketing Report – by Hubspot2024 State of Marketing Report – by Hubspot
2024 State of Marketing Report – by Hubspot
Marius Sescu
 
Everything You Need To Know About ChatGPT
Everything You Need To Know About ChatGPTEverything You Need To Know About ChatGPT
Everything You Need To Know About ChatGPT
Expeed Software
 
Product Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage EngineeringsProduct Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage Engineerings
Pixeldarts
 
How Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental HealthHow Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental Health
ThinkNow
 
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdfAI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
marketingartwork
 
Skeleton Culture Code
Skeleton Culture CodeSkeleton Culture Code
Skeleton Culture Code
Skeleton Technologies
 
PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024
Neil Kimberley
 
Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)
contently
 
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024
Albert Qian
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
Kurio // The Social Media Age(ncy)
 
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024
Search Engine Journal
 
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary
SpeakerHub
 
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd
Clark Boyd
 
Getting into the tech field. what next
Getting into the tech field. what next Getting into the tech field. what next
Getting into the tech field. what next
Tessa Mero
 
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentGoogle's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Lily Ray
 
How to have difficult conversations
How to have difficult conversations How to have difficult conversations
How to have difficult conversations
Rajiv Jayarajah, MAppComm, ACC
 
Introduction to Data Science
Introduction to Data ScienceIntroduction to Data Science
Introduction to Data Science
Christy Abraham Joy
 
Time Management & Productivity - Best Practices
Time Management & Productivity -  Best PracticesTime Management & Productivity -  Best Practices
Time Management & Productivity - Best Practices
Vit Horky
 
The six step guide to practical project management
The six step guide to practical project managementThe six step guide to practical project management
The six step guide to practical project management
MindGenius
 
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
RachelPearson36
 

Featured (20)

2024 State of Marketing Report – by Hubspot
2024 State of Marketing Report – by Hubspot2024 State of Marketing Report – by Hubspot
2024 State of Marketing Report – by Hubspot
 
Everything You Need To Know About ChatGPT
Everything You Need To Know About ChatGPTEverything You Need To Know About ChatGPT
Everything You Need To Know About ChatGPT
 
Product Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage EngineeringsProduct Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage Engineerings
 
How Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental HealthHow Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental Health
 
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdfAI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
 
Skeleton Culture Code
Skeleton Culture CodeSkeleton Culture Code
Skeleton Culture Code
 
PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024
 
Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)
 
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
 
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024
 
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary
 
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd
 
Getting into the tech field. what next
Getting into the tech field. what next Getting into the tech field. what next
Getting into the tech field. what next
 
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentGoogle's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search Intent
 
How to have difficult conversations
How to have difficult conversations How to have difficult conversations
How to have difficult conversations
 
Introduction to Data Science
Introduction to Data ScienceIntroduction to Data Science
Introduction to Data Science
 
Time Management & Productivity - Best Practices
Time Management & Productivity -  Best PracticesTime Management & Productivity -  Best Practices
Time Management & Productivity - Best Practices
 
The six step guide to practical project management
The six step guide to practical project managementThe six step guide to practical project management
The six step guide to practical project management
 
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
 

Analiza web sjedista