https://mruczek.wiki/index.php?action=history&feed=atom&title=Zasady_projektowania_wed%C5%82ug_Normana 2026-06-04T02:18:36Z Historia wersji tej strony wiki MediaWiki 1.45.3 https://mruczek.wiki/index.php?title=Zasady_projektowania_wed%C5%82ug_Normana&diff=22145&oldid=prev 2022-02-18T20:40:54Z

<p></p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="pl"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← poprzednia wersja</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Wersja z 20:40, 18 lut 2022</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l23">Linia 23:</td> <td colspan="2" class="diff-lineno">Linia 23:</td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Np. E-booki na wirtualnych „półkach”.</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Np. E-booki na wirtualnych „półkach”.</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div> </div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">{{Navbox UX}}</ins></div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[[Kategoria:User Experience]]</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[[Kategoria:User Experience]]</div></td></tr> </table>

Kenex https://mruczek.wiki/index.php?title=Zasady_projektowania_wed%C5%82ug_Normana&diff=22126&oldid=prev 2022-02-07T22:57:06Z

<p>Utworzono nową stronę &quot;== 1. Afordancja == Możliwości działania, jakie dostrzega użytkownik. Przykładowo patrzysz na krzesło i wiesz, że możesz na nim usiąść. Od razu powinniśmy...&quot;</p> <p><b>Nowa strona</b></p><div>== 1. Afordancja ==<br /> Możliwości działania, jakie dostrzega użytkownik. <br /> <br /> Przykładowo patrzysz na krzesło i wiesz, że możesz na nim usiąść. Od razu powinniśmy wiedzieć, czy coś się do czegoś nadaje, czy nie.<br /> <br /> == 2. Oznaczenie ==<br /> Jakikolwiek bodziec (wizualny, dotykowy, dźwiękowy), który komunikuje możliwości działania.<br /> <br /> Np. znaki drogowe, przyciski z napisem albo ikoną, tabliczka na drzwiach “otwarte” itp.<br /> <br /> == 3. Mapowanie ==<br /> Budowanie relacji między elementami interfejsu.<br /> <br /> Przykładowo włącznik/wyłącznik światła na ścianie zapala/gasi lampę przymocowaną do sufitu. Użytkownik powinien łatwo dostrzegać i rozumieć takie relacje.<br /> <br /> == 4. Feedback ==<br /> Komunikowanie rezultatów podjętej akcji.<br /> <br /> Np. zapalanie guzika po przywołaniu windy. <br /> <br /> == 5. Modele konceptualne ==<br /> Odwoływanie się do znanego kontekstu.<br /> <br /> Np. E-booki na wirtualnych „półkach”.<br /> <br /> [[Kategoria:User Experience]]</div>

Kenex