https://wikisofia.cz/w/index.php?title=HCI&feed=atom&action=history
HCI - Historie editací
2024-03-28T13:32:48Z
Historie editací této stránky
MediaWiki 1.33.0
https://wikisofia.cz/w/index.php?title=HCI&diff=67029&oldid=prev
Anna.Dousova v 20. 9. 2021, 11:33
2021-09-20T11:33:41Z
<p></p>
<table class="diff diff-contentalign-left" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="cs">
<td colspan="2" style="background-color: #fff; color: #222; text-align: center;">← Starší verze</td>
<td colspan="2" style="background-color: #fff; color: #222; text-align: center;">Verze z 20. 9. 2021, 11:33</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l38" >Řádek 38:</td>
<td colspan="2" class="diff-lineno">Řádek 38:</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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>==Přístupnost==</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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>==Přístupnost==</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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;"></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #222; 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>[Přístupnost webu|Přístupnost]]''Web accessibility'') je stav, kdy určitá webová stránka, uživatelské rozhraní, systém, aplikace neklade při užívaní svým uživatelů žádné překážky. Z pohledu HCI se jedná o zajištění vhodných podmínek pro zpracování informací v lidské mysli. </div></td><td class='diff-marker'>+</td><td style="color: #222; 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 class="diffchange diffchange-inline">[</ins>[Přístupnost webu|Přístupnost]] <ins class="diffchange diffchange-inline">(</ins>''Web accessibility'') je stav, kdy určitá webová stránka, uživatelské rozhraní, systém, aplikace neklade při užívaní svým uživatelů žádné překážky. Z pohledu HCI se jedná o zajištění vhodných podmínek pro zpracování informací v lidské mysli. </div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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>S přístupností webu úzce souvisí práce se znevýhodněnými uživateli. Ty je možné rozčlenit podle druhu znevýhodnění, avšak je nutno neopomenout, že jedinec může trpět vyšším počtem znevýhodnění najednou. </div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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>S přístupností webu úzce souvisí práce se znevýhodněnými uživateli. Ty je možné rozčlenit podle druhu znevýhodnění, avšak je nutno neopomenout, že jedinec může trpět vyšším počtem znevýhodnění najednou. </div></td></tr>
</table>
Anna.Dousova
https://wikisofia.cz/w/index.php?title=HCI&diff=66731&oldid=prev
Anna.Dousova v 18. 8. 2021, 06:45
2021-08-18T06:45:31Z
<p></p>
<table class="diff diff-contentalign-left" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="cs">
<td colspan="2" style="background-color: #fff; color: #222; text-align: center;">← Starší verze</td>
<td colspan="2" style="background-color: #fff; color: #222; text-align: center;">Verze z 18. 8. 2021, 06:45</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l142" >Řádek 142:</td>
<td colspan="2" class="diff-lineno">Řádek 142:</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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>[[Definice a charakteristika HCI, vysvětlení základní terminologie|Definice HCI]]<br /></div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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>[[Definice a charakteristika HCI, vysvětlení základní terminologie|Definice HCI]]<br /></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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>[[Vysvětlete termín HCI, popište, čím se tento obor zabývá, a uveďte, jak se uplatňuje v oblasti informačních a komunikační technologií|Vysvětlete termín HCI]]<br /></div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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>[[Vysvětlete termín HCI, popište, čím se tento obor zabývá, a uveďte, jak se uplatňuje v oblasti informačních a komunikační technologií|Vysvětlete termín HCI]]<br /></div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #222; 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>[[User Experience]]</div></td><td class='diff-marker'>+</td><td style="color: #222; 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>[[User Experience]]<ins class="diffchange diffchange-inline"><br /></ins></div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #222; 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>[[Principy interakčního designu]]</div></td><td class='diff-marker'>+</td><td style="color: #222; 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>[[Principy interakčního designu]]<ins class="diffchange diffchange-inline"><br /></ins></div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #222; 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>[[Návrh uživatelského rozhraní]]</div></td><td class='diff-marker'>+</td><td style="color: #222; 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>[[Návrh uživatelského rozhraní]]<ins class="diffchange diffchange-inline"><br /></ins></div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #222; 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>[[Typy uživatelských rozhraní a jejich specifika]]</div></td><td class='diff-marker'>+</td><td style="color: #222; 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>[[Typy uživatelských rozhraní a jejich specifika]]<ins class="diffchange diffchange-inline"><br /></ins></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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>===Klíčová slova===</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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>===Klíčová slova===</div></td></tr>
</table>
Anna.Dousova
https://wikisofia.cz/w/index.php?title=HCI&diff=66730&oldid=prev
Anna.Dousova v 18. 8. 2021, 06:45
2021-08-18T06:45:10Z
<p></p>
<table class="diff diff-contentalign-left" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="cs">
<td colspan="2" style="background-color: #fff; color: #222; text-align: center;">← Starší verze</td>
<td colspan="2" style="background-color: #fff; color: #222; text-align: center;">Verze z 18. 8. 2021, 06:45</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l141" >Řádek 141:</td>
<td colspan="2" class="diff-lineno">Řádek 141:</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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>[[Použitelnost webu]]</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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>[[Použitelnost webu]]</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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>[[Definice a charakteristika HCI, vysvětlení základní terminologie|Definice HCI]]<br /></div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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>[[Definice a charakteristika HCI, vysvětlení základní terminologie|Definice HCI]]<br /></div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #222; 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>[[Vysvětlete termín HCI, popište, čím se tento obor zabývá, a uveďte, jak se uplatňuje v oblasti informačních a komunikační technologií|Vysvětlete termín HCI]]</div></td><td class='diff-marker'>+</td><td style="color: #222; 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>[[Vysvětlete termín HCI, popište, čím se tento obor zabývá, a uveďte, jak se uplatňuje v oblasti informačních a komunikační technologií|Vysvětlete termín HCI]]<ins class="diffchange diffchange-inline"><br /></ins></div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #222; 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 colspan="2"> </td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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>[[User Experience]]</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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>[[User Experience]]</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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>[[Principy interakčního designu]]</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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>[[Principy interakčního designu]]</div></td></tr>
</table>
Anna.Dousova
https://wikisofia.cz/w/index.php?title=HCI&diff=66729&oldid=prev
Anna.Dousova v 18. 8. 2021, 06:44
2021-08-18T06:44:44Z
<p></p>
<table class="diff diff-contentalign-left" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="cs">
<td colspan="2" style="background-color: #fff; color: #222; text-align: center;">← Starší verze</td>
<td colspan="2" style="background-color: #fff; color: #222; text-align: center;">Verze z 18. 8. 2021, 06:44</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l142" >Řádek 142:</td>
<td colspan="2" class="diff-lineno">Řádek 142:</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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>[[Definice a charakteristika HCI, vysvětlení základní terminologie|Definice HCI]]<br /></div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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>[[Definice a charakteristika HCI, vysvětlení základní terminologie|Definice HCI]]<br /></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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>[[Vysvětlete termín HCI, popište, čím se tento obor zabývá, a uveďte, jak se uplatňuje v oblasti informačních a komunikační technologií|Vysvětlete termín HCI]]</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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>[[Vysvětlete termín HCI, popište, čím se tento obor zabývá, a uveďte, jak se uplatňuje v oblasti informačních a komunikační technologií|Vysvětlete termín HCI]]</div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #222; 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;"></ins></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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>[[User Experience]]</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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>[[User Experience]]</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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>[[Principy interakčního designu]]</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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>[[Principy interakčního designu]]</div></td></tr>
</table>
Anna.Dousova
https://wikisofia.cz/w/index.php?title=HCI&diff=66728&oldid=prev
Anna.Dousova v 18. 8. 2021, 06:44
2021-08-18T06:44:22Z
<p></p>
<table class="diff diff-contentalign-left" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="cs">
<td colspan="2" style="background-color: #fff; color: #222; text-align: center;">← Starší verze</td>
<td colspan="2" style="background-color: #fff; color: #222; text-align: center;">Verze z 18. 8. 2021, 06:44</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l141" >Řádek 141:</td>
<td colspan="2" class="diff-lineno">Řádek 141:</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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>[[Použitelnost webu]]</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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>[[Použitelnost webu]]</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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>[[Definice a charakteristika HCI, vysvětlení základní terminologie|Definice HCI]]<br /></div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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>[[Definice a charakteristika HCI, vysvětlení základní terminologie|Definice HCI]]<br /></div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #222; 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>[[Vysvětlete termín HCI, popište, čím se tento obor zabývá, a uveďte, jak se uplatňuje v oblasti informačních a komunikační technologií]]</div></td><td class='diff-marker'>+</td><td style="color: #222; 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>[[Vysvětlete termín HCI, popište, čím se tento obor zabývá, a uveďte, jak se uplatňuje v oblasti informačních a komunikační technologií<ins class="diffchange diffchange-inline">|Vysvětlete termín HCI</ins>]]</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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>[[User Experience]]</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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>[[User Experience]]</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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>[[Principy interakčního designu]]</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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>[[Principy interakčního designu]]</div></td></tr>
</table>
Anna.Dousova
https://wikisofia.cz/w/index.php?title=HCI&diff=66727&oldid=prev
Anna.Dousova v 18. 8. 2021, 06:43
2021-08-18T06:43:45Z
<p></p>
<table class="diff diff-contentalign-left" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="cs">
<td colspan="2" style="background-color: #fff; color: #222; text-align: center;">← Starší verze</td>
<td colspan="2" style="background-color: #fff; color: #222; text-align: center;">Verze z 18. 8. 2021, 06:43</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l141" >Řádek 141:</td>
<td colspan="2" class="diff-lineno">Řádek 141:</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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>[[Použitelnost webu]]</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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>[[Použitelnost webu]]</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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>[[Definice a charakteristika HCI, vysvětlení základní terminologie|Definice HCI]]<br /></div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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>[[Definice a charakteristika HCI, vysvětlení základní terminologie|Definice HCI]]<br /></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #222; 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;">[[Vysvětlete termín HCI, popište, čím se tento obor zabývá, a uveďte, jak se uplatňuje v oblasti informačních a komunikační technologií]]</ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #222; 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;">[[User Experience]]</ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #222; 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;">[[Principy interakčního designu]]</ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #222; 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;">[[Návrh uživatelského rozhraní]]</ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #222; 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;">[[Typy uživatelských rozhraní a jejich specifika]]</ins></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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>===Klíčová slova===</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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>===Klíčová slova===</div></td></tr>
</table>
Anna.Dousova
https://wikisofia.cz/w/index.php?title=HCI&diff=66724&oldid=prev
Anna.Dousova v 18. 8. 2021, 06:40
2021-08-18T06:40:38Z
<p></p>
<table class="diff diff-contentalign-left" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="cs">
<td colspan="2" style="background-color: #fff; color: #222; text-align: center;">← Starší verze</td>
<td colspan="2" style="background-color: #fff; color: #222; text-align: center;">Verze z 18. 8. 2021, 06:40</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l47" >Řádek 47:</td>
<td colspan="2" class="diff-lineno">Řádek 47:</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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>*'''Dočasně znevýhodnění uživatelé''' - Do této kategorie se řadí uživatele, kteří prodělali úraz nebo pracují v nevyhovujícím prostředí a podobně. </div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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>*'''Dočasně znevýhodnění uživatelé''' - Do této kategorie se řadí uživatele, kteří prodělali úraz nebo pracují v nevyhovujícím prostředí a podobně. </div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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;"></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #222; 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>==<del class="diffchange diffchange-inline">Použitelnost - Marie Hálová|</del>Použitelnost==</div></td><td class='diff-marker'>+</td><td style="color: #222; 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>==Použitelnost==</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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>[[Použitelnost - Marie Hálová|Použitelnost]] (''Web usability'') značí míru jednoduchosti/složitosti interakce s počítačovým softwarem. Interakce s uživatelským rozhraním by tak měla jednoduchá a responzivní k daným podnětům, bez složitého přemýšlení a využití profesionálních technik. </div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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>[[Použitelnost - Marie Hálová|Použitelnost]] (''Web usability'') značí míru jednoduchosti/složitosti interakce s počítačovým softwarem. Interakce s uživatelským rozhraním by tak měla jednoduchá a responzivní k daným podnětům, bez složitého přemýšlení a využití profesionálních technik. </div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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;"></td></tr>
<tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l58" >Řádek 58:</td>
<td colspan="2" class="diff-lineno">Řádek 58:</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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>Špatná použitelnost:</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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>Špatná použitelnost:</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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>V případě že je software shledat jako špatně použitelný způsobuje tedy nižší spokojenost uživatelů a tudíž snižuje i jeho popularitu. Dále je náročný na čas a finanční prostředky, protože uživatel za daný čas stihne udělat méně práce. Problémy v použitelnosti programů jsou často zapříčiněny faktem, že v mnoha případech se na tvorbě celého programu (analýza, návrh, programování, uživatelské rozhraní...) podílí pouze jeden jediný člověk. </div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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>V případě že je software shledat jako špatně použitelný způsobuje tedy nižší spokojenost uživatelů a tudíž snižuje i jeho popularitu. Dále je náročný na čas a finanční prostředky, protože uživatel za daný čas stihne udělat méně práce. Problémy v použitelnosti programů jsou často zapříčiněny faktem, že v mnoha případech se na tvorbě celého programu (analýza, návrh, programování, uživatelské rozhraní...) podílí pouze jeden jediný člověk. </div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #222; 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>Uživatelské rozhraní tedy často nenavrhuje odborník, ale programátor a ten má přirozený sklon posuzovat schopnosti uživatele jako své vlastní. Řešením tohoto problému je testování použitelnosti.''</div></td><td class='diff-marker'>+</td><td style="color: #222; 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>Uživatelské rozhraní tedy často nenavrhuje odborník, ale programátor a ten má přirozený sklon posuzovat schopnosti uživatele jako své vlastní. Řešením tohoto problému je <ins class="diffchange diffchange-inline">[[Testování použitelnosti|</ins>testování použitelnosti<ins class="diffchange diffchange-inline">]]</ins>.''</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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>====Testování použitelnosti====</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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>====Testování použitelnosti====</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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;"></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #222; 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>Cílem testování použitelnosti je odhalení chyb v návrhu uživatelského rozhraní a celkové zlepšení jeho použitelnosti. <del class="diffchange diffchange-inline">Základní </del>schématem testování je, že uživatel dostane úkoly, které musí v daném uživatelském rozhraní splnit a je při tom pozorován.</div></td><td class='diff-marker'>+</td><td style="color: #222; 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>Cílem testování použitelnosti je odhalení chyb v návrhu uživatelského rozhraní a celkové zlepšení jeho použitelnosti. <ins class="diffchange diffchange-inline">Základním </ins>schématem testování je, že uživatel dostane úkoly, které musí v daném uživatelském rozhraní splnit a je při tom pozorován.</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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>{| class="wikitable"</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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>{| class="wikitable"</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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>|-</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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>|-</div></td></tr>
<tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l84" >Řádek 84:</td>
<td colspan="2" class="diff-lineno">Řádek 84:</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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>== Související termíny ==</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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>== Související termíny ==</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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;"></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #222; 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>'''User-centred design (UCD):''' označení pro designovou filozofii, která do popředí jakýchkoli návrhů klade uživatele, jehož potřeby, požadavky a limitace. Ty jsou pečlivě zvažovány v každé části návrhu interakčního rozhraní. Jedná se o mnohostupňový proces, který vyžaduje po designérech analyzování a předvídání uživatelského chování v dané aplikaci, ale také neustálé <del class="diffchange diffchange-inline">tesotvání </del>validity jejich předpokladů v reálném světě s reálnými uživateli.</div></td><td class='diff-marker'>+</td><td style="color: #222; 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>'''User-centred design (UCD):''' označení pro designovou filozofii, která do popředí jakýchkoli návrhů klade uživatele, jehož potřeby, požadavky a limitace. Ty jsou pečlivě zvažovány v každé části návrhu interakčního rozhraní. Jedná se o mnohostupňový proces, který vyžaduje po designérech analyzování a předvídání uživatelského chování v dané aplikaci, ale také neustálé <ins class="diffchange diffchange-inline">testování </ins>validity jejich předpokladů v reálném světě s reálnými uživateli.</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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>'''Activity-centered design (ACD): '''označení pro vývoj, kdy je kladen hlavní důraz na aktivity.</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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>'''Activity-centered design (ACD): '''označení pro vývoj, kdy je kladen hlavní důraz na aktivity.</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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;"></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #222; 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>'''Scenario-based design (SBD):''' označení pro vývoj, který je založený na <del class="diffchange diffchange-inline">scénáře</del>.</div></td><td class='diff-marker'>+</td><td style="color: #222; 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>'''Scenario-based design (SBD):''' označení pro vývoj, který je založený na <ins class="diffchange diffchange-inline">scénáři</ins>.</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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>'''Usage-centered design: '''označení pro vývoj zaměřený na používání.</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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>'''Usage-centered design: '''označení pro vývoj zaměřený na používání.</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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;"></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #222; 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>'''Human Robot Interaction (HRI): '''věda zabývající se interakcí mezi lidmi a roboty. Základy má I v HCI, AI, robotice, porozumění nativním jazykům či sociálních studií. Tento obor byl diskutován již dávno před tím než byl vůbec nějaký robot sestrojen, a to jak na akademické půdě tak v science fiction. Isaac Asimov v roce 1941 sepsal novelu ''Já, robot'', kde stanovil tři zákony robotiky: </div></td><td class='diff-marker'>+</td><td style="color: #222; 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>'''Human Robot Interaction (HRI): '''věda zabývající se interakcí mezi lidmi a roboty. Základy má I v HCI, AI, robotice, porozumění nativním jazykům či sociálních studií. Tento obor byl diskutován již dávno před tím<ins class="diffchange diffchange-inline">, </ins>než byl vůbec nějaký robot sestrojen, a to jak na akademické půdě tak v science fiction. Isaac Asimov v roce 1941 sepsal novelu ''Já, robot'', kde stanovil tři zákony robotiky: </div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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;"></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #222; 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>*Robot nesmí ublížit člověku, <del class="diffchange diffchange-inline">ani dovolit </del>aby <del class="diffchange diffchange-inline">mu </del>bylo ublíženo. </div></td><td class='diff-marker'>+</td><td style="color: #222; 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>*Robot nesmí ublížit člověku <ins class="diffchange diffchange-inline">nebo svou nečinností dopustit</ins>, aby bylo <ins class="diffchange diffchange-inline">člověku </ins>ublíženo.</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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;"></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #222; 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>*Robot musí poslouchat příkazy od člověka pokud nejsou v rozporu s prvním zákonem. </div></td><td class='diff-marker'>+</td><td style="color: #222; 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>*Robot musí poslouchat příkazy od člověka<ins class="diffchange diffchange-inline">, </ins>pokud nejsou v rozporu s prvním zákonem. </div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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> </div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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> </div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #222; 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>*Robot musí chránit svou existence pokud to není v rozporu s prvním či druhým zákonem. </div></td><td class='diff-marker'>+</td><td style="color: #222; 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>*Robot musí chránit svou existence<ins class="diffchange diffchange-inline">, </ins>pokud to není v rozporu s prvním či druhým zákonem. </div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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>'''Brain Computer Interaction (BCI): '''přímá komunikační linka mezi mozkem a externím zařízením. HCI je často zaměřeno na úpravu či opravu lidské kognitivních či smyslových funkcí. Tento obor se zaměřuje například na obnovu poškozeného sluchu, zraku či pohybu. </div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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>'''Brain Computer Interaction (BCI): '''přímá komunikační linka mezi mozkem a externím zařízením. HCI je často zaměřeno na úpravu či opravu lidské kognitivních či smyslových funkcí. Tento obor se zaměřuje například na obnovu poškozeného sluchu, zraku či pohybu. </div></td></tr>
</table>
Anna.Dousova
https://wikisofia.cz/w/index.php?title=HCI&diff=66723&oldid=prev
Anna.Dousova v 18. 8. 2021, 06:37
2021-08-18T06:37:39Z
<p></p>
<table class="diff diff-contentalign-left" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="cs">
<td colspan="2" style="background-color: #fff; color: #222; text-align: center;">← Starší verze</td>
<td colspan="2" style="background-color: #fff; color: #222; text-align: center;">Verze z 18. 8. 2021, 06:37</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l23" >Řádek 23:</td>
<td colspan="2" class="diff-lineno">Řádek 23:</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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>Uživatelské rozhraní (''user interface'') je prostředek pro komunikaci mezi člověkem a informačním systémem. Tato [[komunikace]] se neodehrává v reálném čase a prostoru, tudíž je komunikace prostřednictvím uživatelského rozhraní snadněji naráží na [[informační bariery]] a [[šum]]y. Proto je nutné, aby se tato komunikace zaměřovala především na [[Uživatelské potřeby, zjišťování a dokumentování uživatelských potřeb(User analysis)/old|potřeby uživatelů]] a reagovala na vývoj v oblasti IT. Hlavním kritériem kvalitního uživatelského rozhraní je tzv. „User-Friendly Interface“ (uživatelsky přívětivé rozhraní). Kvalitu určují tato kritéria: přehlednost, srozumitelnost, interaktivita, průhlednost, potřeby uživatelů, [[Empatie|empatie]], standardizace, pomoc a ochrana.</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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>Uživatelské rozhraní (''user interface'') je prostředek pro komunikaci mezi člověkem a informačním systémem. Tato [[komunikace]] se neodehrává v reálném čase a prostoru, tudíž je komunikace prostřednictvím uživatelského rozhraní snadněji naráží na [[informační bariery]] a [[šum]]y. Proto je nutné, aby se tato komunikace zaměřovala především na [[Uživatelské potřeby, zjišťování a dokumentování uživatelských potřeb(User analysis)/old|potřeby uživatelů]] a reagovala na vývoj v oblasti IT. Hlavním kritériem kvalitního uživatelského rozhraní je tzv. „User-Friendly Interface“ (uživatelsky přívětivé rozhraní). Kvalitu určují tato kritéria: přehlednost, srozumitelnost, interaktivita, průhlednost, potřeby uživatelů, [[Empatie|empatie]], standardizace, pomoc a ochrana.</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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;"></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #222; 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>'''Typy uživatelských rozhraní''':</div></td><td class='diff-marker'>+</td><td style="color: #222; 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 class="diffchange diffchange-inline">[[</ins>Typy uživatelských rozhraní <ins class="diffchange diffchange-inline">a jejich specifika|Typy uživatelských rozhraní ]]</ins>''':</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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>*'''Textové uživatelské rozhraní''' (''CUI-Command User Interface'') - Jedná se o starší typ rozhraní. Ke komunikaci dochází pomocí příkazového řádku. Využívá se v systémech určených pro [[expertní uživatele]].</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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>*'''Textové uživatelské rozhraní''' (''CUI-Command User Interface'') - Jedná se o starší typ rozhraní. Ke komunikaci dochází pomocí příkazového řádku. Využívá se v systémech určených pro [[expertní uživatele]].</div></td></tr>
<tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l31" >Řádek 31:</td>
<td colspan="2" class="diff-lineno">Řádek 31:</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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>*'''Hlasové uživatelské rozhraní''' (''VUI-Voice User Interface'') - Ovládá systém pomocí přirozeného jazyka uživatele. Systém identifikuje hlasové výstupy na základě předem definované báze znalostí systému. Hlas může být rozpoznán prostřednictvím videa podle pohybů rtů, jazyka, zubů a obličejových svalů uživatele.</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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>*'''Hlasové uživatelské rozhraní''' (''VUI-Voice User Interface'') - Ovládá systém pomocí přirozeného jazyka uživatele. Systém identifikuje hlasové výstupy na základě předem definované báze znalostí systému. Hlas může být rozpoznán prostřednictvím videa podle pohybů rtů, jazyka, zubů a obličejových svalů uživatele.</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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;"></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #222; 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>*'''Multimodální uživatelské rozhraní''' (''MUI-Multimodal User Interface'') - Kombinuje více typů rozhraní. Toto rozhraní používají uživatelé s různým znevýhodněním, kteří potřebují speciální vstupní zařízení nebo výstupní informace transformované v jiné formě.<ref name= "fojtů">ANDREA FOJTŮ, Lenka Němečková. <i>HCI v kontextu informační vědy: postup návrhu uživatelských rozhraní</i>. Praha, 2011. Dostupné také z: https://sites.ff.cuni.cz/uisk/wp-content/uploads/sites/62/2016/01/HCI-v-kontextu-informační-vědy-postup-návrhu-uživatelských-rozhraní_Fojtů.pdf</ref></div></td><td class='diff-marker'>+</td><td style="color: #222; 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>*'''Multimodální uživatelské rozhraní''' (''MUI-Multimodal User Interface'') - Kombinuje více typů rozhraní. Toto rozhraní používají uživatelé s různým znevýhodněním, kteří potřebují speciální vstupní zařízení nebo výstupní informace <ins class="diffchange diffchange-inline">[[Informace|informace ]] </ins>transformované v jiné formě.<ref name= "fojtů">ANDREA FOJTŮ, Lenka Němečková. <i>HCI v kontextu informační vědy: postup návrhu uživatelských rozhraní</i>. Praha, 2011. Dostupné také z: https://sites.ff.cuni.cz/uisk/wp-content/uploads/sites/62/2016/01/HCI-v-kontextu-informační-vědy-postup-návrhu-uživatelských-rozhraní_Fojtů.pdf</ref></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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>==Informační architektura==</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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>==Informační architektura==</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #222; 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>Tento termín byl poprvé použit [[Richard Saul Wurman|Richardem Saulem Wurmanam]] již v roce 1976. I když je začátek této vědní disciplíny datován až od počátku 21. století nejedná se o architekturu v pravém slova smyslu. Jde o naprosto nový obor v oblasti web designu, který se především soustředí na strukturu webových stránek. Hlavním cílem je vytvoření (postavení) webových stránek, tak aby se dali používat co nejsnadněji. Přehlednosti lze dosáhnout pomocí klasifikování a organizování obsahu webových stránek tak, aby uživatelé nalezli požadované informace snadno a rychle. Hlavní snahou informačních architektů je tedy vytvářet webové stránky, které budou intuitivní a přátelské k uživatelům daného systému. Mezi základními prvky IA patří navigační a vyhledávací systém, organizační systém a systém popisu.<ref><i>DVOŘÁKOVÁ Lucie, Informační architektura | Inflow</i> [online]. 2010 [cit. 2018-5-30].ISSN 1802–9736. Dostupné z: http://www.inflow.cz/informacni-architektura</ref></div></td><td class='diff-marker'>+</td><td style="color: #222; 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>Tento termín byl poprvé použit [[Richard Saul Wurman|Richardem Saulem Wurmanam]] již v roce 1976. I když je začátek této vědní disciplíny datován až od počátku 21. století nejedná se o architekturu v pravém slova smyslu. Jde o naprosto nový obor v oblasti web designu, který se především soustředí na strukturu <ins class="diffchange diffchange-inline">[[Webová stránka|</ins>webových stránek<ins class="diffchange diffchange-inline">]]</ins>. Hlavním cílem je vytvoření (postavení) webových stránek, tak aby se dali používat co nejsnadněji. Přehlednosti lze dosáhnout pomocí klasifikování a organizování obsahu webových stránek tak, aby uživatelé nalezli požadované informace snadno a rychle. Hlavní snahou informačních architektů je tedy vytvářet webové stránky, které budou intuitivní a přátelské k uživatelům daného systému. Mezi základními prvky IA patří navigační a vyhledávací systém, organizační systém a systém popisu.<ref><i>DVOŘÁKOVÁ Lucie, Informační architektura | Inflow</i> [online]. 2010 [cit. 2018-5-30].ISSN 1802–9736. Dostupné z: http://www.inflow.cz/informacni-architektura</ref></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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>==Přístupnost==</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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>==Přístupnost==</div></td></tr>
<tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l40" >Řádek 40:</td>
<td colspan="2" class="diff-lineno">Řádek 40:</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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>[Přístupnost webu|Přístupnost]]''Web accessibility'') je stav, kdy určitá webová stránka, uživatelské rozhraní, systém, aplikace neklade při užívaní svým uživatelů žádné překážky. Z pohledu HCI se jedná o zajištění vhodných podmínek pro zpracování informací v lidské mysli. </div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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>[Přístupnost webu|Přístupnost]]''Web accessibility'') je stav, kdy určitá webová stránka, uživatelské rozhraní, systém, aplikace neklade při užívaní svým uživatelů žádné překážky. Z pohledu HCI se jedná o zajištění vhodných podmínek pro zpracování informací v lidské mysli. </div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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;"></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #222; 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>S přístupností webu úzce souvisí práce <del class="diffchange diffchange-inline">s </del>znevýhodněnými uživateli. Ty je možné rozčlenit podle druhu znevýhodnění, avšak je nutno neopomenout, že jedinec může trpět vyšším počtem znevýhodnění najednou. </div></td><td class='diff-marker'>+</td><td style="color: #222; 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>S přístupností webu úzce souvisí práce <ins class="diffchange diffchange-inline">se </ins>znevýhodněnými uživateli. Ty je možné rozčlenit podle druhu znevýhodnění, avšak je nutno neopomenout, že jedinec může trpět vyšším počtem znevýhodnění najednou. </div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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>Mezi znevýhodněné patří: </div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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>Mezi znevýhodněné patří: </div></td></tr>
<tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l52" >Řádek 52:</td>
<td colspan="2" class="diff-lineno">Řádek 52:</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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><b>Parametry použitelnosti:</b></div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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><b>Parametry použitelnosti:</b></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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>* Efektivnost (Effectiveness) - Práce se softwarem by měla být s menším počtem chyb a efektivní. Důležité je zjistit, jak rychle zvládá uživatel dané procesy a jak efektivně. </div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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>* Efektivnost (Effectiveness) - Práce se softwarem by měla být s menším počtem chyb a efektivní. Důležité je zjistit, jak rychle zvládá uživatel dané procesy a jak efektivně. </div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #222; 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>* Naučitelnost (Learnability) - Doba, za kterou se uživatel naučí s programem pracovat a za kterou <del class="diffchange diffchange-inline">praci </del>s programem zapomene. </div></td><td class='diff-marker'>+</td><td style="color: #222; 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>* Naučitelnost (Learnability) - Doba, za kterou se uživatel naučí s programem pracovat a za kterou <ins class="diffchange diffchange-inline">práci </ins>s programem zapomene. </div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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>* Flexibilita (Flexibility) - Míra přizpůsobení programu uživateli. </div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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>* Flexibilita (Flexibility) - Míra přizpůsobení programu uživateli. </div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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>* Spokojenost (Attitude) - Jak je uživatel spokojený s prací se softwarem. Je frustrovaný? Namáhá se?</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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>* Spokojenost (Attitude) - Jak je uživatel spokojený s prací se softwarem. Je frustrovaný? Namáhá se?</div></td></tr>
</table>
Anna.Dousova
https://wikisofia.cz/w/index.php?title=HCI&diff=66721&oldid=prev
Anna.Dousova v 18. 8. 2021, 06:34
2021-08-18T06:34:01Z
<p></p>
<table class="diff diff-contentalign-left" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="cs">
<td colspan="2" style="background-color: #fff; color: #222; text-align: center;">← Starší verze</td>
<td colspan="2" style="background-color: #fff; color: #222; text-align: center;">Verze z 18. 8. 2021, 06:34</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l17" >Řádek 17:</td>
<td colspan="2" class="diff-lineno">Řádek 17:</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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># Konzistentnost</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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># Konzistentnost</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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># Přehledná struktura</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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># Přehledná struktura</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #222; 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># Zpětná vazba <ref> MICHÁLKOVÁ, Petra. ''Vizualizace informací v elektronických informačních zdrojích''. Brno: Masarykova univerzita, Filozofická fakulta, Ústav české literatury a knihovnictví, Kabinet knihovnictví, 2007. 58 s. Vedoucí práce</div></td><td class='diff-marker'>+</td><td style="color: #222; 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 class="diffchange diffchange-inline">[[</ins>Zpětná vazba<ins class="diffchange diffchange-inline">]] </ins><ref> MICHÁLKOVÁ, Petra. ''Vizualizace informací v elektronických informačních zdrojích''. Brno: Masarykova univerzita, Filozofická fakulta, Ústav české literatury a knihovnictví, Kabinet knihovnictví, 2007. 58 s. Vedoucí práce</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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>Mgr. Petra Šedinová.</ref></div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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>Mgr. Petra Šedinová.</ref></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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>==Uživatelské rozhraní==</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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>==Uživatelské rozhraní==</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #222; 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>Uživatelské rozhraní (''user interface'') je prostředek pro komunikaci mezi člověkem a informačním systémem. Tato komunikace se neodehrává v reálném čase a prostoru, tudíž je komunikace prostřednictvím uživatelského rozhraní snadněji naráží na [[informační bariery]] a [[šum]]y. Proto je nutné, aby se tato <del class="diffchange diffchange-inline">[[</del>komunikace<del class="diffchange diffchange-inline">]] </del>zaměřovala především na potřeby uživatelů a reagovala na vývoj v oblasti IT. Hlavním kritériem kvalitního uživatelského rozhraní je tzv. „User-Friendly Interface“ (uživatelsky přívětivé rozhraní). Kvalitu určují tato kritéria: přehlednost, srozumitelnost, interaktivita, průhlednost, empatie, standardizace, pomoc a ochrana.</div></td><td class='diff-marker'>+</td><td style="color: #222; 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>Uživatelské rozhraní (''user interface'') je prostředek pro komunikaci mezi člověkem a informačním systémem. Tato <ins class="diffchange diffchange-inline">[[</ins>komunikace<ins class="diffchange diffchange-inline">]] </ins>se neodehrává v reálném čase a prostoru, tudíž je komunikace prostřednictvím uživatelského rozhraní snadněji naráží na [[informační bariery]] a [[šum]]y. Proto je nutné, aby se tato komunikace zaměřovala především na <ins class="diffchange diffchange-inline">[[Uživatelské potřeby, zjišťování a dokumentování uživatelských potřeb(User analysis)/old|</ins>potřeby uživatelů<ins class="diffchange diffchange-inline">]] </ins>a reagovala na vývoj v oblasti IT. Hlavním kritériem kvalitního uživatelského rozhraní je tzv. „User-Friendly Interface“ (uživatelsky přívětivé rozhraní). Kvalitu určují tato kritéria: přehlednost, srozumitelnost, interaktivita, průhlednost, <ins class="diffchange diffchange-inline">potřeby uživatelů, [[Empatie|</ins>empatie<ins class="diffchange diffchange-inline">]]</ins>, standardizace, pomoc a ochrana.</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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>'''Typy uživatelských rozhraní''':</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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>'''Typy uživatelských rozhraní''':</div></td></tr>
</table>
Anna.Dousova
https://wikisofia.cz/w/index.php?title=HCI&diff=66713&oldid=prev
Anna.Dousova v 18. 8. 2021, 06:14
2021-08-18T06:14:48Z
<p></p>
<table class="diff diff-contentalign-left" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="cs">
<td colspan="2" style="background-color: #fff; color: #222; text-align: center;">← Starší verze</td>
<td colspan="2" style="background-color: #fff; color: #222; text-align: center;">Verze z 18. 8. 2021, 06:14</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l5" >Řádek 5:</td>
<td colspan="2" class="diff-lineno">Řádek 5:</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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><blockquote>'''''"Druh komunikace, při níž dochází k přenosu informací mezi člověkem a počítačem, která spočívá v interakci programátora, operátora či uživatele s počítačem na základě přesně stanovených pravidel. Vstupní informace jsou počítači předávány např. pomocí klávesnice, hlasového vstupu apod. Výstupní informace předává počítač člověku pomocí monitoru, tiskárny, hlasového výstupu apod."'''''<ref>JONÁK, Zdeněk. Komunikace člověk-počítač. In: KTD: Česká terminologická databáze knihovnictví a informační vědy (TDKIV) [online]. Praha : Národní knihovna ČR, 2003- [cit. 2016-03-28]. Dostupné z: http://aleph.nkp.cz/F/?func=direct&doc_number=000000477&local_base=KTD.</ref></blockquote><br /></div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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><blockquote>'''''"Druh komunikace, při níž dochází k přenosu informací mezi člověkem a počítačem, která spočívá v interakci programátora, operátora či uživatele s počítačem na základě přesně stanovených pravidel. Vstupní informace jsou počítači předávány např. pomocí klávesnice, hlasového vstupu apod. Výstupní informace předává počítač člověku pomocí monitoru, tiskárny, hlasového výstupu apod."'''''<ref>JONÁK, Zdeněk. Komunikace člověk-počítač. In: KTD: Česká terminologická databáze knihovnictví a informační vědy (TDKIV) [online]. Praha : Národní knihovna ČR, 2003- [cit. 2016-03-28]. Dostupné z: http://aleph.nkp.cz/F/?func=direct&doc_number=000000477&local_base=KTD.</ref></blockquote><br /></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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;"></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #222; 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>Interakce člověk-[[Počítač|počítač]] (neboli ''Human-computer interaction'') je multidisciplinární obor, který se rozvinul na přelomu 70. a 80. let 20. století v souvislosti s rozvojem [[Počítačová síť|počítačových sítí]]. Jde o společensko-technologickou vědní disciplínu, jež integruje velké množství rozmanitých oborů, které na první pohled nemají mnoho společného. Ale při zkoumání [[Informační potřeba|informačních potřeb]], <del class="diffchange diffchange-inline">chování</del>[[<del class="diffchange diffchange-inline">Richard Saul Wurman</del>|<del class="diffchange diffchange-inline">Richardem Saulem Wurmanam</del>]] a vnímání koncového uživatele a tvorby [[Uživatelské rozhraní|uživatelské rozhraní]] [[Informační systém|informačních systémů ]] jsou všechny disciplíny nepostradatelné. Jedná se konkrétně o tyto disciplíny: počítačová věda, ergonomie, inženýrství, [[umělá inteligence]], umění, estetika, design, psychologie, [[kognitivní psychologie]], sociologie, filozofie, etika, antropologie, lingvistika a kognitivní věda. </div></td><td class='diff-marker'>+</td><td style="color: #222; 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>Interakce člověk-[[Počítač|počítač]] (neboli ''Human-computer interaction'') je multidisciplinární obor, který se rozvinul na přelomu 70. a 80. let 20. století v souvislosti s rozvojem [[Počítačová síť|počítačových sítí]]. Jde o společensko-technologickou vědní disciplínu, jež integruje velké množství rozmanitých oborů, které na první pohled nemají mnoho společného. Ale při zkoumání [[Informační potřeba|informačních potřeb]],[[<ins class="diffchange diffchange-inline">Informační chování</ins>|<ins class="diffchange diffchange-inline">chování</ins>]] a vnímání koncového uživatele a tvorby [[Uživatelské rozhraní|uživatelské rozhraní]] <ins class="diffchange diffchange-inline">a </ins>[[Informační systém|informačních systémů]] jsou všechny disciplíny nepostradatelné. Jedná se konkrétně o tyto disciplíny: počítačová věda, ergonomie, inženýrství, [[umělá inteligence]], umění, estetika, design, psychologie, [[kognitivní psychologie]], sociologie, filozofie, etika, antropologie, lingvistika a kognitivní věda. </div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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;"></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #222; 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>Přičemž z pohledu Informační vědy se v oblast HCI zabývá tvorbou, designem a testováním použitelnosti informačních <del class="diffchange diffchange-inline">systém ů </del>a jejich uživatelských rozhraní, tak aby byly jednoduše přístupné a intuitivně použitelné pro danou skupinu uživatelů. <ref> NĚMEČKOVÁ, Lenka. Rozvoj problematiky HCI (Human-Computer Interaction) na UISK FF UK. ''Člověk - Časopis pro humanitní a společenské vědy'' [online]. 2010, č. 18 [cit. 2016-06-10]. Dostupné z: http://clovek.ff.cuni.cz/pdf/nemeckova_zprava_18.pdf</ref><br /><br />Vědci v oboru HCI se zabývají vývojem nových metodologií, experimentováním s novými hardwarovými zařízeními, vývojem prototypů nových softwarových systémů, objevováním nových paradigmat interakce a vývojem modelů a teorií interakce.</div></td><td class='diff-marker'>+</td><td style="color: #222; 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>Přičemž z pohledu <ins class="diffchange diffchange-inline">[[Informační věda|</ins>Informační vědy<ins class="diffchange diffchange-inline">]] </ins>se v oblast HCI zabývá tvorbou, designem a testováním použitelnosti informačních <ins class="diffchange diffchange-inline">systémů </ins>a jejich uživatelských rozhraní, tak aby byly jednoduše přístupné a intuitivně použitelné pro danou skupinu uživatelů. <ref> NĚMEČKOVÁ, Lenka. Rozvoj problematiky HCI (Human-Computer Interaction) na UISK FF UK. ''Člověk - Časopis pro humanitní a společenské vědy'' [online]. 2010, č. 18 [cit. 2016-06-10]. Dostupné z: http://clovek.ff.cuni.cz/pdf/nemeckova_zprava_18.pdf</ref><br /><br />Vědci v oboru HCI se zabývají vývojem nových metodologií, experimentováním s novými <ins class="diffchange diffchange-inline">[[Hardware|</ins>hardwarovými<ins class="diffchange diffchange-inline">]] </ins>zařízeními, vývojem prototypů nových <ins class="diffchange diffchange-inline">[[Software|</ins>softwarových<ins class="diffchange diffchange-inline">]] </ins>systémů, objevováním nových paradigmat interakce a vývojem modelů a teorií interakce.</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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>== Sedm hlavních pravidel HCI ==</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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>== Sedm hlavních pravidel HCI ==</div></td></tr>
</table>
Anna.Dousova