- W czym jestem naprawd\u0119 dobry?
Projektowanie graficzne<\/li><\/ul>\n\n\n\n- Kt\u00f3re czynno\u015bci zwi\u0105zane z UX-em naprawd\u0119 lubi\u0119 robi\u0107?
Tworzy\u0107 prosty i przejrzysty projekt dla u\u017cytkownika<\/li><\/ul>\n\n\n\n- Co odr\u00f3\u017cnia mnie od innych projektant\u00f3w?
\u015aledz\u0119 nowe trendy w projektowaniu i wdra\u017cam je w projektach.<\/li><\/ul>\n\n\n\n
\n\n\n\nAZOTANY W SKLEPIE<\/h1>\n\n\n\n
Dystrybucja ulotek informacyjnych w sklepach warzywnych<\/strong><\/h2>\n\n\n
\n![\"\"](\"http:\/\/lab-wp.vistula.edu.pl\/main\/wp-content\/uploads\/2022\/11\/eco-folder-12345-1024x806.jpg\")
<\/figure>\n<\/div>\n\n\n1. Twoja rola i Twoich koleg\u00f3w w projekcie<\/strong><\/h3>\n\n\n\n
Moja rola<\/h4>\n\n\n\n
- Ilustracje<\/strong> (tworzenie ilustracji i infografik w programie Adobe Illustrator)<\/li>
- Wyszukiwanie informacji<\/strong> ( w Internecie, w ksi\u0105\u017ckach i publikacjach naukowych)<\/li>
- Kreacja<\/strong> (sk\u0142ad broszury w programie Adobe InDesign)<\/li><\/ul>\n\n\n\n
Rola moich koleg\u00f3w<\/h4>\n\n\n\n
- Zlecenie druku broszur i nadz\u00f3r nad zleceniem<\/li>
- Dystrybucja \u2013 poszukiwanie sklep\u00f3w, w kt\u00f3rych mo\u017cna by umie\u015bci\u0107 broszury<\/li><\/ul>\n\n\n\n
<\/p>\n\n\n\n
2. Wprowadzenie \u2013 scenariusz\/problem\/cel<\/strong><\/h3>\n\n\n\n
- Scenariusz<\/strong> – stworzenie zrozumia\u0142ej i u\u017cytecznej broszury, kt\u00f3ra przyda si\u0119 wielu osobom monitoruj\u0105cym swoje od\u017cywianie.<\/li>
- Problem<\/strong> – wi\u0119kszo\u015b\u0107 warzyw i owoc\u00f3w zawiera azotany, kt\u00f3re s\u0105 bardzo niebezpieczne dla naszego zdrowia<\/li>
- Cel<\/strong> <\/em>– pokazanie szkodliwo\u015bci azotan\u00f3w i sposob\u00f3w na zmniejszenie ich ilo\u015bci w produktach.<\/li><\/ul>\n\n\n\n
<\/p>\n\n\n\n
3. Kim s\u0105 u\u017cytkownicy<\/strong><\/h3>\n\n\n\n
Wszystkie osoby zainteresowane zdrowym stylem \u017cycia<\/p>\n\n\n\n
<\/p>\n\n\n\n
4. Proces projektowania (metodologia; mapy drogowe; metryki; badania…)<\/strong><\/h3>\n\n\n\n
Aby stworzy\u0107 projekt przeprowadzi\u0142em badania, wyniki bada\u0144 pomog\u0142y mi zdecydowa\u0107, kt\u00f3re tematy by\u0142yby bardziej interesuj\u0105ce dla u\u017cytkownik\u00f3w Internetu.<\/p>\n\n\n\n
<\/p>\n\n\n\n
5. Jakie narz\u0119dzia zastosowa\u0142e\u015b w tym projekcie?<\/strong><\/h3>\n\n\n\n
- Adobe Illustrator<\/li>
- Adobe InDesign<\/li>
- Narz\u0119dzia do prowadzenia ankiet<\/li><\/ul>\n\n\n\n
<\/p>\n\n\n\n
6. Badania<\/strong><\/h3>\n\n\n
\n![\"\"](\"http:\/\/lab-wp.vistula.edu.pl\/main\/wp-content\/uploads\/2022\/11\/Badania-1024x585.jpg\")
<\/figure>\n<\/div>\n\n\n<\/p>\n\n\n\n
7. Szkice, makiety, grafiki, prototyp<\/strong><\/h3>\n\n\n\n
–<\/p>\n\n\n\n
![\"Grafiki\"](\"http:\/\/lab-wp.vistula.edu.pl\/main\/wp-content\/uploads\/2022\/11\/grafiki-02-1024x574.jpg\")
Grafiki<\/figcaption><\/figure>\n\n\n\n <\/p>\n\n\n\n
8. Wyniki i wnioski z test\u00f3w u\u017cyteczno\u015bci\/przed i po zastosowaniu <\/strong>
UX Design do produktu<\/strong><\/h3>\n\n\n\nTworzenie broszury \u201eAzotany\u201d przed <\/strong>zastosowaniem narz\u0119dzi UX<\/td> Tworzenie broszury \u201eAzotany\u201d po <\/strong>zastosowaniu narz\u0119dzi UX<\/td><\/tr> Wszystkie elementy i tematy do broszury zosta\u0142y stworzone wed\u0142ug w\u0142asnego uznania. Projekt zosta\u0142 wykonany bez opierania si\u0119 na badaniach u\u017cytkownik\u00f3w.<\/td> Przed rozpocz\u0119ciem pracy przeprowadzono badania w\u015br\u00f3d u\u017cytkownik\u00f3w. Broszura opisuje tematy, kt\u00f3re najbardziej interesuj\u0105 ludzi.<\/td><\/tr> <\/td> <\/td><\/tr><\/tbody><\/table> wynik bada\u0144 przeprowadzonych na grupie 100 os\u00f3b<\/figcaption><\/figure>\n\n\n\n <\/p>\n\n\n\n
9. Tw\u00f3j ostateczny projekt \u2013 przewodnik po stylu<\/strong><\/h3>\n\n\n\n
Broszura zosta\u0142a stworzona w prostym i zrozumia\u0142ym stylu, w ilustracjach wykorzystano grafik\u0119 wektorow\u0105.<\/p>\n\n\n\n
<\/p>\n\n\n\n
10. Wnioski\/ Oddzia\u0142ywanie produktu<\/strong><\/h3>\n\n\n\n
Ta broszura pomo\u017ce u\u017cytkownikom dowiedzie\u0107 si\u0119 wi\u0119cej o niebezpiecze\u0144stwach zwi\u0105zanych z azotanami. Ludzie b\u0119d\u0105 mogli dowiedzie\u0107 si\u0119, jak zmniejszy\u0107 ilo\u015b\u0107 azotan\u00f3w w owocach i warzywach, a tak\u017ce zapozna\u0107 si\u0119, kt\u00f3re produkty spo\u017cywcze s\u0105 bogate w azotany.<\/p>\n\n\n\n
<\/p>\n\n\n\n
11. Czego nauczy\u0142e\u015b si\u0119 z projektu<\/strong><\/h3>\n\n\n\n
- Tworzy\u0107 projekty w oparciu o badania<\/li>
- Tworzy\u0107 infografiki<\/li>
- Prezentowa\u0107 informacje w prostej formie.<\/li><\/ul>\n\n\n\n
<\/p>\n\n\n\n
12. Jakie mog\u0142y by by\u0107 kolejne kroki (co dalej)<\/strong><\/h3>\n\n\n\n
Stworzenie ca\u0142ej ilustrowanej ksi\u0105\u017cki.<\/p>\n\n\n\n
<\/p>\n\n\n\n
<\/p>\n
Zadanie 1<\/strong><\/span><\/p><\/div><\/div><\/div><\/div><\/div><\/div>
<\/div><\/div><\/div><\/div>Afordancja nr 1<\/span><\/b><\/span><\/p>\n
<\/p>\n
- \n
- Afordancja<\/strong> – pochodzi z nabytej wiedzy. Winda cz\u0119sto spotykana w przestrzeni miejskiej<\/span><\/li>\n
- Znaczniki<\/strong> \u2013 s\u0105 naklejki z numerami pi\u0119ter, s\u0105 przyciski do otwierania i zamykania drzwi windy.<\/li>\n
- Mapping<\/strong> \u2013 tak, numery pi\u0119ter<\/li>\n
- Informacja zwrotna<\/strong> \u2013 tak, kiedy klikniemy na \u017c\u0105dane pi\u0119tro, przycisk zapala si\u0119 i winda jedzie na \u017c\u0105dane pi\u0119tro.<\/li>\n
- \n
Projekt jest prosty, zrozumia\u0142y dla u\u017cytkownik\u00f3w w ka\u017cdym wieku. Obok przycisk\u00f3w znajduj\u0105 si\u0119 zauwa\u017calne czerwone naklejki z numerami, dla tych os\u00f3b, kt\u00f3re nie widz\u0105 dobrze i nie widz\u0105 numer\u00f3w na przyciskach. Ale nie ma alfabetu Braille’a dla os\u00f3b niewidomych,<\/span> dizajn \u015bredni.<\/span><\/span><\/strong><\/span><\/p>\n <\/b><\/li>\n<\/ol><\/div><\/div><\/div><\/div><\/div><\/div>
![\"afordancja-1\"](\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\")
<\/span><\/div><\/figure><\/div><\/div><\/div><\/div><\/div><\/div><\/div>Afordancja nr 5<\/span><\/b><\/p>\n
<\/p>\n
- \n
- Afordancja<\/strong> – pochodzi z nabytej wiedzy. Widzimy ten obiekt na drodze. <\/span><\/li>\n
- Znaczniki<\/strong> \u2013 Jest napis \u201eDotknij\u201d, kt\u00f3ry m\u00f3wi, \u017ce musimy klikn\u0105\u0107 na ten obiekt. Jasne i proste ilustracje.<\/span><\/li>\n
- Mapping<\/strong> \u2013 naturalny<\/li>\n
- Informacja zwrotna<\/strong> \u2013 po naci\u015bni\u0119ciu przycisku s\u0142yszymy d\u017awi\u0119k, a sygnalizacja \u015bwietlna \u015bwieci na zielono.<\/li>\n
- Projekt jest prosty, przyjazny dla u\u017cytkownika, dobry dizajn<\/span><\/strong>
<\/b><\/li>\n- <\/li>\n<\/ol><\/div><\/div><\/div><\/div><\/div><\/div>
<\/span><\/div><\/figure><\/div><\/div><\/div><\/div><\/div><\/div><\/div>Afordancja nr 7<\/span><\/b><\/p>\n
<\/p>\n
- \n
- Afordancja<\/strong> – pochodzi z nabytej wiedzy. To metalowe pude\u0142ko mo\u017cna znale\u017a\u0107 na ulicach miasta.<\/span><\/li>\n
- Znaczniki<\/strong> \u2013 uchwyt na drzwiczkach szuflady.<\/span><\/li>\n
- Mapping<\/strong> \u2013 brak<\/li>\n
- Informacja zwrotna<\/strong> \u2013 brak<\/li>\n
- Pude\u0142ko jest metalowe, wytrzyma d\u0142ugo, ale nie ma na nim informacji, co to jest, dobry dizajn<\/span><\/strong>
<\/b><\/li>\n- <\/li>\n<\/ol><\/div><\/div><\/div><\/div><\/div><\/div>
<\/span><\/div><\/figure><\/div><\/div><\/div><\/div><\/div><\/div><\/div>Afordancja nr 7<\/span><\/b><\/p>\n
<\/p>\n
- \n
- Afordancja<\/strong> – pochodzi z nabytej wiedzy. To metalowe pude\u0142ko mo\u017cna znale\u017a\u0107 na ulicach miasta.<\/span><\/li>\n
- Znaczniki<\/strong> \u2013 uchwyt na drzwiczkach szuflady.<\/span><\/li>\n
- Mapping<\/strong> \u2013 brak<\/li>\n
- Informacja zwrotna<\/strong> \u2013 brak<\/li>\n
- Pude\u0142ko jest metalowe, wytrzyma d\u0142ugo, ale nie ma na nim informacji, co to jest, dobry dizajn<\/span><\/strong>
<\/b><\/li>\n- <\/li>\n<\/ol><\/div><\/div><\/div><\/div><\/div><\/div>
<\/div><\/div><\/div><\/div><\/div><\/div><\/div>Afordancja nr 7<\/span><\/b><\/p>\n
<\/p>\n
- \n
- Afordancja<\/strong> – pochodzi z nabytej wiedzy. To metalowe pude\u0142ko mo\u017cna znale\u017a\u0107 na ulicach miasta.<\/span><\/li>\n
- Znaczniki<\/strong> \u2013 uchwyt na drzwiczkach szuflady.<\/span><\/li>\n
- Mapping<\/strong> \u2013 brak<\/li>\n
- Informacja zwrotna<\/strong> \u2013 brak<\/li>\n
- Pude\u0142ko jest metalowe, wytrzyma d\u0142ugo, ale nie ma na nim informacji, co to jest, dobry dizajn<\/span><\/strong>
<\/b><\/li>\n - Znaczniki<\/strong> \u2013 uchwyt na drzwiczkach szuflady.<\/span><\/li>\n
- Znaczniki<\/strong> \u2013 uchwyt na drzwiczkach szuflady.<\/span><\/li>\n
- Znaczniki<\/strong> \u2013 uchwyt na drzwiczkach szuflady.<\/span><\/li>\n
- Znaczniki<\/strong> \u2013 Jest napis \u201eDotknij\u201d, kt\u00f3ry m\u00f3wi, \u017ce musimy klikn\u0105\u0107 na ten obiekt. Jasne i proste ilustracje.<\/span><\/li>\n
- Znaczniki<\/strong> \u2013 s\u0105 naklejki z numerami pi\u0119ter, s\u0105 przyciski do otwierania i zamykania drzwi windy.<\/li>\n
- Afordancja<\/strong> – pochodzi z nabytej wiedzy. Winda cz\u0119sto spotykana w przestrzeni miejskiej<\/span><\/li>\n
- Problem<\/strong> – wi\u0119kszo\u015b\u0107 warzyw i owoc\u00f3w zawiera azotany, kt\u00f3re s\u0105 bardzo niebezpieczne dla naszego zdrowia<\/li>
- Scenariusz<\/strong> – stworzenie zrozumia\u0142ej i u\u017cytecznej broszury, kt\u00f3ra przyda si\u0119 wielu osobom monitoruj\u0105cym swoje od\u017cywianie.<\/li>
- Wyszukiwanie informacji<\/strong> ( w Internecie, w ksi\u0105\u017ckach i publikacjach naukowych)<\/li>
- Ilustracje<\/strong> (tworzenie ilustracji i infografik w programie Adobe Illustrator)<\/li>
- Co odr\u00f3\u017cnia mnie od innych projektant\u00f3w?
- Kt\u00f3re czynno\u015bci zwi\u0105zane z UX-em naprawd\u0119 lubi\u0119 robi\u0107?
![\"afordancja-1\"](\"https:\/\/lab-wp.vistula.edu.pl\/main\/wp-content\/uploads\/2022\/11\/afordancja-1.jpg\")
<\/span><\/div><\/figure><\/div><\/div><\/div>![\"afordancja](\"https:\/\/lab-wp.vistula.edu.pl\/main\/wp-content\/uploads\/2022\/09\/afordancja-5.jpg\")
<\/span><\/div><\/figure><\/div><\/div><\/div>![\"afordancja-6\"](\"https:\/\/lab-wp.vistula.edu.pl\/main\/wp-content\/uploads\/2022\/09\/afordancja-6.jpg\")
<\/span><\/div><\/figure><\/div><\/div><\/div>