Badanie hierarchii czytelności elementów opakowania

Analiza wybranego opakowania autor: Karolina Wilk rok akademicki: 2011/2012 Podstawy Badań Wizualnych prowadzący: asyst Marta Więckowska Zakład Badań Wizualnych i Interakcji Akademia Sztuk Pięknych w Katowicach

SPIS TREŚCI wyróżnienie i nazwanie elementów opakowania....................................3 uszeregowanie elementów ze względu na wielkość..............................4 analiza kolorystyki opakowania..............................................................5 analiza typografii wystepującej w opakowaniu..................................... 6 analiza kompozycji opakowania.............................................................7 wprowadzenie zmniany w opakowaniu; hipotetyczna hierarchia czytelności.......................................................8 test pogłębionej analizy wizualnej..........................................................9 element dostrzeżony..............................................................................10 element rozpoznany...............................................................................11 element dostrzeżony i rozpoznany - porównanie średnich etapów badania dla opakowania przed zmianą.....................................12 element dostrzeżony i rozpoznany - porównanie średnich etapów badania dla opakowania po zmianie.........................................13 element dostrzeżony- porównanie średnich etapów badania dla opakowania przed zmianą i po zmianie...........................................14 element rozpoznany- porównanie średnich etapów badania dla opakowanie przed zmianą i po zmianie...........................................15 porównanie hierarchii czytelności - opakowanie przed zmianą............ 16 porównanie hierarchii czytelności - opakowanie po zmianie.................17 Porównanie hierarchii czytelności - opakowanie przed zmianą i po zmianie............................................................................................18 wykres częstotliwości dla opakowanie przed zmianą...........................19-20 wykres częstotliwości dla opakowania po zmianie................................21-22

WYRÓŻNIENIE I NAZWANIE ELEMENTÓW OPAKOWANIA 1.

2.

3.

4.

5.

2 1

3

4

tło logo A napis ,,Gorzka’’ B napis ,,czekolada’’ C ilustracja składowe ilustracji : 6. maliny D 7. kostki czekolady E 8. kawałki czekolady F

9. informacja o kaloriach G 10. różowy prostokąt z napisami H 11. napis ,,nadzienie malinowe’’ I 12. powtórzenie loga J

6 5

9

7

8

* po wykonaniu testu pogłebionej analizy wizualnej i przeanalizowaniu wyników element A - logo został podzielony na 3 odrębne elemety: A1- napis Alpen Gold A2- złoty pasek loga A3- tło Loga

10 11 12 A1

A2

A3

3

USZEREGOWANIE ELEMENTÓW ZE WZGLĘDU NA WIELKOŚĆ tło

logo kostki czekolady maliny różowy prostokąt z napisami kawałki czekolady napis Gorzka powtórznie loga informacje o kaloriach napis nadzienie malinowe napis czekolada

4

ANALIZA KOLORYSTYKI OPAKOWANIA analiza kolorystyki poszczególnych elementów

analiza kontrastów barwnych w opakowaniu

tło logo napis czekolada

różowy prostokąt z napsami

napis Gorzka

maliny

kostki czekolady

kawałki czekolady

informacja o kaloriach

powtórzenie loga

5

ANALIZA TYPOGRAFII WYSTĘPUJĄCEJ W OPAKOWANIU analiza typografii opakowania Krój pisma

26 g 127 kcal

Wielkości liter (pt)

dwuelementowy, bezszeryfowy

60 pt.

dwuelementowy, szeryfowy, wersaliki

12 pt.

dwuelementowy, szeryfowy, wersaliki

36 oraz 30 pt.

dwuelementowy, szeryfowy, wersaliki

8 pt.

dwuelementowy, szeryfowy, wersaliki

14 pt

dwuelementowy, bezszeryfowy

6 pt.

dwuelementowy, bezszeryfowy

7 pt.

dwuelementowy, bezszeryfowy

16 pt.

.

kontrasty występujące w Typografii

A A A A A A 6

ANALIZA KOPOZYCJI OPAKOWANIA Logo opakowania, zajmuje największy obszar sposród wszystkich elementów 25 % (nie wliczając tła). Jest koloru niebieskiego z kontrastującymi białymi i beżowymi literami.

Reszta opakowoania utrzymana jest w kolorystyce brązowo różowej, dlatego logo przez swój odmienny kolor wyróżnia sie najbardziej, logo umiejscowiłam jako pierwsze w hierarchii czytelności.

W drugiej kolejności widać Kostki czekolady, które znajdują sie w trzeciej- dolnej partii, zajmują 14 % powierzchni i są kolejne po logu, jeżeli chodzi o uszeregowanie z wzlgędu na wielkość, w górnej części czekolada ma kolor brązowy, za nią tło ma kolor bardzo jasnego różu - prawie biały, w dolnej partii kostki maja kolor bardzo ciemnego brązu,są prawie czarne, pod kostkami znajduje sie prostokąt o wyrazistym różowym kolorze, dlatego poprzez silne kontrasty barwne i wielkości kostki sa bardzo wyraźne.

Maliny zajmują 8,1 % powierzchni , są trzecie w hierarchii wielkości, znajdują sie w centralnej partii opakowania, w samym środku, są za kostkami czekolady i przed kawałkami czekolady.

Mają intensywny kolor różowy, co podkreśla jeszcze brązowy kolor znajdujący sie przd nimi i za nimi.

Przez kontrasty, umiejscowienie i wielkość są trzecie w hipotetycznej hirarchii czytelności.

Różowy prostokąt pod czekoladą widoczny jest jako czwarty, znajduje się w dolnej części opakowania, zajmuje 8 % powierzchni, intensywny kolor różowy otoczny jest przez ciemny brązowy kolor.

Napis ‘’ Gorzka’’ umiejscowiony jest w środkowej części, znajduje się pod logiem, zajmuje 2,8 % opakowania, ma kolor złoty- beżowy, tło za nim jest ciemno różowe. kawałki czekolady 3,4 % powierzchni, znajdują się za malinami, kolor ciemnego brązu, tło za nimi ma kolor ciemnego różu, mimo tego samego koloru jak kostki czekolady, przez zastosowanie ciemnego tła i duzo mniejszych gabarytów, znajduje się na siódmej pozycji w hipotetycznej hierarchii czytelności powtórzenie loga znajduje się przy dolnej krawędzi opakowania zajmuje 1,7 % powierzchni, jest koloru niebieskiego i znajduje się na różowym tle, jest znacznie mniejsze od wyżej wymienionych elementów, jego umiejscowienie i rozmiar sprawiają że mimo mocnych kontrastów kolorystycznych, jest szóste w hipotetycznej hierarchi czytelności. informacja o kaloriach znajduje się w dolnym prawym rogu opakowania, zajmuje 1,6 % powierzchni napis ,,nadzienie malinowe’’ znajduje się w dolnej części opakowania, nad powtórzeniem loga, pod kostkami czekolady - 1,3 % powierzchni

7

WPROWADZENIE ZMIANY W OPAKOWANIU HIPOTETYCZNA HIERARCHIA CZYTELNOŚCI Po zastosowaniu rozmycia Gaussowskiego i wcześniejszej analizy kompozycji opakowania, kolorystyki i udziału procentowego powierzchni w opakowaniu została wprowadzona zmiana. Zmiana polega na zastąpieniu koloru tła, kolorem niebieskim, zbliżonym do koloru tła loga.

Dzięki analizy cech wizualnych opakowania, możliwe było ustalenie hipotetycznej hierarchii czytelności dla obu opakowań.

orginalne opakowanie 1. logo 2. kostki czekolady 3. maliny 4. różowy prostokąt z napisami 5. napis ,,Gorzka’’ 6. powtórzenie loga 7. kawałki czekolady 8. napis ,,nadzienie malinowe‘’ 9. informacja o kaloriach 10. napis ,,czekolada‘’ 11. tło

orginalne opakowanie

opakowanie po wprowadzeniu zmiany 1. kostki czekolady 2. maliny 3. różowy prostokąt z napisami 4. logo 5. napis ,,Gorzka’’ 6. kawałki czekolady 7. powtórzenie loga 8. napis ,,nadzienie malinowe‘’ 9. informacja o kaloriach 10. napis ,,czekolada‘’ 11. tło

opakowanie po wprowadzeniu zmiany

8

TEST POGŁĘBIONEJ ANALIZY WIZUALNEJ Test dotyczy badania czytelności znaków graficznych - poszczególnych elemntów badanego opakowania, z obecnością przeszkody jaką jest różny stopień rozmycia prezentowanego obrazu na wybranym opakowaniu. Celem testu jest stwierdzenie kolejności odczytywania elementów obrazu, a także określenie etapu dostrzegania i rozpoznania poszczególnych elementów obrazu, przez badane osoby.

PRZYGOTOWANIE BADANIA sposób modyfikacji: photoshop - efekt Gausian Blur 13 progów rozmycia wyselekcjonowanych spośród 25 pretest ( progi rozmycia kolejno) promień- 160, 140, 120, 100, 90, 85, 80, 75, 70, 65, 60, 55, 50, 25, 20, 15, 10, 8, 6, 4, 2, 0 test ( progi rozmycia kolejno) promień - 160, 120, 90, 60, 45, 35, 25, 20, 10, 8, 6, 4, 0

Zarówno test 1 jak i test 2 - zostały przeprowadzone na 9 osobach.

Test wykonany komputerowo w jasnym pomieszczeniu, Osoba badana siedziała w odległości ok. jednego metra od ekranu komputera.

Każda osoba badana otrzymywała przybory do pisania i zestaw kartek na których znajdowały się pola odpowiadające proporcjami do proporcji badanego opakowania.

Pola były ponumerowane, gdzie kolejny numer odpowiadał numerowi obrazu wyświetlanego na ekranie.

Zadaniem osoby badanej było rysować prezentowane obrazy w polach znajdujących się na karcie, zgodnie z numeracją.

Obrazy były wyświetlane od numeru 1 do 13 zgodnie z kolejnością.

Na rysowanie jednego obrazu badana osoba nie miała ograniczenia czasowego, po ukończeniu rysunku obraz został przełączany na kolejny.

wygląd karty: kartka A4 na niej 3 prostokąty o tych samych proporcjach jak prezentowany obraz wymiar pojedyńczego pola: 7x17 wymiar prezentowanego obrazu: 7,5x17,5 cm wymiary ekranu komputera- 33 x 21cm rozdzielczość ekranu komputra- 1280 x 800 px obraz o promieniu rozmycia 160 odpowiada polu z numerm 1 120= nr 2; 90= nr 3; 60=nr 4; 45= nr 5; 35=nr 6; 25= nr 7; 20= nr 8; 10= nr 9; 8= nr 10; 6= nr 11; 4= nr 12; 0= nr 13

9

ELEMENT DOSTRZEŻONY - badany zaznacza kształ zbliżony proporcjami do proporcji konkretnego elementu - zaznacza jego obecność - zarys w zbliżonym miejscu w którym element występuje

kryteria: - proporcje - umiejscowienie

- nie potrafi go nazwać

10

ELEMENT ROZPOZNANY kryteria: - badany określa kształt danego elementu - dostrzega szczegóły - potrafi nazywać element

- proporcje - kształt - umiejscowienie - szczegóły

11

ELEMANTY DOSTRZEŻONE I ROZPOZNANE

PORÓWNANIE ŚREDNICH ETAPÓW BADANIA DLA OPAKOWANIA PRZED ZMIANĄ 13

12

12

11

11

10

10

Hierarchia rozpoznawania elementów

A1

9 8 7 6 5 4 3 2 1

9 8 7 6 5 4 3 2 1

13

A3 A2 D E F

A3 H A1 D B E J A2 C F

G I element

A3 H A1 D B E J A2 C F

G I element

dostrzeżenie

B

rozpoznanie

H

Wnioski: - dostrzeganie elementów odbywa się w przybliżeniu od etapu 3 do etapu 10 - rozpoznaie elementów następuje od etapu 9 do 13 -kolejność dostrzegania elementów jest inna od kolejności ich rozpoznawania : istnieją elementy wcześniej dostrzeżone od innych ale później rozpoznane np: element H- Różowy prostokąt dostrzeżony został na etapie 6.3 a rozpoznany na etapie 10.5; element A1- napis Alepen Gold dostrzeżono na etapie 7.1 rozpoznano na etapie 9.1: istnieją elelmety później dostrzeżone od innych lecz wcześniej rozpoznane np: element C napis ,,czekolada” dostrzeżony został na etapie 9.5 a rozpoznany na etapie 12; natomiast elementu J- powtórzenie loga został dostrzeżony na etapie 8 a rozpoznany na etapie 12.8

C J nadzienie malinowe

I G

12

ELEMANTY DOSTRZEŻONE I ROZPOZNANE

PORÓWNANIE ŚREDNICH ETAPÓW BADANIA DLA OPAKOWANIA PO ZMIANIE 13

12

12

11

11

10

10

Hierarchia rozpoznawania elementów

A1

9 8 7 6 5 4 3 2 1

9 8 7 6 5 4 3 2 1

13

A3 A2 D E F

A1 E D B H A2 F

J

I

C G A3 element

A1 E D B H A2 F

J

I

C G A3 element

dostrzeżenie

B

rozpoznanie

H

Wnioski: - dostrzeganie elementów odbywa się w przybliżeniu od etapu 5 do etapu 13 - rozpoznaie elementów następuje od etapu 9 do 13 - kolejność dostrzegania elementów jest inna od kolejności ich rozpoznawania : istnieją elementy wcześniej dostrzeżone od innych ale później rozpoznane np: element H- różowy prostokąt dostrzeżony został na etapie 7.9 a rozpoznany na etapie 10.7; element A2- złoty pasek dostrzeżono na etapie ok. 7.9 a rozpoznano na etapie 9.1; istnieją elelmety później dostrzeżone od innych lecz wcześniej rozpoznane np: element C- napis ,,czekolada’’ dostrzeżony został na etapie 10.9 a rozpoznany na etapie 12; element Jpowtórzenie loga został dostrzeżony na etapie 10.6 a rozpoznany na etapie ok. 12.8

C J nadzienie malinowe

I G

13

ELEMANTY DOSTRZEŻONE

PORÓWNANIE ŚREDNICH ETAPÓW BADANIA DLA OPAKOWANIA PRZED ZMIANĄ I PO ZMIANIE 13 12

11

11

10

10

A1- napis Alpen Gold A2- złoty pasek loga

9 8 7 6 5 4 3 2 1

9 8 7 6 5 4 3 2 1

13 12

A3 H A1 D B E J A2 C F G I element

A3- tło loga B - napis ,,Gorzka’’ C - napis ,,czekolada’’ D - maliny A3 H A1 D B E J A2 C F G I element

opakowanie przed zmianą

E - kostki czekolady F - kawałki czekolady

opakowanie po zmianie Wnioski: - po wprowadzeniu zmiany niektóre elementy zostały dostrzeżone na innych etapach np: A3- tło loga z etapu 3.8 zmienił pozycję na etap 13 element F- kawałki czekolady z etapu 10 na etap 8.5 element E- kostki czekolady z etapu 8 na etap 5.5 - po wprowadzeniu zmiany niektóre elementy zostały dostrzeżone na wcześniejszych etapach np: A- ,,napis Alpen Gold’, B- napis ,,Gorzka”, A2-złoty pasek loga

G - inforacja o kaloriach H - różowy prostokąt I - napis ,,nadzienie malinowe’’ J - powtórzenie loga

14

ELEMANTY ROZPOZNANE

PORÓWNANIE ŚREDNICH ETAPÓW BADANIA DLA OPAKOWANIA PRZED ZMIANĄ I PO ZMIANIE 13

legenda

12

12

11

A1- napis Alpen Gold

11

10

10

A2- złoty pasek loga

9 8 7 6 5 4 3 2 1

9 8 7 6 5 4 3 2 1

13

A1 A3 A2 D E

F B H C J

I G element

A3- tło loga B - napis ,,Gorzka’’ C - napis ,,czekolada’’ D - maliny A1 A3 A2 D E

F B H C J

opakowanie przed zmianą opakowanie po zmianie Wnioski: - po wprowadzeniu zmiany niektóre elementy zostały rozpoznawane na innych etapach np: A3- tło loga z etapu 9.1 zmienił pozycję na etap 13 G- informacje o kaloriach z etapu 13 na etap 12 E- kostki czekolady z etapu 9.8 na etap 9

I G element

E - kostki czekolady F - kawałki czekolady G - inforacja o kaloriach H - różowy prostokąt I - napis ,,nadzienie malinowe’’ J - powtórzenie loga

15

PORÓWNANIE HIERARCHII CZYTELNOŚCI OPAKOWANIA PRZED ZMIANĄ HIPOTETYCZNA HIERARCHIA 1. logo * 2. kostki czekolady 3. maliny 4. różowy prostokąt z napisami 5. napis ,,Gorzka’’ 6. powtórzenie loga 7. kawałki czekolady 8. napis ,,nadzienie malinowe‘’ 9. informacja o kaloriach 10. napis ,,czekolada‘’ 11. tło **

HIERARCHIA 1.napis Alpen Gold * 2.tło loga * 3. złoty pasek loga * 4. maliny 5. kostki czekolady 6.kawałki czekolady 7. napis gorzka 8. Różowy prostokąt 9. napis czekolada 10.powtórzenie loga 11.napis nadzienie malinowe 12. informacja o kaloriach

Wnioski: Założenia hierarchii hipotetycznej przed zmianą, różnią się od wyników badania. Różnią się następująco: - logo zostało przez badanych podzielone na 3 odrębne elementy: 1. napis Alpen Gold, 2. tło loga, 3 złoty pasek loga -kostki czekolady z drugiej pozycji w hipotetycznej hierarchii przesunęły się na piątą we właściwej hierarchii czytelności; powtórznie loga z 6 na 10 pozycję; napis - nadzienie malinowe z 8 miejesca na 11 tło nie zostało uwzględnione przez badanych;

* logo w wyniku przeprowadzonych badań zostało podzielone na 3 odrębne elementy: Alpen Gold tło loga złoty pasek loga **na rysunkach osób badanych nIe zostało wyróżnione tło

16

PORÓWNANIE HIERARCHII CZYTELNOŚCI OPAKOWANIA PO ZMIANIE

HIPOTETYCZNA HIERARCHIA 1. kostki czekolady 2. maliny 3. różowy prostokąt z napisami 4. logo * 5. napis ,,Gorzka’’ 6. kawałki czekolady 7. powtórzenie loga 8. napis ,,nadzienie malinowe‘’ 9. informacja o kaloriach 10. napis ,,czekolada‘’ 11. tło **

HIERARCHIA 1. napis Alpen Gold * 2. kostki czekolady 3. złoty pasek loga * 4. maliny 5. napis gorzka 6. kawałki czekolady 7. różowy prostokąt 8. napis czekolada 9. inf o kaloriach 10. napis nadzienie malinowe 11. powtórzenie loga 12. tło loga *

* logo w wyniku przeprowadzonych badań zostało podzielone na 3 odrębne elementy: Alpen Gold tło loga złoty pasek loga

Wnioski: Założenia hierarchii hipotetycznej różnią się od wyników badania różnią się następująco: - logo zostało przez badanych podzielone na 3 odrębne elementy: 1. napis Alpen Gold, 2. tło loga, 3 złoty pasek loga; znaczące zmiany nastąpiły w odczytaniu loga - jego elementów.

Logo z 4 pozyji w hipotetycznej hietarchi zostało umiejscowione: napis Alpen Gold na 1 miejscu, złoty pasek na miejscu 3, tło loga na miejscu 12 (ostatnim) -kostki czekolady z pierwszej pozycji w hipotetycznej hierarchii przesunęły się na drugą we właściwej hierarchii czytelności; powtórznie loga z 7 na 11 pozycję; napis - nadzienie malinowe z 8 miejesca na 10 różowy prostokąt z napisami z 3 na 7 miejsce, na rysunkach osób badanych nie zostało wyróżnion tło

**na rysunkach osób badanych nIe zostało wyróżnione tło

17

PORÓWNANIE HIERARCHII CZYTELNOŚCI OPAKOWANIA PRZED ZMIANĄ I PO ZMIANIE HIERARCHIA PRZED ZMIANĄ

HIERARCHIA PO ZMIANIE

1.napis Alpen Gold - A1 2.tło loga - A3 3. złoty pasek loga * -A2 4. maliny - D 5. kostki czekolady - E 6.kawałki czekolady - F 7. napis gorzka - B 8. Różowy prostokąt - H 9. napis czekolada -C 10.powtórzenie loga - J 11.napis nadzienie malinowe - I 12. informacja o kaloriach - G

1. napis Alpen Gold - A1 2. kostki czekolady - E 3. złoty pasek loga - A2 4. maliny - D 5. napis gorzka - B 6. kawałki czekolady - F 7. różowy prostokąt - H 8. napis czekolada - C 9. inf o kaloriach - G 10. napis nadzienie malinowe - I 11. powtórzenie loga - J 12. tło loga * - A3

Wnioski: Na podstawie wyników badań stwierdza sie: - niektóre elementy zmieniły pozycję w hierarchii: tło loga z pozycjii 2 przesunęło się na pozycję 12; kostki czekolady z pozycji 5 na 6; napis gorzka z 7 na 5; różowy prostokąt z 8 na 7; napis czekolada z 9 na 8; powtórzenie loga z 10 na 11 napis nadzienie malinowe z 11 na 10 informacja o kaloriach z 12 na 9.

Na powyższe wyniki miały wpływ: umiejscowienie elementów na opakowaniu, dobór kolorów i wielkość elementów, kontrasty

HIERARCHIA PRZED ZMIANĄ

nadzienie malinowe

HIERARCHIA PO ZMIANIE

A1

A1

A3

E

A2

A2

D

D

E

B

F

F

B

H

H

C

C

G

J

I

I

J

G

A3

nadzienie malinowe

18

WYKRES CZĘSTOTLIWOŚCI DLA OPAKOWANIA PRZED ZMIANĄ

6

Dostrzeżenie

5 4 3 2 1 0 I

II

III

IV

V

VI

VII

VIII

IX

X

XI

XII

XIII etapy

A A1 A2 A3 B C D E F G H I J

19

WYKRES CZĘSTOTLIWOŚCI DLA OPAKOWANIA PRZED ZMIANĄ

rozpoznanie 9 8 7 6 5 4 3 2 1 0 I

II

III

IV

V

VI

VII

VIII

IX

X

XI

XII

XIII etapy

A A1 A2 A3 B C D E F G H I J

20

WYKRES CZĘSTOTLIWOŚCI DLA OPAKOWANIA PO ZMIANIE dostrzeżony

8

A A1 A2 A3 B C D E F G H I J

7 6 5 4 3 2 1 0 I

II

III

IV

V

VI

VII

VIII

IX

X

XI

XII

XIII etapy

21

WYKRES CZĘSTOTLIWOŚCI DLA OPAKOWANIA PO ZMIANIE rozpoznanie 10

A

9

A1 A2

8 7

A3

6 5

B C

4

D E F

3 2 1 0

I

II

III

IV

V

VI

VII

VIII

IX

X

XI

XII

XIII etapy

22