http://lib.custis.ru/index.php?title=%D0%93%D1%83%D0%BC%D0%B0%D0%BD%D0%BD%D1%8B%D0%B9_%D0%B8%D0%BD%D1%82%D0%B5%D1%80%D1%84%D0%B5%D0%B9%D1%81_(Humane_Interface)&feed=atom&action=history
Гуманный интерфейс (Humane Interface) - История изменений
2024-03-28T19:10:53Z
История изменений этой страницы в вики
MediaWiki 1.26.4
http://lib.custis.ru/index.php?title=%D0%93%D1%83%D0%BC%D0%B0%D0%BD%D0%BD%D1%8B%D0%B9_%D0%B8%D0%BD%D1%82%D0%B5%D1%80%D1%84%D0%B5%D0%B9%D1%81_(Humane_Interface)&diff=39775&oldid=prev
VitalyKozlovtsev в 05:24, 18 июля 2012
2012-07-18T05:24:44Z
<p></p>
<table class='diff diff-contentalign-left'>
<col class='diff-marker' />
<col class='diff-content' />
<col class='diff-marker' />
<col class='diff-content' />
<tr style='vertical-align: top;' lang='ru'>
<td colspan='2' style="background-color: white; color:black; text-align: center;">← Предыдущая</td>
<td colspan='2' style="background-color: white; color:black; text-align: center;">Версия 05:24, 18 июля 2012</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l1" >Строка 1:</td>
<td colspan="2" class="diff-lineno">Строка 1:</td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color:black; 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: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>Сейчас модно  говорить о юзабилити (''usability'') и UX (''User eXperience''),  цитировать Алена Купера (''Alan Cooper'')  и спрашивать: «А вы читали очередную книгу Влада Головача?». Только при  всём этом, остается непонятным почему некоторые совершенно простенькие  на вид интерфейсы оказываются очень удобными и эффективными в работе, а  другие, навороченные и красивые, — наоборот, ужасно раздражающими.</div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>Сейчас модно  говорить о юзабилити (''usability'') и UX (''User eXperience''),  цитировать Алена Купера (''Alan Cooper'')  и спрашивать: «А вы читали очередную книгу Влада Головача?». Только при  всём этом, остается непонятным почему некоторые совершенно простенькие  на вид интерфейсы оказываются очень удобными и эффективными в работе, а  другие, навороченные и красивые, — наоборот, ужасно раздражающими.</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td></tr>
</table>
VitalyKozlovtsev
http://lib.custis.ru/index.php?title=%D0%93%D1%83%D0%BC%D0%B0%D0%BD%D0%BD%D1%8B%D0%B9_%D0%B8%D0%BD%D1%82%D0%B5%D1%80%D1%84%D0%B5%D0%B9%D1%81_(Humane_Interface)&diff=39091&oldid=prev
StasFomin: /* Примечания */
2012-06-19T19:57:16Z
<p><span dir="auto"><span class="autocomment">Примечания</span></span></p>
<table class='diff diff-contentalign-left'>
<col class='diff-marker' />
<col class='diff-content' />
<col class='diff-marker' />
<col class='diff-content' />
<tr style='vertical-align: top;' lang='ru'>
<td colspan='2' style="background-color: white; color:black; text-align: center;">← Предыдущая</td>
<td colspan='2' style="background-color: white; color:black; text-align: center;">Версия 19:57, 19 июня 2012</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l45" >Строка 45:</td>
<td colspan="2" class="diff-lineno">Строка 45:</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>* Юзабилити-юмор: [http://lleo.me/arhive/humor/vij_98.shtml ВИЙ-98].</div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>* Юзабилити-юмор: [http://lleo.me/arhive/humor/vij_98.shtml ВИЙ-98].</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color:black; 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;">http://www.inwebwetrust.org/~uploads/strip054_multi_touch_cat.jpg</ins></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>{{----}}</div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>{{----}}</div></td></tr>
</table>
StasFomin
http://lib.custis.ru/index.php?title=%D0%93%D1%83%D0%BC%D0%B0%D0%BD%D0%BD%D1%8B%D0%B9_%D0%B8%D0%BD%D1%82%D0%B5%D1%80%D1%84%D0%B5%D0%B9%D1%81_(Humane_Interface)&diff=33472&oldid=prev
StasFomin: /* Примечания */
2011-12-29T16:41:39Z
<p><span dir="auto"><span class="autocomment">Примечания</span></span></p>
<table class='diff diff-contentalign-left'>
<col class='diff-marker' />
<col class='diff-content' />
<col class='diff-marker' />
<col class='diff-content' />
<tr style='vertical-align: top;' lang='ru'>
<td colspan='2' style="background-color: white; color:black; text-align: center;">← Предыдущая</td>
<td colspan='2' style="background-color: white; color:black; text-align: center;">Версия 16:41, 29 декабря 2011</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l43" >Строка 43:</td>
<td colspan="2" class="diff-lineno">Строка 43:</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>* Кого заинтесовал кейс с плитой и лифтом, рекомендуем прочитать книгу о «юзабилити» бытовых приборов и даже просто окружающих предметов, даже таких простых как дверь — [[Дизайн привычных вещей (Дональд Норман)]]</div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>* Кого заинтесовал кейс с плитой и лифтом, рекомендуем прочитать книгу о «юзабилити» бытовых приборов и даже просто окружающих предметов, даже таких простых как дверь — [[Дизайн привычных вещей (Дональд Норман)]]</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>* Книга Джефа Раскина «Интерфейс» есть в [http://lib.rus.ec/b/129607 интернете].</div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>* Книга Джефа Раскина «Интерфейс» есть в [http://lib.rus.ec/b/129607 интернете].</div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color:black; 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;">* Юзабилити-юмор: [http://lleo.me/arhive/humor/vij_98.shtml ВИЙ-98].</ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color:black; 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: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>{{----}}</div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>{{----}}</div></td></tr>
</table>
StasFomin
http://lib.custis.ru/index.php?title=%D0%93%D1%83%D0%BC%D0%B0%D0%BD%D0%BD%D1%8B%D0%B9_%D0%B8%D0%BD%D1%82%D0%B5%D1%80%D1%84%D0%B5%D0%B9%D1%81_(Humane_Interface)&diff=31046&oldid=prev
StasFomin: /* Примечания */
2011-10-21T21:48:00Z
<p><span dir="auto"><span class="autocomment">Примечания</span></span></p>
<table class='diff diff-contentalign-left'>
<col class='diff-marker' />
<col class='diff-content' />
<col class='diff-marker' />
<col class='diff-content' />
<tr style='vertical-align: top;' lang='ru'>
<td colspan='2' style="background-color: white; color:black; text-align: center;">← Предыдущая</td>
<td colspan='2' style="background-color: white; color:black; text-align: center;">Версия 21:48, 21 октября 2011</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l42" >Строка 42:</td>
<td colspan="2" class="diff-lineno">Строка 42:</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>== Примечания ==</div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>== Примечания ==</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>* Кого заинтесовал кейс с плитой и лифтом, рекомендуем прочитать книгу о «юзабилити» бытовых приборов и даже просто окружающих предметов, даже таких простых как дверь — [[Дизайн привычных вещей (Дональд Норман)]]</div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>* Кого заинтесовал кейс с плитой и лифтом, рекомендуем прочитать книгу о «юзабилити» бытовых приборов и даже просто окружающих предметов, даже таких простых как дверь — [[Дизайн привычных вещей (Дональд Норман)]]</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color:black; 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'>+</td><td style="color:black; 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">* Книга Джефа Раскина «Интерфейс» есть в [http://lib.rus.ec/b/129607 интернете].</ins></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>{{----}}</div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>{{----}}</div></td></tr>
</table>
StasFomin
http://lib.custis.ru/index.php?title=%D0%93%D1%83%D0%BC%D0%B0%D0%BD%D0%BD%D1%8B%D0%B9_%D0%B8%D0%BD%D1%82%D0%B5%D1%80%D1%84%D0%B5%D0%B9%D1%81_(Humane_Interface)&diff=30890&oldid=prev
StasFomin в 21:43, 18 октября 2011
2011-10-18T21:43:35Z
<p></p>
<table class='diff diff-contentalign-left'>
<col class='diff-marker' />
<col class='diff-content' />
<col class='diff-marker' />
<col class='diff-content' />
<tr style='vertical-align: top;' lang='ru'>
<td colspan='2' style="background-color: white; color:black; text-align: center;">← Предыдущая</td>
<td colspan='2' style="background-color: white; color:black; text-align: center;">Версия 21:43, 18 октября 2011</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l39" >Строка 39:</td>
<td colspan="2" class="diff-lineno">Строка 39:</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>----</div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>----</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>{{SideBar|http://point-b.ru/wp-content/uploads/2011/01/031-Evolution.png}}</div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>{{SideBar|http://point-b.ru/wp-content/uploads/2011/01/031-Evolution.png}}</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color:black; 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 style="font-weight: bold; text-decoration: none;">{{----}}</del></div></td><td colspan="2"> </td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color:black; 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 colspan="2"> </td><td class='diff-marker'>+</td><td style="color:black; 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 colspan="2"> </td><td class='diff-marker'>+</td><td style="color:black; 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 colspan="2"> </td><td class='diff-marker'>+</td><td style="color:black; 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 colspan="2"> </td><td class='diff-marker'>+</td><td style="color:black; 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: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>{{replicate-from-custiswiki-to-lib}}</div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>{{replicate-from-custiswiki-to-lib}}</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>[[Категория:Открытые  Семинары]]</div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>[[Категория:Открытые  Семинары]]</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>[[Категория: Юзабилити (доклады)]]</div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>[[Категория: Юзабилити (доклады)]]</div></td></tr>
</table>
StasFomin
http://lib.custis.ru/index.php?title=%D0%93%D1%83%D0%BC%D0%B0%D0%BD%D0%BD%D1%8B%D0%B9_%D0%B8%D0%BD%D1%82%D0%B5%D1%80%D1%84%D0%B5%D0%B9%D1%81_(Humane_Interface)&diff=30482&oldid=prev
StasFomin в 18:08, 10 октября 2011
2011-10-10T18:08:38Z
<p></p>
<table class='diff diff-contentalign-left'>
<col class='diff-marker' />
<col class='diff-content' />
<col class='diff-marker' />
<col class='diff-content' />
<tr style='vertical-align: top;' lang='ru'>
<td colspan='2' style="background-color: white; color:black; text-align: center;">← Предыдущая</td>
<td colspan='2' style="background-color: white; color:black; text-align: center;">Версия 18:08, 10 октября 2011</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l43" >Строка 43:</td>
<td colspan="2" class="diff-lineno">Строка 43:</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>{{replicate-from-custiswiki-to-lib}}</div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>{{replicate-from-custiswiki-to-lib}}</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>[[Категория:Открытые  Семинары]]</div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>[[Категория:Открытые  Семинары]]</div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color:black; 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>
</table>
StasFomin
http://lib.custis.ru/index.php?title=%D0%93%D1%83%D0%BC%D0%B0%D0%BD%D0%BD%D1%8B%D0%B9_%D0%B8%D0%BD%D1%82%D0%B5%D1%80%D1%84%D0%B5%D0%B9%D1%81_(Humane_Interface)&diff=27964&oldid=prev
StasFomin в 14:42, 4 июля 2011
2011-07-04T14:42:30Z
<p></p>
<table class='diff diff-contentalign-left'>
<col class='diff-marker' />
<col class='diff-content' />
<col class='diff-marker' />
<col class='diff-content' />
<tr style='vertical-align: top;' lang='ru'>
<td colspan='2' style="background-color: white; color:black; text-align: center;">← Предыдущая</td>
<td colspan='2' style="background-color: white; color:black; text-align: center;">Версия 14:42, 4 июля 2011</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l36" >Строка 36:</td>
<td colspan="2" class="diff-lineno">Строка 36:</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>{{slideshareembed|humaninterface-090922053511-phpapp01|640|480}}</div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>{{slideshareembed|humaninterface-090922053511-phpapp01|640|480}}</div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color:black; 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 colspan="2"> </td><td class='diff-marker'>+</td><td style="color:black; 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 colspan="2"> </td><td class='diff-marker'>+</td><td style="color:black; 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;">{{SideBar|http://point-b.ru/wp-content/uploads/2011/01/031-Evolution.png}}</ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color:black; 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: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>{{replicate-from-custiswiki-to-lib}}</div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>{{replicate-from-custiswiki-to-lib}}</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>[[Категория:Открытые  Семинары]]</div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>[[Категория:Открытые  Семинары]]</div></td></tr>
</table>
StasFomin
http://lib.custis.ru/index.php?title=%D0%93%D1%83%D0%BC%D0%B0%D0%BD%D0%BD%D1%8B%D0%B9_%D0%B8%D0%BD%D1%82%D0%B5%D1%80%D1%84%D0%B5%D0%B9%D1%81_(Humane_Interface)&diff=23337&oldid=prev
StasFomin в 15:18, 1 марта 2011
2011-03-01T15:18:51Z
<p></p>
<table class='diff diff-contentalign-left'>
<col class='diff-marker' />
<col class='diff-content' />
<col class='diff-marker' />
<col class='diff-content' />
<tr style='vertical-align: top;' lang='ru'>
<td colspan='2' style="background-color: white; color:black; text-align: center;">← Предыдущая</td>
<td colspan='2' style="background-color: white; color:black; text-align: center;">Версия 15:18, 1 марта 2011</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l26" >Строка 26:</td>
<td colspan="2" class="diff-lineno">Строка 26:</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>{{note}} ''Компания эта - Usethics. И работают они действительно  классно! Мы сотрудничали, сотрудничаем и, надеемся, будем продолжать с  ними сотрудничать. Но даже на солнце бывают пятна. А здравая критика  пускай послужит поводом для дальнейшего совершенствования и развития.  Ведь ребята занимаются почти невозможным - умудряются зарабатывать деньги на  минимальном рынке с достаточно высокой конкуренцией.''</div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>{{note}} ''Компания эта - Usethics. И работают они действительно  классно! Мы сотрудничали, сотрудничаем и, надеемся, будем продолжать с  ними сотрудничать. Но даже на солнце бывают пятна. А здравая критика  пускай послужит поводом для дальнейшего совершенствования и развития.  Ведь ребята занимаются почти невозможным - умудряются зарабатывать деньги на  минимальном рынке с достаточно высокой конкуренцией.''</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'>−</td><td style="color:black; 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"> [[Видеотека#2009-04-14 «Гуманный интерфейс  (Humane  Interface)»|</del>скачать<del class="diffchange diffchange-inline">]]</del>).</div></td><td class='diff-marker'>+</td><td style="color:black; 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>Итак, к делу: видео в двух частях (как обычно, можно смотреть, можно скачать).</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>{{vimeoembed|6622688|640|352}}</div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>{{vimeoembed|6622688|640|352}}</div></td></tr>
</table>
StasFomin
http://lib.custis.ru/index.php?title=%D0%93%D1%83%D0%BC%D0%B0%D0%BD%D0%BD%D1%8B%D0%B9_%D0%B8%D0%BD%D1%82%D0%B5%D1%80%D1%84%D0%B5%D0%B9%D1%81_(Humane_Interface)&diff=21563&oldid=prev
BenderBot: 1 версия
2010-12-28T19:47:51Z
<p>1 версия</p>
<table class='diff diff-contentalign-left'>
<tr style='vertical-align: top;' lang='ru'>
<td colspan='1' style="background-color: white; color:black; text-align: center;">← Предыдущая</td>
<td colspan='1' style="background-color: white; color:black; text-align: center;">Версия 19:47, 28 декабря 2010</td>
</tr><tr><td colspan='2' style='text-align: center;' lang='ru'><div class="mw-diff-empty">(нет различий)</div>
</td></tr></table>
BenderBot
http://lib.custis.ru/index.php?title=%D0%93%D1%83%D0%BC%D0%B0%D0%BD%D0%BD%D1%8B%D0%B9_%D0%B8%D0%BD%D1%82%D0%B5%D1%80%D1%84%D0%B5%D0%B9%D1%81_(Humane_Interface)&diff=21562&oldid=prev
StasFomin в 19:44, 28 декабря 2010
2010-12-28T19:44:35Z
<p></p>
<p><b>Новая страница</b></p><div>Сейчас модно говорить о юзабилити (''usability'') и UX (''User eXperience''), цитировать Алена Купера (''Alan Cooper'') и спрашивать: «А вы читали очередную книгу Влада Головача?». Только при всём этом, остается непонятным почему некоторые совершенно простенькие на вид интерфейсы оказываются очень удобными и эффективными в работе, а другие, навороченные и красивые, — наоборот, ужасно раздражающими.<br />
<br />
* Почему для запуска калькулятора или блокнота в WinXP удобнее набрать слова <tt>calc</tt>/<tt>notepad</tt> в пункте «Выполнить...», чем рыскать в меню «Все программы»?<br />
* Почему в казалось бы удобном и продвинутом интерфейсе <tt>Office 2007</tt> зачастую с таким трудом отыскивается нужная команда (хотя вызываешь её из раза в раз — и каждый раз ищешь, ищешь, ищешь)?<br />
* Почему нам так нравится поиск в <tt>FireFox</tt> и категорически не нравится в IE, Word и т.д.?<br />
* Почему в диалоговых окнах с вариантами «Да/Нет» или «Ок/Отмена», мы нажимаем кнопку, не прочитав вопрос?<br />
* Почему уже не можем обходиться без <tt>PuntoSwitcher</tt>-а для управления раскладкой «Rus/Lat»?<br />
* И наконец, почему даже такие простые и обыденные вещи как пульт ДУ к телевизору, лифт, плита вызывают у нас сложности и провоцируют на ошибки в повседневном использовании?<br />
<br />
В чем же основы ''Usability''? Почему одни интерфейсы ведут себя человечно и гуманно по отношению к нам, пользователям, а другие — нет, провоцируя нас на ошибки и заставляя совершать раздражающе избыточные действия, а иногда даже проходить настоящие квесты?<br />
<br />
Мы у себя в Компании провели внутренний семинар, на котором и попробовали ответить на эти вопросы, а так же заглянуть в недалекое будущее пользовательских интерфейсов. В основу материалов легла книга Джефа Раскина (Jef Raskin) «Интерфейс» («Humane Interface»), дополненная критическим осмыслением собственного опыта создания пользовательских интерфейсов и взаимодействия с профессиональными UX-компаниями.<br />
<br />
----<br />
Маленькая ремарка от Стаса Фомина — условно все ключевые книги по юзабилити, переведенные на русский язык, можно разбить на три группы:<br />
<br />
* Книга Джефа Раскина «Интерфейс: новые направления в проектировании компьютерных систем».<br />
* Книги Алана Купера (и его товарищей): «[[Психбольница в руках пациентов]]» и «[[Алан Купер об интерфейсе. Основы проектирования взаимодействия]]» (по ссылке — ''наши'' рецензии).<br />
* Книги о веб-юзабилити, тесно переплетенные с веб-дизайном (Стивен Круг, Якоб Нильсен и т.п.).<br />
<br />
Так вот, наиболее «правильной» книгой, из этих, мы считаем именно первую, ибо только она дает программисту достаточно универсальные аксиомы и законы, ориентируясь на которые, он сможет улучшить свой интерфейс, вне зависимости от того, на каких технологиях он построен. (Книги по веб-приложениям ограничены специфической, хоть и распространенной областью, а «книги Купера» и вовсе ориентированы не на программиста (см. выше наши рецензии).<br />
----<br />
<br />
Изначально мы не планировали публикации слайдов презентации и видеозаписи, поэтому по ходу изложения встречается упоминание внутренних продуктов, а также одной известной юзабилити-компании, с которой мы активно сотрудничаем. Приносим за это свои извинения (в особенности за второе) и пускай наш критический взгляд на некоторые вещи воспринимается вами, как тявканье собачки на вымытого слона.<br />
<br />
{{note}} ''Компания эта - Usethics. И работают они действительно классно! Мы сотрудничали, сотрудничаем и, надеемся, будем продолжать с ними сотрудничать. Но даже на солнце бывают пятна. А здравая критика пускай послужит поводом для дальнейшего совершенствования и развития. Ведь ребята занимаются почти невозможным - умудряются зарабатывать деньги на минимальном рынке с достаточно высокой конкуренцией.''<br />
<br />
Итак, к делу: видео в двух частях (как обычно, можно смотреть, можно [[Видеотека#2009-04-14 «Гуманный интерфейс (Humane Interface)»|скачать]]).<br />
<br />
{{vimeoembed|6622688|640|352}}<br />
<br />
{{vimeoembed|6684609|640|352}}<br />
<br />
Ну и отдельно слайды (чтобы рассмотреть получше или наоборот - всё быстро пролистать):<br />
<br />
<br />
{{slideshareembed|humaninterface-090922053511-phpapp01|640|480}}<br />
<br />
{{replicate-from-custiswiki-to-lib}}<br />
[[Категория:Открытые Семинары]]</div>
StasFomin