{"id":5395,"date":"2021-03-20T13:27:25","date_gmt":"2021-03-20T12:27:25","guid":{"rendered":"http:\/\/www.zti.il.pw.edu.pl\/?p=5395"},"modified":"2021-03-23T09:16:35","modified_gmt":"2021-03-23T08:16:35","slug":"ux-czyli-user-experience","status":"publish","type":"post","link":"https:\/\/www.zti.il.pw.edu.pl\/?p=5395","title":{"rendered":"UX czyli User Experience"},"content":{"rendered":"\n

W moich zmaganiach nad wyposa\u017ceniem w responsywno\u015b\u0107 portali tworzonych r\u0119cznie dwadzie\u015bcia lat temu wspomaga\u0142 mnie dobrym s\u0142owem i rad\u0105 jeden z moich m\u0142odszych koleg\u00f3w. Termin m\u0142odszy kolega to ciekawa figura retoryczna w sytuacji, gdy jestem jednym z najstarszych pracownik\u00f3w… W ostatnim li\u015bcie m\u00f3j kolega (jak to si\u0119 m\u00f3wi – imi\u0119 i nazwisko do wiadomo\u015bci redakcji…) zainspirowa\u0142 mnie do napisania kilku s\u0142\u00f3w o moim stosunku do UX czyli User Experience<\/a><\/strong>. <\/p>\n\n\n\n

\"\"\/<\/figure>\n\n\n\n

Zaczn\u0119 od refleksji historycznej. Gdy prawie trzydzie\u015bci lat temu rze\u017abi\u0142em r\u0119cznie w HTML pierwsze strony i portale najwa\u017cniejsze by\u0142o, aby „to” dzia\u0142a\u0142o. Jak dzi\u015b patrz\u0119 na estetyk\u0119 stron i portali z lat dziewi\u0119\u0107dziesi\u0105tych to u\u015bmiecham si\u0119 z sympati\u0105 do \u015bwiadectwa tamtej epoki. Pierwsze strony by\u0142y najcz\u0119\u015bciej bardzo d\u0142ugie jak papierowa ksi\u0105\u017cka – nawigacj\u0119 umo\u017cliwia\u0142o co\u015b na kszta\u0142t menu na samym pocz\u0105tku. Dlatego te\u017c jak pod koniec lat dziewi\u0119\u0107dziesi\u0105tych „wymy\u015bli\u0142em” struktur\u0119 strony opart\u0105 na ramkach, w kt\u00f3rej to strukturze by\u0142o co\u015b na kszta\u0142t menu by\u0142em z tego dumny i blady. <\/p>\n\n\n\n

Ca\u0142o\u015b\u0107 ekranu by\u0142a podzielona na trzy cz\u0119\u015bci – ramki. G\u00f3rna ramka zawiera\u0142a „g\u0142\u00f3wne menu”. Poszczeg\u00f3lne pozycje tego menu rozwija\u0142y si\u0119 pionowo w ramce po lewej stronie – niestety nie bezpo\u015brednio pod pozycj\u0105 g\u0142\u00f3wnego menu jak w klasycznym drop-down-menu. Co zosta\u0142o rozwini\u0119te pokazywa\u0142 odpowiedni kolor pozycji g\u0142\u00f3wnego menu. Pozycje tego menu po lewej stronie otwiera\u0142y si\u0119 w g\u0142\u00f3wnym oknie. Ca\u0142o\u015b\u0107 czasami uzupe\u0142nia\u0142a stopka – ramka, kt\u00f3ra by\u0142a na dole. Korzystaj\u0105c z tego w\u0142asnego patentu opracowa\u0142em co najmniej trzy spore portale. W po\u0142owie pierwszej dekady XXI wieku sta\u0142em si\u0119 ju\u017c jednak bardziej nowoczesny – zacz\u0105\u0142em korzysta\u0107 z CMS czyli system\u00f3w Content Management System. <\/p>\n\n\n\n

Mam pe\u0142n\u0105 \u015bwiadomo\u015b\u0107, \u017ce o sukcesie portalu decyduje najcz\u0119\u015bciej to mityczne UX. Nie jestem mistrzem kulinarnym i bardzo cz\u0119sto zamiast do ksi\u0105\u017cki kucharskiej zagl\u0105dam do r\u00f3\u017cnych blog\u00f3w i portali kulinarnych. Co decyduje o wyborze \u017ar\u00f3d\u0142a informacji? Szata graficzna i \u0142atwo\u015b\u0107 nawigacji. Zawarto\u015b\u0107 merytoryczn\u0105 jestem w stanie oceni\u0107 dopiero na ko\u0144cu. W obszarze informacji bie\u017c\u0105cej i politycznej mam oczywi\u015bcie swoich faworyt\u00f3w a ich wyb\u00f3r jest merytoryczny. <\/p>\n\n\n\n

Doceniaj\u0105c rol\u0119 UX w sferze portali edukacyjnych nie przejmuj\u0119 si\u0119 zbytnio wygl\u0105dem wydzia\u0142owego Moodle. Stron\u0119 techniczn\u0105 i nawigacj\u0119 zapewniaj\u0105 tw\u00f3rcy systemu. Mnie si\u0119 ona od lat niezmiennie podoba. Zawarto\u015b\u0107 kurs\u00f3w zale\u017cy od ich tw\u00f3rc\u00f3w. Z podobnych za\u0142o\u017ce\u0144 wyszli chyba tw\u00f3rcy portalu uczelnianego. To nie jest konkurs pi\u0119kno\u015bci! Portal ma sprawnie dzia\u0142a\u0107 i mie\u0107 dobr\u0105 zawarto\u015b\u0107. Oczywi\u015bcie, gdybym tworzy\u0142 portal edukacyjny dla cel\u00f3w komercyjnych zacz\u0105\u0142bym do UX. <\/p>\n\n\n\n

Ka\u017cdy mo\u017ce por\u00f3wna\u0107 dwa portale: ePW i eWIL. Centralne kafelki to po prostu linki jak sprzed 30 lat tylko w formie graficznej. Wydzia\u0142owe kafelki to kafelki+. Prawie robi wielk\u0105 r\u00f3\u017cnic\u0119… Nowoczesne systemy i programy pomagaj\u0105 uzyska\u0107 wysokie UX. Trzydzie\u015bci lat temu jeszcze nie zna\u0142em Prawa Millera. G\u00f3rne menu mia\u0142o kilka pozycji, po rozwini\u0119ciu lewe kilkana\u015bcie. A cz\u0142owiek jest stanie odr\u00f3\u017cni\u0107 i zapami\u0119ta\u0107 7 +\/-2 element\u00f3w. St\u0105d dawno dawno temu archaiczne menu MS Office mia\u0142o fajn\u0105 cech\u0119. Najpierw rozwija\u0142o si\u0119 kilka najcz\u0119\u015bciej u\u017cywanych pozycji, potem ca\u0142o\u015b\u0107. PowerPoint sugeruje podczas wyliczania magiczn\u0105 si\u00f3demk\u0119. <\/p>\n\n\n\n

Mam pierwszy poziom umuzykalnienia. Wiem, kiedy graj\u0105 a kiedy jest cisza. Podobnie jest z grafik\u0105. Co\u015b mi si\u0119 podoba albo nie, wi\u0119c nie jestem totalnym betonem i dyletantem. Ale ma trudno\u015bci w graficznej kreatywno\u015bci. Takim jak ja PowerPoint pomaga w wywo\u0142aniu efektu Wow! Grafik\u0119 i podpis program sam tak komponuje, \u017ce a\u017c mi\u0142o. Czego to ludzie nie wymy\u015bl\u0105… <\/p>\n\n\n\n

Moje dokonania sprzed 20-30 lat s\u0105 dzi\u015b dost\u0119pne responsywnie na kom\u00f3rce, dzi\u0119ki prostej dosy\u0107 przer\u00f3bce starego pomys\u0142u. Znaczniki frameset i frame, kt\u00f3re s\u0105 niedost\u0119pne w HTML5 zast\u0105pi\u0142em iframe. Jeszcze gdzieniegdzie s\u0105 problemy z polskimi literkami, ale wszystko idzie ku dobremu. Oczywi\u015bcie nie upad\u0142em na g\u0142ow\u0119 i nie przebudowywa\u0142em struktury menu… Kolejne numery Informatora Edukacyjnego s\u0105 „sprytnie” podzielone na kwarta\u0142y. Sprytu zabrak\u0142o mi w Ann Arbor – prawie dwadzie\u015bcia zapisk\u00f3w z kolejnych tygodni pobytu jest w jednym worku i nie ukrywam trudno si\u0119 po takim cudzie techniki nawiguje. <\/p>\n\n\n\n

PS. Jako swoiste Post Scriptum dopisuj\u0119 dwie osobiste refleksje o charakterze historycznym. Jak przysta\u0142o na dziadka le\u015bnego s\u0105 one nieco typu a nie m\u00f3wi\u0142em…<\/p>\n\n\n\n

W 2008 wsp\u00f3\u0142tworzy\u0142em portal wydzia\u0142owy oparty na CMS Joomla. Znamienne, \u017ce „nowy portal” to dla kolejnych wciele\u0144 kolejnych w\u0142adc\u00f3w punkt honoru i twarde j\u0105dro „reform”. W pami\u0119tnym 2008 roku by\u0142em odpowiedzialny za stron\u0119 nie-techniczn\u0105. Zacz\u0105\u0142em od pr\u00f3by ustalenia, jakie informacje s\u0105 potrzebne na portalu zdaniem spo\u0142eczno\u015bci wydzia\u0142owej i jak te wiadomo\u015bci powinny zosta\u0107 skategoryzowane. Pami\u0119tam organizowa\u0142em spotkania, ankiety a na koniec zosta\u0142em z tym wszystkim sam. Oczywi\u015bcie zdaniem wi\u0119kszo\u015bci wszystko by\u0142o \u017ale i nie tak. C\u00f3\u017c, jako nar\u00f3d jeste\u015bmy zgodni je\u015bli chodzi o krytykowanie. Kolejna ods\u0142ona strony, kt\u00f3ra powsta\u0142a po 12 latach ma inny silnik, jest by\u0107 mo\u017ce \u0142adniejsza, ale czy to jest najwa\u017cniejsze? W\u0142a\u015bnie, co jest moim zdaniem najwa\u017cniejsze? Wa\u017cne jest to, gdzie co jest ale wa\u017cniejsze jest, aby informacja by\u0142a aktualna <\/strong>i pe\u0142na<\/strong>. Od p\u00f3\u0142 roku jestem profesorem uczelni i pe\u0142nomocnikiem ale strona o tym jeszcze nie wie, czyli jest aktualna inaczej. Nie ma \u017cadnych informacji o sylwetkach pracownik\u00f3w i ich dorobku, czyli jest pe\u0142na inaczej. Jest jeszcze jeden problem jak skup butelek nierozwi\u0105zywalny od lat. Informacja o konsultacjach…<\/a><\/strong> Tak, ten link pokazuje, jak to sobie wyobra\u017ca centralna centralka. Kto\u015b powie \u017cenada. Tak, ale ja mam na pi\u015bmie \u017ce zdaniem centralki tak ma by\u0107 i trwa\u0107, trwa ma\u0107! <\/p>\n\n\n\n

Drugie „studium przypadku” dotyczy portalu edukacyjnego, kt\u00f3ry powstawa\u0142 rok p\u00f3\u017aniej w 2009. Z wieloma osobami na wielu raczej nieformalnych spotkaniach dyskutowa\u0142em dwie fundamentalne kwestie: struktur\u0119 kurs\u00f3w i kursu<\/strong>. T\u0119 pierwsz\u0105 narzuci\u0142em po namy\u015ble jako administrator portalu przede wszystkim na podstawie „negatywnych obserwacji”. Na portalach, gdzie by\u0142a struktura Instytuty | Zak\u0142ady | Osoby najcz\u0119\u015bciej panowa\u0142 chaos (a tak\u017ce patos i parali\u017c). W tej strukturze Osoby mog\u0142y zak\u0142ada\u0107 samodzielnie kursy i oczywi\u015bcie zak\u0142ada\u0142y, co nie wygl\u0105da estetycznie na portalu. Problem z zespo\u0142ami w Teams ma podobn\u0105 natur\u0119, cho\u0107 bardziej istotny jest jego aspekt techniczny. Bo chaos widzi tylko prowadz\u0105cy czasami studenci. Opracowa\u0142em tak\u017ce wzorcow\u0105 struktur\u0119 kursu, co\u015b na kszta\u0142t szablonu, tak aby dla student\u00f3w ka\u017cdy kurs wygl\u0105da\u0142 podobnie. No i zacz\u0119\u0142o si\u0119… \u015bwi\u0119te oburzenie, \u017ce jestem zamordyst\u0105, \u017ce nie mam prawa niczego nikomu narzeka\u0107. Poniewa\u017c w\u0142adcy jak Pi\u0142at umyli r\u0119ce jest tak jak jest – ka\u017cdy robi jak chce, ale to jakby ju\u017c nie jest m\u00f3j problem. Portal oczywi\u015bcie dzia\u0142a, ale studenci narzekaj\u0105, \u017ce trudno jest si\u0119 im we wszystkim po\u0142apa\u0107, bo ka\u017cdy przedmiot wygl\u0105da inaczej. <\/p>\n\n\n\n

W jednym z odcink\u00f3w serialu Camera Cafe (czy kto\u015b to jeszcze pami\u0119ta?) jedna z bohaterek m\u00f3wi, gdy maszyna nie serwuje kawy historyczne s\u0142owa – wsadu nie ma<\/strong>. Nie neguj\u0119 UX – to na etapie tworzenia portalu jest rzecz najwa\u017cniejsza. Ale jeszcze wa\u017cniejsza na etapie eksploatacji jest zawarto\u015b\u0107, czyli aktualno\u015b\u0107 tego mitycznego wsadu. <\/p>\n

<\/div>","protected":false},"excerpt":{"rendered":"

W moich zmaganiach nad wyposa\u017ceniem w responsywno\u015b\u0107 portali tworzonych r\u0119cznie dwadzie\u015bcia lat temu wspomaga\u0142 mnie dobrym s\u0142owem i rad\u0105 jeden z moich m\u0142odszych koleg\u00f3w. Termin m\u0142odszy kolega to ciekawa figura retoryczna w sytuacji, gdy jestem jednym z najstarszych pracownik\u00f3w… W ostatnim li\u015bcie m\u00f3j kolega (jak to si\u0119 m\u00f3wi – imi\u0119 i nazwisko do wiadomo\u015bci redakcji…) … <\/p>\n

Czytaj dalej \u201eUX czyli User Experience\u201d<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-5395","post","type-post","status-publish","format-standard","hentry","category-bez-kategorii"],"_links":{"self":[{"href":"https:\/\/www.zti.il.pw.edu.pl\/index.php?rest_route=\/wp\/v2\/posts\/5395","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.zti.il.pw.edu.pl\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.zti.il.pw.edu.pl\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.zti.il.pw.edu.pl\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.zti.il.pw.edu.pl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=5395"}],"version-history":[{"count":3,"href":"https:\/\/www.zti.il.pw.edu.pl\/index.php?rest_route=\/wp\/v2\/posts\/5395\/revisions"}],"predecessor-version":[{"id":5408,"href":"https:\/\/www.zti.il.pw.edu.pl\/index.php?rest_route=\/wp\/v2\/posts\/5395\/revisions\/5408"}],"wp:attachment":[{"href":"https:\/\/www.zti.il.pw.edu.pl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=5395"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.zti.il.pw.edu.pl\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=5395"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.zti.il.pw.edu.pl\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=5395"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}