SlideShare une entreprise Scribd logo
1  sur  78
Barış Erkol
UX Consultant
UX Design Lead @ Click The Bliss



www.bariserkol.com
bariserkol@gmail.com
twitter @bariserkol
soundklan.com




      gncplay.com
gezenzi.com




  kraltv
ntvmsnbc.co
    m




              kraltv
ntvmsnbc Android
gezlong.com
tatbilir.com
mappiness.co
m              armut.co
                  m
ection.com
fikralaryeniden.c
om




               bibuyuksarki.com
tasteer.com
enmoda.com




enmoda.com-mobil
      site
Kullanıcıyı Anlamak
(Navigasyon) Kullanıcı sitede nasıl dolaşıyor?
(Akış)    Kullanıcının bir sonraki adımı bizim istediğimiz gibi oluyor mu?


(Oryantasyon)                Sitede nerede olduğunu kolaylıkla kavrıyor mu?


(Etkileşim)          Kullanıcı aksiyonlarına sistem ne gibi tepkiler veriyor?


(İçerik)    Sayfada gördüğü içerik nedir?


(Mizanpaj)           Bu içerik sayfaya nasıl yerleştirilmiş?


(Davranış)          Sistem kullanıcıyı tanıyor ve buna göre kararlar alıyor mu?
KULLANILABİLİRLİK
GÜVEN
ETKİLEŞİM
ESTETİK
…pay attention to what users do, not what they
say.                                   JACOP NIELSEN
The details are not the details. They make the
design.                                   CHARLES EAMES
Hikaye Yaratmak
Great stories, though, don’t just happen randomly;
they are designed.
                                   Joseph John Campbell
Stories can have long-lasting emotional
impact.                          Joseph John Campbell
Projeyi anlamak
Bu proje neden önemli, neyi hedefliyoruz? HEDEFLER




                                                            Yatırımcının
                             Belirgin                       fikirleri
                             olmayan
                             amaç

                                                                        Kullanıcının
          Proje (şirket)                     Proje ilgili               şikayetleri


            stratejisi            Belirgin
                                  olmayan
                                              talepler
                                  amaç
                                                                    Kullanıcı
                                                                    ihtiyaçları

                       Belirgin
                       olmayan
                       amaç
Bu proje neden önemli, neyi hedefliyoruz? HEDEFLER




                                            UX tasarımcısının ilk görevi belirgin
                                            olmayan amaçları net açıklamalar
                            Net
                            açıklama
                                            haline getirmektir.
                                            Net açıklama;

          Proje (şirket)                    - basit bir dil ile ifade edilmeli, kolay anlaşılır olmalı

            stratejisi           Net        (teknik jargon kullanmadan),
                                 açıklama
                                            - bulanık ve yoruma açık ifadeler içermemeli,

                                            - somut, ölçülebilir hedefler içermeli.

                      Net
                      açıklama
Bu proje neden önemli, neyi hedefliyoruz? HEDEFLER
  Belirgin
                                                    Net
  olmayan
                                                    açıklama
  amaç
Bu proje neden önemli, neyi hedefliyoruz? HEDEFLER
     Belirgin
                                                     Net
     olmayan
                                                     açıklama
     amaç



“Amacımız x
sektöründe market
lideri olmak.”
Bu proje neden önemli, neyi hedefliyoruz? HEDEFLER
     Belirgin
                                                     Net
     olmayan
                                                     açıklama
     amaç



“Amacımız x
                       “Amacımız site trafiğini
sektöründe market
                       belirgin oranda artırmak.”
lideri olmak.”
Bu proje neden önemli, neyi hedefliyoruz? HEDEFLER
     Belirgin
                                                                     Net
     olmayan
                                                                     açıklama
     amaç



“Amacımız x                                         “Amacımız toplam ciromuzun
                       “Amacımız site trafiğini
sektöründe market                                   %10‘unu online satışlardan
                       belirgin oranda artırmak.”
lideri olmak.”                                      yapmak.”
Bu proje neden önemli, neyi hedefliyoruz? HEDEFLER
     Belirgin
                                                                                    Net
     olmayan
                                                                                    açıklama
     amaç



“Amacımız x                                                        “Amacımız toplam ciromuzun
                           “Amacımız site trafiğini
sektöründe market                                                  %10‘unu online satışlardan
                           belirgin oranda artırmak.”
lideri olmak.”                                                     yapmak.”




                    Araştır, tanımla & bir araya getir.


                        SWOT             RAKİP          İHTİYAÇLARI

                       ANALİZİ           ANALİZİ         TANIMLA
Bu proje neden önemli, neyi hedefliyoruz? HEDEFLER
  Belirgin
                                                    Net
  olmayan
                                                    açıklama
  amaç
Bu proje neden önemli, neyi hedefliyoruz? HEDEFLER
  Belirgin
                                                    Net
  olmayan
                                                    açıklama
  amaç



“Müşteriler
siparişlerini online
takip edebilirler.”
Bu proje neden önemli, neyi hedefliyoruz? HEDEFLER
     Belirgin
                                                    Net
     olmayan
                                                    açıklama
     amaç



“Müşteriler
siparişlerini online
takip edebilirler.”
Güzel bir tanımlama ama halen tam belirgin değil.
Bu proje neden önemli, neyi hedefliyoruz? HEDEFLER
     Belirgin
                                                                              Net
     olmayan
                                                                              açıklama
     amaç



“Müşteriler                                         “Siparişin online takip
siparişlerini online                                edilmesi neden önemli?”
takip edebilirler.”
Güzel bir tanımlama ama halen tam belirgin değil.
Bu proje neden önemli, neyi hedefliyoruz? HEDEFLER
     Belirgin
                                                                                            Net
     olmayan
                                                                                            açıklama
     amaç



“Müşteriler                                         “Siparişin online takip
siparişlerini online                                edilmesi neden önemli?”
takip edebilirler.”
                                                    “Sipariş takibinde ne gibi bilgiler
Güzel bir tanımlama ama halen tam belirgin değil.   yer alıyor, hangi bilgilere kullanıcı
                                                    ulaşmak istiyor?”
Bu proje neden önemli, neyi hedefliyoruz? HEDEFLER
     Belirgin
                                                                                                    Net
     olmayan
                                                                                                    açıklama
     amaç



“Müşteriler                                         “Siparişin online takip
siparişlerini online                                edilmesi neden önemli?”
takip edebilirler.”
                                                    “Sipariş takibinde ne gibi bilgiler
Güzel bir tanımlama ama halen tam belirgin değil.   yer alıyor, hangi bilgilere kullanıcı
                                                    ulaşmak istiyor?”


                                                    “Bu bilgilerin önem sırası nedir?”


                                                    vb...

                                                    Bu soruların cevapları çok işimize yarayacak.
Tasarlamak
NEGATİF YORUMLAR
NEGATİF YORUMLAR




POZİTİF YORUMLAR
NEGATİF YORUMLAR




POZİTİF YORUMLAR




   BEKLENTİLER
NEGATİF YORUMLAR   Kullanıcı siteye nasıl ulaşıyor?
                   Arama, banner reklamları, wom, diğer..




POZİTİF YORUMLAR




   BEKLENTİLER
NEGATİF YORUMLAR   Kullanıcı siteye nasıl ulaşıyor?
                   Arama, banner reklamları, wom, diğer..



                   Kullanıcı siteye ulaştığında hangi ekranla
                   karşılaşıyor, karşılacak?
POZİTİF YORUMLAR
                   Net, anlaşılır, teknik jargondan uzak
                   açıklamalar..




   BEKLENTİLER
NEGATİF YORUMLAR   Kullanıcı siteye nasıl ulaşıyor?
                   Arama, banner reklamları, wom, diğer..



                   Kullanıcı siteye ulaştığında hangi ekranla
                   karşılaşıyor, karşılacak?
POZİTİF YORUMLAR
                   Net, anlaşılır, teknik jargondan uzak
                   açıklamalar..




                   Karşılaştığı ekranda nasıl bir akış izleyecek,
   BEKLENTİLER
                   izlemesini istiyoruz? Eskizlerle anlatılabilir.
NEGATİF YORUMLAR    Kullanıcı siteye nasıl ulaşıyor?
                     Arama, banner reklamları, wom, diğer..



                     Kullanıcı siteye ulaştığında hangi ekranla
                     karşılaşıyor, karşılacak?
 POZİTİF YORUMLAR
                     Net, anlaşılır, teknik jargondan uzak
                     açıklamalar..




                     Karşılaştığı ekranda nasıl bir akış izleyecek,
    BEKLENTİLER
                     izlemesini istiyoruz? Eskizlerle anlatılabilir.




           Wireframe
Sayfa taslaklarının ortaya çıkması
Gözden kaçan detaylar,
hatalar, eksikler olabilir,
       normaldir.
Önemli olan;
    gözlem, araştırma ve
iyileştirmeye devam etmek
           olmalı.
Teşekkürler

Contenu connexe

En vedette

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 HubspotMarius 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 ChatGPTExpeed 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 EngineeringsPixeldarts
 
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 HealthThinkNow
 
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.pdfmarketingartwork
 
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 2024Neil 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 2024Albert 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 InsightsKurio // 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 2024Search 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 summarySpeakerHub
 
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 IntentLily Ray
 
Time Management & Productivity - Best Practices
Time Management & Productivity -  Best PracticesTime Management & Productivity -  Best Practices
Time Management & Productivity - Best PracticesVit 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 managementMindGenius
 
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
 

En vedette (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...
 

UX Turkiye - Kullanıcıyı Anlamak

  • 1. Barış Erkol UX Consultant UX Design Lead @ Click The Bliss www.bariserkol.com bariserkol@gmail.com twitter @bariserkol
  • 2. soundklan.com gncplay.com
  • 4. ntvmsnbc.co m kraltv
  • 8. mappiness.co m armut.co m
  • 10. fikralaryeniden.c om bibuyuksarki.com
  • 13.
  • 14.
  • 16.
  • 17. (Navigasyon) Kullanıcı sitede nasıl dolaşıyor? (Akış) Kullanıcının bir sonraki adımı bizim istediğimiz gibi oluyor mu? (Oryantasyon) Sitede nerede olduğunu kolaylıkla kavrıyor mu? (Etkileşim) Kullanıcı aksiyonlarına sistem ne gibi tepkiler veriyor? (İçerik) Sayfada gördüğü içerik nedir? (Mizanpaj) Bu içerik sayfaya nasıl yerleştirilmiş? (Davranış) Sistem kullanıcıyı tanıyor ve buna göre kararlar alıyor mu?
  • 18.
  • 20.
  • 21. …pay attention to what users do, not what they say. JACOP NIELSEN
  • 22. The details are not the details. They make the design. CHARLES EAMES
  • 24. Great stories, though, don’t just happen randomly; they are designed. Joseph John Campbell
  • 25. Stories can have long-lasting emotional impact. Joseph John Campbell
  • 27. Bu proje neden önemli, neyi hedefliyoruz? HEDEFLER Yatırımcının Belirgin fikirleri olmayan amaç Kullanıcının Proje (şirket) Proje ilgili şikayetleri stratejisi Belirgin olmayan talepler amaç Kullanıcı ihtiyaçları Belirgin olmayan amaç
  • 28. Bu proje neden önemli, neyi hedefliyoruz? HEDEFLER UX tasarımcısının ilk görevi belirgin olmayan amaçları net açıklamalar Net açıklama haline getirmektir. Net açıklama; Proje (şirket) - basit bir dil ile ifade edilmeli, kolay anlaşılır olmalı stratejisi Net (teknik jargon kullanmadan), açıklama - bulanık ve yoruma açık ifadeler içermemeli, - somut, ölçülebilir hedefler içermeli. Net açıklama
  • 29. Bu proje neden önemli, neyi hedefliyoruz? HEDEFLER Belirgin Net olmayan açıklama amaç
  • 30. Bu proje neden önemli, neyi hedefliyoruz? HEDEFLER Belirgin Net olmayan açıklama amaç “Amacımız x sektöründe market lideri olmak.”
  • 31. Bu proje neden önemli, neyi hedefliyoruz? HEDEFLER Belirgin Net olmayan açıklama amaç “Amacımız x “Amacımız site trafiğini sektöründe market belirgin oranda artırmak.” lideri olmak.”
  • 32. Bu proje neden önemli, neyi hedefliyoruz? HEDEFLER Belirgin Net olmayan açıklama amaç “Amacımız x “Amacımız toplam ciromuzun “Amacımız site trafiğini sektöründe market %10‘unu online satışlardan belirgin oranda artırmak.” lideri olmak.” yapmak.”
  • 33. Bu proje neden önemli, neyi hedefliyoruz? HEDEFLER Belirgin Net olmayan açıklama amaç “Amacımız x “Amacımız toplam ciromuzun “Amacımız site trafiğini sektöründe market %10‘unu online satışlardan belirgin oranda artırmak.” lideri olmak.” yapmak.” Araştır, tanımla & bir araya getir. SWOT RAKİP İHTİYAÇLARI ANALİZİ ANALİZİ TANIMLA
  • 34. Bu proje neden önemli, neyi hedefliyoruz? HEDEFLER Belirgin Net olmayan açıklama amaç
  • 35. Bu proje neden önemli, neyi hedefliyoruz? HEDEFLER Belirgin Net olmayan açıklama amaç “Müşteriler siparişlerini online takip edebilirler.”
  • 36. Bu proje neden önemli, neyi hedefliyoruz? HEDEFLER Belirgin Net olmayan açıklama amaç “Müşteriler siparişlerini online takip edebilirler.” Güzel bir tanımlama ama halen tam belirgin değil.
  • 37. Bu proje neden önemli, neyi hedefliyoruz? HEDEFLER Belirgin Net olmayan açıklama amaç “Müşteriler “Siparişin online takip siparişlerini online edilmesi neden önemli?” takip edebilirler.” Güzel bir tanımlama ama halen tam belirgin değil.
  • 38. Bu proje neden önemli, neyi hedefliyoruz? HEDEFLER Belirgin Net olmayan açıklama amaç “Müşteriler “Siparişin online takip siparişlerini online edilmesi neden önemli?” takip edebilirler.” “Sipariş takibinde ne gibi bilgiler Güzel bir tanımlama ama halen tam belirgin değil. yer alıyor, hangi bilgilere kullanıcı ulaşmak istiyor?”
  • 39. Bu proje neden önemli, neyi hedefliyoruz? HEDEFLER Belirgin Net olmayan açıklama amaç “Müşteriler “Siparişin online takip siparişlerini online edilmesi neden önemli?” takip edebilirler.” “Sipariş takibinde ne gibi bilgiler Güzel bir tanımlama ama halen tam belirgin değil. yer alıyor, hangi bilgilere kullanıcı ulaşmak istiyor?” “Bu bilgilerin önem sırası nedir?” vb... Bu soruların cevapları çok işimize yarayacak.
  • 44. NEGATİF YORUMLAR Kullanıcı siteye nasıl ulaşıyor? Arama, banner reklamları, wom, diğer.. POZİTİF YORUMLAR BEKLENTİLER
  • 45. NEGATİF YORUMLAR Kullanıcı siteye nasıl ulaşıyor? Arama, banner reklamları, wom, diğer.. Kullanıcı siteye ulaştığında hangi ekranla karşılaşıyor, karşılacak? POZİTİF YORUMLAR Net, anlaşılır, teknik jargondan uzak açıklamalar.. BEKLENTİLER
  • 46. NEGATİF YORUMLAR Kullanıcı siteye nasıl ulaşıyor? Arama, banner reklamları, wom, diğer.. Kullanıcı siteye ulaştığında hangi ekranla karşılaşıyor, karşılacak? POZİTİF YORUMLAR Net, anlaşılır, teknik jargondan uzak açıklamalar.. Karşılaştığı ekranda nasıl bir akış izleyecek, BEKLENTİLER izlemesini istiyoruz? Eskizlerle anlatılabilir.
  • 47. NEGATİF YORUMLAR Kullanıcı siteye nasıl ulaşıyor? Arama, banner reklamları, wom, diğer.. Kullanıcı siteye ulaştığında hangi ekranla karşılaşıyor, karşılacak? POZİTİF YORUMLAR Net, anlaşılır, teknik jargondan uzak açıklamalar.. Karşılaştığı ekranda nasıl bir akış izleyecek, BEKLENTİLER izlemesini istiyoruz? Eskizlerle anlatılabilir. Wireframe Sayfa taslaklarının ortaya çıkması
  • 48.
  • 49.
  • 50.
  • 51.
  • 52.
  • 53.
  • 54.
  • 55.
  • 56.
  • 57.
  • 58.
  • 59.
  • 60.
  • 61.
  • 62.
  • 63.
  • 64.
  • 65.
  • 66.
  • 67.
  • 68.
  • 69.
  • 70.
  • 71.
  • 72.
  • 73.
  • 74.
  • 75.
  • 76. Gözden kaçan detaylar, hatalar, eksikler olabilir, normaldir.
  • 77. Önemli olan; gözlem, araştırma ve iyileştirmeye devam etmek olmalı.

Notes de l'éditeur

  1. \n
  2. \n
  3. \n
  4. \n
  5. \n
  6. \n
  7. \n
  8. \n
  9. \n
  10. \n
  11. \n
  12. \n
  13. \n
  14. \n
  15. \n
  16. \n
  17. \n
  18. \n
  19. \n
  20. \n
  21. \n
  22. \n
  23. \n
  24. \n
  25. \n
  26. \n
  27. \n
  28. \n
  29. \n
  30. \n
  31. \n
  32. \n
  33. \n
  34. \n
  35. \n
  36. \n
  37. \n
  38. \n
  39. \n
  40. \n
  41. \n
  42. \n
  43. \n
  44. \n
  45. \n
  46. \n
  47. \n
  48. \n
  49. \n
  50. \n
  51. \n
  52. \n
  53. \n
  54. \n
  55. \n
  56. \n
  57. \n
  58. \n
  59. \n
  60. \n
  61. \n
  62. \n
  63. \n
  64. \n
  65. \n
  66. \n
  67. \n
  68. \n
  69. \n
  70. \n
  71. \n
  72. \n
  73. \n
  74. \n
  75. \n
  76. \n
  77. \n