<?xml version="1.0" encoding="UTF-8"?> <rss
version="2.0"
xmlns:content="http://purl.org/rss/1.0/modules/content/"
xmlns:wfw="http://wellformedweb.org/CommentAPI/"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:atom="http://www.w3.org/2005/Atom"
xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
><channel><title>Хижина дяди Володи &#187; Usability</title> <atom:link href="http://www.brimz.ru/category/usability/feed" rel="self" type="application/rss+xml" /><link>http://www.brimz.ru</link> <description>Работайте, негры, работайте! Солнце еще высоко...</description> <lastBuildDate>Sat, 06 Aug 2011 10:17:23 +0000</lastBuildDate> <language>en</language> <sy:updatePeriod>hourly</sy:updatePeriod> <sy:updateFrequency>1</sy:updateFrequency> <generator>http://wordpress.org/?v=3.3.1</generator> <item><title>Зависимость качества дизайна от стоимости &#8212; цены</title><link>http://www.brimz.ru/zavisimost-kachestva-dizayna-ot-stoimosti-tsenyi.html</link> <comments>http://www.brimz.ru/zavisimost-kachestva-dizayna-ot-stoimosti-tsenyi.html#comments</comments> <pubDate>Sat, 11 Sep 2010 14:35:38 +0000</pubDate> <dc:creator>Владимир Лапшин</dc:creator> <category><![CDATA[Usability]]></category><guid
isPermaLink="false">http://www.brimz.ru/?p=1507</guid> <description><![CDATA[По результатам опроса &#171;Есть ли зависимость качества дизайна от стоимости?&#187; было получено несколько вариантов ответов. К сожалению многие были получены устно и не сохранились. Тем не менее, есть и записанные (по возрастанию): sky4uk: 2 5 1 4 3 6 7 Антон Молодой: 4 6 7 2 1 3 5 Ozerman: 2 7 6 1 3 4 5 вариант [...]]]></description> <content:encoded><![CDATA[<p><img
class="size-full wp-image-1515 alignright" title="web design" src="http://www.brimz.ru/wp-content/uploads/2010/09/web-design.jpg" alt="" width="180" height="152" />По результатам опроса <a
href="http://www.brimz.ru/est-li-zavisimost-kachestva-dizayna-ot-stoimosti.html">&#171;Есть ли зависимость качества дизайна от стоимости?&#187;</a> было получено несколько вариантов ответов. К сожалению многие были получены устно и не сохранились. Тем не менее, есть и записанные (по возрастанию):</p><ul><li><a
href="http://sky4uk.livejournal.com/">sky4uk</a>: 2 5 1 4 3 6 7</li><li><a
href="http://molodoy.net/">Антон Молодой</a>: 4 6 7 2 1 3 5</li><li><a
href="http://blog.microfost.ru/">Ozerman</a>: 2 7 6 1 3 4 5</li><li>вариант клиента: попал в несохранившиеся, но точно был очень далек от истины.</li></ul><p><span
id="more-1507"></span>Цены в рублях:</p><ul><li>1 &#8212; 15.000</li><li>2 &#8212; 3.000</li><li>3 &#8212; 30.000</li><li>4 &#8212; 20.000</li><li>5 &#8212; 20.000</li><li>6 &#8212; 9.000</li><li>7 &#8212; 3.000</li></ul><p><strong>Правильный ответ:</strong> 2 7 6 1 4 5 3</p><table
border="0" cellspacing="0" cellpadding="15" width="100%"><tbody><tr
valign="top"><td
style="text-align: center;"><a
href="http://www.brimz.ru/wp-content/uploads/2010/09/Est-li-zavisimost-kachestva-dizayna-ot-stoimosti-2.jpg" rel="lightbox[1507]"><img
class="alignnone size-thumbnail wp-image-1499" title="Есть ли зависимость качества дизайна от стоимости 2" src="http://www.brimz.ru/wp-content/uploads/2010/09/Est-li-zavisimost-kachestva-dizayna-ot-stoimosti-2-164x180.jpg" alt="" width="164" height="180" /></a><br
/> 2 &#8212; 3.000</td><td
style="text-align: center;"><a
href="http://www.brimz.ru/wp-content/uploads/2010/09/Est-li-zavisimost-kachestva-dizayna-ot-stoimosti-7.png" rel="lightbox[1507]"><img
class="alignnone size-thumbnail wp-image-1504" title="Есть ли зависимость качества дизайна от стоимости 7" src="http://www.brimz.ru/wp-content/uploads/2010/09/Est-li-zavisimost-kachestva-dizayna-ot-stoimosti-7-180x126.png" alt="" width="180" height="126" /></a><br
/> 7 &#8212; 3.000</td></tr><tr
valign="top"><td
style="text-align: center;"><a
href="http://www.brimz.ru/wp-content/uploads/2010/09/Est-li-zavisimost-kachestva-dizayna-ot-stoimosti-6.jpg" rel="lightbox[1507]"><img
class="alignnone size-thumbnail wp-image-1500" title="Есть ли зависимость качества дизайна от стоимости 6" src="http://www.brimz.ru/wp-content/uploads/2010/09/Est-li-zavisimost-kachestva-dizayna-ot-stoimosti-6-180x173.jpg" alt="" width="180" height="173" /></a><br
/> 6 &#8212; 9.000</td><td
style="text-align: center;"><a
href="http://www.brimz.ru/wp-content/uploads/2010/09/Est-li-zavisimost-kachestva-dizayna-ot-stoimosti-1.jpg" rel="lightbox[1507]"><img
class="alignnone size-thumbnail wp-image-1498" title="Есть ли зависимость качества дизайна от стоимости 1" src="http://www.brimz.ru/wp-content/uploads/2010/09/Est-li-zavisimost-kachestva-dizayna-ot-stoimosti-1-178x180.jpg" alt="" width="178" height="180" /></a><br
/> 1 &#8212; 15.000</td></tr><tr
valign="top"><td
style="text-align: center;"><a
href="http://www.brimz.ru/wp-content/uploads/2010/09/Est-li-zavisimost-kachestva-dizayna-ot-stoimosti-4.png" rel="lightbox[1507]"><img
class="alignnone size-thumbnail wp-image-1502" title="Есть ли зависимость качества дизайна от стоимости 4" src="http://www.brimz.ru/wp-content/uploads/2010/09/Est-li-zavisimost-kachestva-dizayna-ot-stoimosti-4-115x180.png" alt="" width="115" height="180" /></a><br
/> 4 &#8212; 20.000</td><td
style="text-align: center;"><a
href="http://www.brimz.ru/wp-content/uploads/2010/09/Est-li-zavisimost-kachestva-dizayna-ot-stoimosti-5.png" rel="lightbox[1507]"><img
class="alignnone size-thumbnail wp-image-1503" title="Есть ли зависимость качества дизайна от стоимости 5" src="http://www.brimz.ru/wp-content/uploads/2010/09/Est-li-zavisimost-kachestva-dizayna-ot-stoimosti-5-153x180.png" alt="" width="153" height="180" /></a><br
/> 5 &#8212; 20.000</td></tr><tr
valign="top"><td
style="text-align: center;"><a
href="http://www.brimz.ru/wp-content/uploads/2010/09/Est-li-zavisimost-kachestva-dizayna-ot-stoimosti-3.png" rel="lightbox[1507]"><img
class="alignnone size-thumbnail wp-image-1501" title="Есть ли зависимость качества дизайна от стоимости 3" src="http://www.brimz.ru/wp-content/uploads/2010/09/Est-li-zavisimost-kachestva-dizayna-ot-stoimosti-3-104x180.png" alt="" width="104" height="180" /></a><br
/> 3 &#8212; 30.000</td><td></td></tr></tbody></table><p>Таким образом, Ozerman назвал все практически точно. Если, конечно, в комментарии он указывал цены от высоких к низким. <img
src='http://www.brimz.ru/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> В ином случае он почти на 100% ошибся.</p><p>В целом же, лично я, реальной зависимости качества работ от цены не вижу. Все-таки дизайн слишком субъективная штука. Недаром есть и поговорка, что из всех представленных на выбор вариантов, клиент всегда выберет худший. <img
src='http://www.brimz.ru/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /></p><p>А с клиентов и вовсе решили устроить тендер, а не конкурс. Слишком многие хорошие дизайнеры в конкурсах просто не участвуют, им и без того работы хватает.</p> ]]></content:encoded> <wfw:commentRss>http://www.brimz.ru/zavisimost-kachestva-dizayna-ot-stoimosti-tsenyi.html/feed</wfw:commentRss> <slash:comments>2</slash:comments> </item> <item><title>Есть ли зависимость качества дизайна от стоимости?</title><link>http://www.brimz.ru/est-li-zavisimost-kachestva-dizayna-ot-stoimosti.html</link> <comments>http://www.brimz.ru/est-li-zavisimost-kachestva-dizayna-ot-stoimosti.html#comments</comments> <pubDate>Wed, 08 Sep 2010 14:00:27 +0000</pubDate> <dc:creator>Владимир Лапшин</dc:creator> <category><![CDATA[Usability]]></category><guid
isPermaLink="false">http://www.brimz.ru/?p=1495</guid> <description><![CDATA[С одним из клиентов сейчас работаем над новым сайтом. Старый уже не вмещает всей информации, которую хочется опубликовать, да и внешний вид хочется несколько обновить. Выбор CMS, настройка, допиливание в нужных местах под задачи клиента &#8212; это за мной. А вот чтобы получить красивое оформление решили устроить конкурс, а может и тендер. Но в любом [...]]]></description> <content:encoded><![CDATA[<p><img
class="size-full wp-image-1496 alignright" title="перо фотошоп" src="http://www.brimz.ru/wp-content/uploads/2010/09/pero-fotoshop.jpg" alt="" width="180" height="160" />С одним из клиентов сейчас работаем над новым сайтом. Старый уже не вмещает всей информации, которую хочется опубликовать, да и внешний вид хочется несколько обновить.</p><p>Выбор CMS, настройка, допиливание в нужных местах под задачи клиента &#8212; это за мной. А вот чтобы получить красивое оформление решили устроить конкурс, а может и тендер. Но в любом случае не художник я, так иногда могу готовый шаблон немного доработать, но не более того. А здесь хочется качественную работу получить.</p><p>В своей практике я периодически пользуюсь двумя биржами фриланса &#8212; free-lance.ru и weblancer.net. Причем как заказчик больше люблю weblancer.net &#8212; там, конечно, выбор специалистов поскромнее, но и цены ниже.</p><p><span
id="more-1495"></span>Причем сильно ниже. Если на free-lance.ru меньше, чем за 400-500 долларов никто и вовсе в конкурсе участвовать не будет, а средний порядок цен составляет 900 &#8212; 1000 долларов. Так еще и сам сервис за публикацию соответствующего объявления хочет 3.000 рублей. На weblancer.net при этом 80 &#8212; 150 долларов вполне нормальный призовой фонд для победителя конкурса.</p><p>Т.е. разница на порядок! А есть ли такая разница в качестве выполненных работ?</p><p>Для ответа на этот вопрос я отобрал 7 работ, занявших первые места в разных конкурсах на одном и другом сайтах. Призовой фонд конкурсов &#8212; от 100 до 1000 долларов. Попробуйте расставить их по возрастанию стоимости. Ну или хотя бы просто скажите которые вам понравились, а которые совсем ужасны.</p><ol><li><a
href="http://www.brimz.ru/wp-content/uploads/2010/09/Est-li-zavisimost-kachestva-dizayna-ot-stoimosti-1.jpg" rel="lightbox[1495]"><img
class="alignnone size-medium wp-image-1498" title="Есть ли зависимость качества дизайна от стоимости 1" src="http://www.brimz.ru/wp-content/uploads/2010/09/Est-li-zavisimost-kachestva-dizayna-ot-stoimosti-1-297x300.jpg" alt="" width="297" height="300" /></a></li><li><a
href="http://www.brimz.ru/wp-content/uploads/2010/09/Est-li-zavisimost-kachestva-dizayna-ot-stoimosti-2.jpg" rel="lightbox[1495]"><img
class="alignnone size-medium wp-image-1499" title="Есть ли зависимость качества дизайна от стоимости 2" src="http://www.brimz.ru/wp-content/uploads/2010/09/Est-li-zavisimost-kachestva-dizayna-ot-stoimosti-2-274x300.jpg" alt="" width="274" height="300" /></a></li><li><a
href="http://www.brimz.ru/wp-content/uploads/2010/09/Est-li-zavisimost-kachestva-dizayna-ot-stoimosti-3.png" rel="lightbox[1495]"><img
class="alignnone size-medium wp-image-1501" title="Есть ли зависимость качества дизайна от стоимости 3" src="http://www.brimz.ru/wp-content/uploads/2010/09/Est-li-zavisimost-kachestva-dizayna-ot-stoimosti-3-174x300.png" alt="" width="174" height="300" /></a></li><li><a
href="http://www.brimz.ru/wp-content/uploads/2010/09/Est-li-zavisimost-kachestva-dizayna-ot-stoimosti-4.png" rel="lightbox[1495]"><img
class="alignnone size-medium wp-image-1502" title="Есть ли зависимость качества дизайна от стоимости 4" src="http://www.brimz.ru/wp-content/uploads/2010/09/Est-li-zavisimost-kachestva-dizayna-ot-stoimosti-4-192x300.png" alt="" width="192" height="300" /></a></li><li><a
href="http://www.brimz.ru/wp-content/uploads/2010/09/Est-li-zavisimost-kachestva-dizayna-ot-stoimosti-5.png" rel="lightbox[1495]"><img
class="alignnone size-medium wp-image-1503" title="Есть ли зависимость качества дизайна от стоимости 5" src="http://www.brimz.ru/wp-content/uploads/2010/09/Est-li-zavisimost-kachestva-dizayna-ot-stoimosti-5-256x300.png" alt="" width="256" height="300" /></a></li><li><a
href="http://www.brimz.ru/wp-content/uploads/2010/09/Est-li-zavisimost-kachestva-dizayna-ot-stoimosti-6.jpg" rel="lightbox[1495]"><img
class="alignnone size-medium wp-image-1500" title="Есть ли зависимость качества дизайна от стоимости 6" src="http://www.brimz.ru/wp-content/uploads/2010/09/Est-li-zavisimost-kachestva-dizayna-ot-stoimosti-6-300x289.jpg" alt="" width="300" height="289" /></a></li><li><a
href="http://www.brimz.ru/wp-content/uploads/2010/09/Est-li-zavisimost-kachestva-dizayna-ot-stoimosti-7.png" rel="lightbox[1495]"><img
class="alignnone size-medium wp-image-1504" title="Есть ли зависимость качества дизайна от стоимости 7" src="http://www.brimz.ru/wp-content/uploads/2010/09/Est-li-zavisimost-kachestva-dizayna-ot-stoimosti-7-300x210.png" alt="" width="300" height="210" /></a></li></ol> Читайте также:<ul><li><a
href="http://www.brimz.ru/ne-prikupit-li-tehniki-v-prage.html" rel="bookmark" title="10.04.2009">Не прикупить ли техники в Праге?</a></li><li><a
href="http://www.brimz.ru/pc-tools-firewall-plus-otchislen.html" rel="bookmark" title="13.07.2009">PC Tools Firewall Plus отчислен</a></li><li><a
href="http://www.brimz.ru/puteshestvie-v-tunis.html" rel="bookmark" title="08.07.2008">Путешествие в Тунис</a></li></ul>]]></content:encoded> <wfw:commentRss>http://www.brimz.ru/est-li-zavisimost-kachestva-dizayna-ot-stoimosti.html/feed</wfw:commentRss> <slash:comments>5</slash:comments> </item> <item><title>Standartista &#8212; скрипт для сортировки таблиц без перезагрузки страницы</title><link>http://www.brimz.ru/standartista-skript-dlya-sortirovki-tablits-bez-perezagruzki-stranitsyi.html</link> <comments>http://www.brimz.ru/standartista-skript-dlya-sortirovki-tablits-bez-perezagruzki-stranitsyi.html#comments</comments> <pubDate>Tue, 06 Oct 2009 13:36:08 +0000</pubDate> <dc:creator>Владимир Лапшин</dc:creator> <category><![CDATA[Usability]]></category><guid
isPermaLink="false">http://www.brimz.ru/?p=1315</guid> <description><![CDATA[Standardista Table Sorting &#8212; модуль JavaScript, который позволяет Вам сортировать данные в HTML-таблице по любому столбцу. Плюсы модуля: Он работает. Скрипт тестировался в самых разных браузерах, даже в таких, где сортировка не может работать. Скрипт везде ведет себя хорошо и предсказуемо. Если сортировка невозможна, то таблица все равно будет отображена корректно. Он ненавязчив. Все что [...]]]></description> <content:encoded><![CDATA[<p>Standardista Table Sorting &#8212; модуль JavaScript, который позволяет Вам сортировать данные в HTML-таблице по любому столбцу.</p><p
style="text-align: center;"><img
class="alignnone size-full wp-image-1316" title="standartista" src="http://www.brimz.ru/wp-content/uploads/2009/10/standartista.png" alt="standartista" width="450" height="261" /></p><p>Плюсы модуля:</p><p><span
id="more-1315"></span></p><ol><li><strong>Он работает.</strong> Скрипт тестировался в самых разных браузерах, даже в таких, где сортировка не может работать. Скрипт везде ведет себя хорошо и предсказуемо. Если сортировка невозможна, то таблица все равно будет отображена корректно.</li><li><strong>Он ненавязчив.</strong> Все что надо сделать: подключить скрипт к странице, добавить класс “sortable” к выбранным таблицам и все.</li><li><strong>Он быстр.</strong> Сортировка таблицы из 8 столбцов и 100 строк занимает в среднем 100-200 миллисекунд.</li><li><strong>Он знает различные типы данных.</strong> Текущая версия Standardista Table Sorting различает: ip-адреса, валюты, обычный текст и даты. Самая прелесть заключается в том, что делает он это автоматически &#8212; указывать вручную какой тип данных используется в таблице не нужно.</li></ol><h3>Как испльзовать Standardista Table Sorting</h3><p>1. <a
href="http://www.workingwith.me.uk/articles/scripting/standardista_table_sorting">Скачать модуль с официального сайта</a>. Там же можно ознакомиться с более подробной информацией на английском.</p><p>2. Подключить .js файлы в коде страницы:<br
/> &lt;script type=&#8217;text/javascript&#8217; src=&#8217;common.js&#8217;&gt;&lt;/script&gt;<br
/> &lt;script type=&#8217;text/javascript&#8217; src=&#8217;css.js&#8217;&gt;&lt;/script&gt;<br
/> &lt;script type=&#8217;text/javascript&#8217; src=&#8217;standardista-table-sorting.js&#8217;&gt;&lt;/script&gt;</p><p>3. Убедиться, что в таблице есть теги THEAD и TBODY, они нужны для корректной работы скрипта.</p><p>4. Присвоить таблице, в которой будет используется сортировка css-класс “sortable”.</p><p>5. Загрузить страницу и убедиться, что все работает.</p><h3>Весь JavaScript одним файлом с минимизацией</h3><p>Автор скрипта, думая о разработчиках, разделил весь JavaScript-код на 3 разных файла: common.js, css.js и standardista-table-sorting.js. Это действительно удобно с точки зрения логики разработки, но с точки зрения пользователей &#8212; это замедляет скорость загрузки. Так что я объединил весь код в один файл, да вдобавок еще и минимизировал его при помощи YUI Compressor. В результате чего вместо 19Кб, стало 7.5:</p><p><code>function addEvent(b,d,c){if(!c.$$guid){c.$$guid=addEvent.guid++}if(!b.events){b.events={}}var a=b.events[d];if(!a){a=b.events[d]={};if(b["on"+d]){a[0]=b["on"+d]}}a[c.$$guid]=c;b["on"+d]=handleEvent}addEvent.guid=1;function removeEvent(a,c,b){if(a.events&amp;&amp;a.events[c]){delete a.events[c][b.$$guid]}}function handleEvent(d){var c=true;d=d||fixEvent(window.event);var a=this.events[d.type];for(var b in a){this.$$handleEvent=a[b];if(this.$$handleEvent(d)===false){c=false}}return c}function fixEvent(a){a.preventDefault=fixEvent.preventDefault;a.stopPropagation=fixEvent.stopPropagation;return a}fixEvent.preventDefault=function(){this.returnValue=false};fixEvent.stopPropagation=function(){this.cancelBubble=true};function createElement(a){if(typeof document.createElementNS!="undefined"){return document.createElementNS("http://www.w3.org/1999/xhtml",a)}if(typeof document.createElement!="undefined"){return document.createElement(a)}return false}function getEventTarget(b){var a;if(!b){b=window.event}if(b.target){a=b.target}else{if(b.srcElement){a=b.srcElement}}if(a.nodeType==3){a=a.parentNode}return a}var css={getElementsByClass:function(b,f,k){var h=new Array();var d=b.getElementsByTagName(k);var a=d.length;var g=new RegExp("(^|\\s)"+f+"(\\s|$)");for(var e=0,c=0;e&lt;a;e++){if(this.elementHasClass(d[e],f)){h[c]=d[e];c++}}return h},privateGetClassArray:function(a){return a.className.split(" ")},privateCreateClassString:function(a){return a.join(" ")},elementHasClass:function(a,c){if(!a){return false}var b=new RegExp("\\b"+c+"\\b");if(a.className.match(b)){return true}return false},addClassToId:function(a,b){this.addClassToElement(document.getElementById(a),b)},addClassToElement:function(b,c){var a=this.privateGetClassArray(b);if(this.elementHasClass(b,c)){return}a.push(c);b.className=this.privateCreateClassString(a)},removeClassFromId:function(a,b){this.removeClassFromElement(document.getElementById(a),b)},removeClassFromElement:function(b,c){var a=this.privateGetClassArray(b);for(x in a){if(c==a[x]){a[x]="";break}}b.className=this.privateCreateClassString(a)}};var standardistaTableSorting={that:false,isOdd:false,sortColumnIndex:-1,lastAssignedId:0,newRows:-1,lastSortedTable:-1,init:function(){if(!document.getElementsByTagName){return}this.that=this;this.run()},run:function(){var c=document.getElementsByTagName("table");for(var b=0;b&lt;c.length;b++){var a=c[b];if(css.elementHasClass(a,"sortable")){this.makeSortable(a)}}},makeSortable:function(e){if(!e.id){e.id="sortableTable"+this.lastAssignedId++}if(!e.tHead||!e.tHead.rows||0==e.tHead.rows.length){return}var g=e.tHead.rows[e.tHead.rows.length-1];for(var d=0;d&lt;g.cells.length;d++){var c=createElement("a");c.href="#";c.onclick=this.headingClicked;c.setAttribute("columnId",d);c.title="Click to sort";var h=g.cells[d].childNodes;for(var b=0;b&lt;h.length;b++){c.appendChild(h[b])}g.cells[d].appendChild(c);var a=createElement("span");a.className="tableSortArrow";a.appendChild(document.createTextNode("\u00A0\u00A0"));g.cells[d].appendChild(a)}if(css.elementHasClass(e,"autostripe")){this.isOdd=false;var f=e.tBodies[0].rows;for(var d=0;d&lt;f.length;d++){this.doStripe(f[d])}}},headingClicked:function(k){var i=standardistaTableSorting.that;var r=getEventTarget(k);var b=r.parentNode;var m=b.parentNode;var l=m.parentNode;var s=l.parentNode;if(!s.tBodies||s.tBodies[0].rows.length&lt;=1){return false}var c=r.getAttribute("columnId")||b.cellIndex;var q=css.getElementsByClass(b,"tableSortArrow","span");var d="";if(q.length&gt;0){d=q[0].getAttribute("sortOrder")}var n="";var o=0;while(""==n&amp;&amp;o&lt;s.tBodies[0].rows.length){n=i.getInnerText(s.tBodies[0].rows[o].cells[c]);o++}var p=i.determineSortFunction(n);if(s.id==i.lastSortedTable&amp;&amp;c==i.sortColumnIndex){h=i.newRows;h.reverse()}else{i.sortColumnIndex=c;var h=new Array();for(var f=0;f&lt;s.tBodies[0].rows.length;f++){h[f]=s.tBodies[0].rows[f]}h.sort(p)}i.moveRows(s,h);i.newRows=h;i.lastSortedTable=s.id;var q=css.getElementsByClass(m,"tableSortArrow","span");for(var f=0;f&lt;q.length;f++){var a=q[f].parentNode;a.removeChild(q[f]);if(a!=b){g=createElement("span");g.className="tableSortArrow";g.appendChild(document.createTextNode("\u00A0\u00A0"));a.appendChild(g)}}var g=createElement("span");g.className="tableSortArrow";if(null==d||""==d||"DESC"==d){g.appendChild(document.createTextNode(" \u2191"));g.setAttribute("sortOrder","ASC")}else{g.appendChild(document.createTextNode(" \u2193"));g.setAttribute("sortOrder","DESC")}b.appendChild(g);return false},getInnerText:function(d){if("string"==typeof d||"undefined"==typeof d){return d}if(d.innerText){return d.innerText}var e=d.getAttribute("standardistaTableSortingInnerText");if(null!=e&amp;&amp;""!=e){return e}e="";var c=d.childNodes;var a=c.length;for(var b=0;b&lt;a;b++){if(1==c[b].nodeType){e+=this.getInnerText(c[b]);break}else{if(3==c[b].nodeType){e+=c[b].nodeValue;break}}}d.setAttribute("standardistaTableSortingInnerText",e);return e},determineSortFunction:function(b){var a=this.sortCaseInsensitive;if(b.match(/^\d\d[\/-]\d\d[\/-]\d\d\d\d$/)){a=this.sortDate}if(b.match(/^\d\d[\/-]\d\d[\/-]\d\d$/)){a=this.sortDate}if(b.match(/^[Ј$]/)){a=this.sortCurrency}if(b.match(/^\d?\.?\d+$/)){a=this.sortNumeric}if(b.match(/^[+-]?\d*\.?\d+([eE]-?\d+)?$/)){a=this.sortNumeric}if(b.match(/^([01]?\d\d?|2[0-4]\d|25[0-5])\.([01]?\d\d?|2[0-4]\d|25[0-5])\.([01]?\d\d?|2[0-4]\d|25[0-5])\.([01]?\d\d?|2[0-4]\d|25[0-5])$/)){a=this.sortIP}return a},sortCaseInsensitive:function(d,c){var e=standardistaTableSorting.that;var f=e.getInnerText(d.cells[e.sortColumnIndex]).toLowerCase();var g=e.getInnerText(c.cells[e.sortColumnIndex]).toLowerCase();if(f==g){return 0}else{if(f&lt;g){return -1}else{return 1}}},sortDate:function(e,c){var h=standardistaTableSorting.that;var i=h.getInnerText(e.cells[h.sortColumnIndex]);var j=h.getInnerText(c.cells[h.sortColumnIndex]);var f,d,g=-1;if(i.length==10){f=i.substr(6,4)+i.substr(3,2)+i.substr(0,2)}else{g=i.substr(6,2);if(parseInt(g)&lt;50){g="20"+g}else{g="19"+g}f=g+i.substr(3,2)+i.substr(0,2)}if(j.length==10){d=j.substr(6,4)+j.substr(3,2)+j.substr(0,2)}else{g=j.substr(6,2);if(parseInt(g)&lt;50){g="20"+g}else{g="19"+g}d=g+j.substr(3,2)+j.substr(0,2)}if(f==d){return 0}else{if(f&lt;d){return -1}}return 1},sortCurrency:function(d,c){var e=standardistaTableSorting.that;var f=e.getInnerText(d.cells[e.sortColumnIndex]).replace(/[^0-9.]/g,"");var g=e.getInnerText(c.cells[e.sortColumnIndex]).replace(/[^0-9.]/g,"");return parseFloat(f)-parseFloat(g)},sortNumeric:function(d,c){var e=standardistaTableSorting.that;var f=parseFloat(e.getInnerText(d.cells[e.sortColumnIndex]));if(isNaN(f)){f=0}var g=parseFloat(e.getInnerText(c.cells[e.sortColumnIndex]));if(isNaN(g)){g=0}return f-g},makeStandardIPAddress:function(b){var a=b.split(".");for(x in a){b=a[x];while(3&gt;b.length){b="0"+b}a[x]=b}b=a.join(".");return b},sortIP:function(d,c){var e=standardistaTableSorting.that;var f=e.makeStandardIPAddress(e.getInnerText(d.cells[e.sortColumnIndex]).toLowerCase());var g=e.makeStandardIPAddress(e.getInnerText(c.cells[e.sortColumnIndex]).toLowerCase());if(f==g){return 0}else{if(f&lt;g){return -1}else{return 1}}},moveRows:function(d,b){this.isOdd=false;for(var a=0;a&lt;b.length;a++){var c=b[a];this.doStripe(c);d.tBodies[0].appendChild(c)}},doStripe:function(a){if(this.isOdd){css.addClassToElement(a,"odd")}else{css.removeClassFromElement(a,"odd")}this.isOdd=!this.isOdd}};function standardistaTableSortingInit(){standardistaTableSorting.init()}addEvent(window,"load",standardistaTableSortingInit);</code></p><p>Надеюсь, что редактор WordPress ничего не пожрал. <img
src='http://www.brimz.ru/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> Если что, то весь вышеприведенный код &#8212; одна строка.</p> Читайте также:<ul><li><a
href="http://www.brimz.ru/byistraya-i-krasivaya-sortirovka-tablits-bez-perezagruzki-stranitsyi.html" rel="bookmark" title="05.10.2009">Быстрая и красивая сортировка таблиц без перезагрузки страницы</a></li><li><a
href="http://www.brimz.ru/prodolzhayu-organizovyivat-obschenie-s-posetitelyami-sayta.html" rel="bookmark" title="11.06.2008">Продолжаю организовывать общение с посетителями сайта</a></li><li><a
href="http://www.brimz.ru/yandeks-vidzhet-dlya-sayta-exocur-ru.html" rel="bookmark" title="17.08.2010">Яндекс виджет для сайта exocur.ru</a></li></ul>]]></content:encoded> <wfw:commentRss>http://www.brimz.ru/standartista-skript-dlya-sortirovki-tablits-bez-perezagruzki-stranitsyi.html/feed</wfw:commentRss> <slash:comments>1</slash:comments> </item> <item><title>Быстрая и красивая сортировка таблиц без перезагрузки страницы</title><link>http://www.brimz.ru/byistraya-i-krasivaya-sortirovka-tablits-bez-perezagruzki-stranitsyi.html</link> <comments>http://www.brimz.ru/byistraya-i-krasivaya-sortirovka-tablits-bez-perezagruzki-stranitsyi.html#comments</comments> <pubDate>Mon, 05 Oct 2009 14:11:38 +0000</pubDate> <dc:creator>Владимир Лапшин</dc:creator> <category><![CDATA[Usability]]></category><guid
isPermaLink="false">http://www.brimz.ru/?p=1307</guid> <description><![CDATA[Сейчас, в свободное от SEO время, активно занимаюсь разработкой одного небольшого сервиса, потому и писать перестал. Основу этого проекта составляет одна единственная табличка с данными. Можно, конечно, сортировать ее с помощью PHP и MySQL, каждый раз выбирая данные и сортируя их в нужном порядке. Но табличка небольшая, в самом максимуме не больше 250 строк, а [...]]]></description> <content:encoded><![CDATA[<p>Сейчас, в свободное от <a
href="http://www.brimz.ru/uslugi">SEO</a> время, активно занимаюсь разработкой одного небольшого сервиса, потому и писать перестал. Основу этого проекта составляет одна единственная табличка с данными. Можно, конечно, сортировать ее с помощью PHP и MySQL, каждый раз выбирая данные и сортируя их в нужном порядке. Но табличка небольшая, в самом максимуме не больше 250 строк, а пока и вовсе меньше 100, так что заставлять пользователей ждать перезагрузки страницы не хотелось.</p><p>Стал искать варианты сортировки таблиц без перезагрузки страницы с помощью JavaScript.</p><p><span
id="more-1307"></span>Первой на глаза попалась статья <a
href="http://htmlcoder.visions.ru/JavaScript/?22">&#171;Сортировка столбцов в таблице без перезагрузки&#187;</a>.</p><p
style="text-align: center;"><img
class="alignnone size-full wp-image-1308" title="htmlcoder.visions" src="http://www.brimz.ru/wp-content/uploads/2009/10/htmlcoder.visions.gif" alt="htmlcoder.visions" width="450" height="173" /></p><p>Самый легкий скрипт, сам .js заниемает меньше 6 килобайт даже без оптимизации. Только вот корректно отсортировать столбец с временем в формате &#171;чч:мм:сс&#187; ему не удалось, а еще более неприятно то, что некоторые элементы оформления запрятаны в сам скрипт, а не в таблицу стилей.</p><p>Второй была статья <a
href="http://cyrill.co.uk/2008/01/14/beautiful-js-grids/">&#171;Красивые таблицы с применением DHTML/Javascript/AJAX&#187;</a>. В ней приведен обзор целых 14 решений для крисивой сортировки таблиц без перезагрузки страницы: Tablesorter, ExtJs Grid, dhtmlxGrid, Phatfusion sortable, Mootable sorting, Elite zebra tables, Prototype TableKit, Таблицы и Ruby On Rails, Unobtrusive table sort, Yahoo! UI Datatables, Standartista, Sortable tables by WebFX, SortedTable, Mootools Table Row and Column Highlighting.</p><p>Но на практике такое обилие выбора скорее меня смутило. Попробовал я только <strong>Tablesorter </strong>- плагин для JQuery, позволяющий легко добавить сортировку (по нескольким столбцам!) к таблицам. Поддерживает пакеты стилей (скины), имеет интерфейс для написания и подключения виджетов, одним из которых является поставляемая в комплекте зебра. Имеется автоматическое определение типа данных в столбце – впрочем, не всегда корректно работающее — мне пришлось писать собственный сортировщик для дат в формате дд-мм-гггг, что, впрочем, нисколько не умаляет достоинств этого скриптика.</p><p
style="text-align: center;"><img
class="alignnone size-full wp-image-1309" title="tablesorter" src="http://www.brimz.ru/wp-content/uploads/2009/10/tablesorter.jpg" alt="tablesorter" width="450" height="107" /></p><p>Действительно получается очень красивая таблица, море всяких настроек&#8230; Только вот 12Кб на сам скрипт и еще 50Кб на JQuery явный перебор, жаба меня задушила. <img
src='http://www.brimz.ru/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /></p><p>И не только меня. Похожий путь прошел Владимир Жилинский, о чем рассказал в статье <a
href="http://zhilinsky.ru/2009/06/30/js-tables/">&#171;Таблицы: красиво и удобно&#187;</a>. Он выделил 2 скрипта: Unobtrusive table sort и Standartista, которые были и в предыдущем обзоре, только там я на них не обратил особого внимания. А вот после статьи Владимира остановился на скрипте <strong>Standartista</strong>.</p><p
style="text-align: center;"><img
class="alignnone size-full wp-image-1310" title="standartista1" src="http://www.brimz.ru/wp-content/uploads/2009/10/standartista1.png" alt="standartista1" width="221" height="273" /></p><p>По умолчанию оформление таблиц довольно неказистое, поэтому я сначала и не обратил внимания. Но все изменяется с помощью CSS и доводится до того вида, который нужен. Сам код JavaScript зачем-то разбит на 3 разных файла, но после объединения в один, весит он 19Кб, а после обработки YUI Compressor&#8217;ом и вовсе 7Кб, что приемлемо.</p><p>Так что в ближайшее время надеюсь показать то, для чего все это было нужно. <img
src='http://www.brimz.ru/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /></p> Читайте также:<ul><li><a
href="http://www.brimz.ru/standartista-skript-dlya-sortirovki-tablits-bez-perezagruzki-stranitsyi.html" rel="bookmark" title="06.10.2009">Standartista &#8212; скрипт для сортировки таблиц без перезагрузки страницы</a></li><li><a
href="http://www.brimz.ru/znakomstvo-s-vuzom.html" rel="bookmark" title="13.02.2009">Знакомство с ВУЗом</a></li><li><a
href="http://www.brimz.ru/doveritelnyj-marketing-kak-iz-neznakomca-sdelat-druga-i-prevratit-ego-v-pokupatelya-set-godin.html" rel="bookmark" title="01.05.2008">&#171;Доверительный маркетинг. Как из незнакомца сделать друга и превратить его в покупателя&#187; Сет Годин</a></li></ul>]]></content:encoded> <wfw:commentRss>http://www.brimz.ru/byistraya-i-krasivaya-sortirovka-tablits-bez-perezagruzki-stranitsyi.html/feed</wfw:commentRss> <slash:comments>9</slash:comments> </item> <item><title>О конкуренции с большими порталами</title><link>http://www.brimz.ru/o-konkurentsii-s-bolshimi-portalami.html</link> <comments>http://www.brimz.ru/o-konkurentsii-s-bolshimi-portalami.html#comments</comments> <pubDate>Mon, 11 Aug 2008 19:01:26 +0000</pubDate> <dc:creator>Владимир Лапшин</dc:creator> <category><![CDATA[Usability]]></category><guid
isPermaLink="false">http://www.brimz.ru/?p=312</guid> <description><![CDATA[Хотел ли своим вчерашним постом про олимпийские сайты сказать, что у нас делать их не умеют? Вовсе нет. Хотя они действительно стали похуже в последнее время. Это еще и по Евро 2008 было видно. Там тоже ссылки на онлайн трансляции отечественных каналов на русском языке можно было найти на официальном сайте, но не на наших [...]]]></description> <content:encoded><![CDATA[<p>Хотел ли своим вчерашним постом про <a
href="http://www.brimz.ru/olimpiyskie-saytyi.html">олимпийские сайты</a> сказать, что у нас делать их не умеют? Вовсе нет. Хотя они действительно стали похуже в последнее время. Это еще и по Евро 2008 было видно. Там тоже ссылки на онлайн трансляции <strong>отечественных каналов</strong> на русском языке можно было найти на официальном сайте, но не на наших порталах&#8230;</p><p>С другой стороны я все еще автоматом перед тем, как начать какой-то сайт искать, захожу именно на известные порталы в надежде найти нужную информацию там. Потому что в свое время там все было сделано очень хорошо. Но либо мои запросы возросли, либо действительно, набрав аудиторию, топовые порталы расслабились.</p><p>А это говорит о том, что сделав свой сайт, <a
href="http://www.brimz.ru/biznes-dlya-sebya.html">сайт для себя</a>, который будет отвечать именно на те, заданные вами вопросы, которые не удалось найти где-то еще, вполне реально сделать сайт более удобный, а при достойном наполнении и рекламе и более посещаемый, чем разделы больших порталов.</p><p>Конечно, ориентироваться только на свое собственное мнение не стоит. Спросите хотя бы несколько ваших друзей, будет ли им это интересно, нужно ли это, или действительно такая специфичная функция нужна только вам. <img
src='http://www.brimz.ru/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /></p><p><img
src="http://www.blogan.ru/it.000000.004987.i.gif" alt="" width="1" height="1" /></p> ]]></content:encoded> <wfw:commentRss>http://www.brimz.ru/o-konkurentsii-s-bolshimi-portalami.html/feed</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>Олимпийские сайты</title><link>http://www.brimz.ru/olimpiyskie-saytyi.html</link> <comments>http://www.brimz.ru/olimpiyskie-saytyi.html#comments</comments> <pubDate>Sun, 10 Aug 2008 19:23:00 +0000</pubDate> <dc:creator>Владимир Лапшин</dc:creator> <category><![CDATA[Usability]]></category><guid
isPermaLink="false">http://www.brimz.ru/?p=310</guid> <description><![CDATA[Хотелось малого: просто понять сколько медалей у нашей сборной, в каких видах спорта они получены и кем. Облазил несколько русскоязычных сайтов, посвященных Олимпиаде, в том числе соответствующие разделы на Рамблере, Яндексе и Мейле. Узнать общее количество медалей, их достоинство, и место страны в общем зачете удалось без проблем. А вот найти в каких видах спорта [...]]]></description> <content:encoded><![CDATA[<p><img
class="alignright size-full wp-image-311" style="float: right;" title="med" src="http://www.brimz.ru/wp-content/uploads/2008/08/med.gif" alt="" width="88" height="102" />Хотелось малого: просто понять сколько медалей у нашей сборной, в каких видах спорта они получены и кем.</p><p>Облазил несколько русскоязычных сайтов, посвященных Олимпиаде, в том числе соответствующие разделы на Рамблере, Яндексе и Мейле.</p><p>Узнать общее количество медалей, их достоинство, и место страны в общем зачете удалось без проблем. А вот найти в каких видах спорта и кем награды были завоеваны удалось только на официальном, китайском, <a
href="http://results.beijing2008.cn/WRM/ENG/INF/GL/92A/RUS_T.shtml">сайте олимпиады</a>.</p><p>Спасибо китайцам, хотя бы на английском языке.</p> ]]></content:encoded> <wfw:commentRss>http://www.brimz.ru/olimpiyskie-saytyi.html/feed</wfw:commentRss> <slash:comments>4</slash:comments> </item> <item><title>Мерчандайзинг и usability</title><link>http://www.brimz.ru/merchandayzing-i-usability.html</link> <comments>http://www.brimz.ru/merchandayzing-i-usability.html#comments</comments> <pubDate>Fri, 20 Jun 2008 18:50:49 +0000</pubDate> <dc:creator>Владимир Лапшин</dc:creator> <category><![CDATA[Usability]]></category> <category><![CDATA[Свое дело]]></category><guid
isPermaLink="false">http://www.brimz.ru/?p=220</guid> <description><![CDATA[Мерчандайзинг &#8212; это система мероприятий, проводимых в микромире магазина и направленных на то, чтобы покупателю было удобно, приятно и выгодно совершать покупки, чтобы облегчить покупателю процесс выбора и покупки товара. Т.е. мерчандайзинг &#8212; это работы по улучшению usability торгового зала и непосредственно самих процессов, связанных с совершением покупки. Соответственно верно и обратное утверждение. Работы по [...]]]></description> <content:encoded><![CDATA[<p>Мерчандайзинг &#8212; это система мероприятий, проводимых в микромире магазина и направленных на то, чтобы покупателю было удобно, приятно и выгодно совершать покупки, чтобы облегчить покупателю процесс выбора и покупки товара.</p><p>Т.е. <strong>мерчандайзинг</strong> &#8212; это работы по улучшению <strong>usability</strong> торгового зала и непосредственно самих процессов, связанных с совершением покупки.</p><p>Соответственно верно и обратное утверждение. Работы по улучшению usability интернет-магазина есть не что иное как мерчандайзинг.</p> Читайте также:<ul><li><a
href="http://www.brimz.ru/url-po-russki-ili-translitom.html" rel="bookmark" title="06.03.2008">URL: по-русски или транслитом?</a></li><li><a
href="http://www.brimz.ru/otdelnostoyashhij-blog.html" rel="bookmark" title="04.03.2008">Отдельностоящий блог</a></li></ul>]]></content:encoded> <wfw:commentRss>http://www.brimz.ru/merchandayzing-i-usability.html/feed</wfw:commentRss> <slash:comments>1</slash:comments> </item> <item><title>Продолжаю организовывать общение с посетителями сайта</title><link>http://www.brimz.ru/prodolzhayu-organizovyivat-obschenie-s-posetitelyami-sayta.html</link> <comments>http://www.brimz.ru/prodolzhayu-organizovyivat-obschenie-s-posetitelyami-sayta.html#comments</comments> <pubDate>Wed, 11 Jun 2008 14:20:49 +0000</pubDate> <dc:creator>Владимир Лапшин</dc:creator> <category><![CDATA[Usability]]></category><guid
isPermaLink="false">http://www.brimz.ru/?p=201</guid> <description><![CDATA[В прошлый раз (&#171;Варианты организации общения с посетителями сайта&#171;) я выбирал между сервисами Hab.la и Google Talk chatback badge, остановившись на последнем. И похоже был неправ. На путь истинный наставил меня Владимир Жилинский, показав дополнительные возможности Hab.la в комментариях. Оказалось, что Hab.la вполне позволяет встроить чат в сайдбар или страницу: А это как раз то, [...]]]></description> <content:encoded><![CDATA[<p>В прошлый раз (&#171;<a
href="http://www.brimz.ru/variantyi-organizatsii-obscheniya-s-posetitelyami-sayta.html">Варианты организации общения с посетителями сайта</a>&#171;) я выбирал между сервисами <a
href="http://hab.la/">Hab.la</a> и <a
href="http://www.google.com/talk/service/badge/New">Google Talk chatback badge</a>, остановившись на последнем. И похоже был неправ. На путь истинный наставил меня <a
href="http://zhilinsky.ru/">Владимир Жилинский</a>, показав дополнительные возможности Hab.la в комментариях.</p><p>Оказалось, что Hab.la вполне позволяет встроить чат в сайдбар или страницу:</p><p
style="text-align: center;"><img
class="alignnone size-full wp-image-202 aligncenter" title="inline-habla" src="http://www.brimz.ru/wp-content/uploads/2008/06/inline-habla.png" alt="An Inline Hab.la chat" width="450" height="176" /></p><p><span
id="more-201"></span>А это как раз то, чего мне хотелось. Чтобы посетитель сразу же из сайдбара мог связаться со мной.</p><p>для того, чтобы встроить Hab.la в страницу нужно подключить 2 куска кода:</p><p>1. Непосредственно сам скрипт, с настройками которого можно поиграть:</p><p>&lt;script type=&#187;text/javascript&#187; src=&#187;http://static.hab.la/js/wc.js&#187;&gt;&lt;/script&gt;<br
/> &lt;script type=&#187;text/javascript&#187;&gt;<br
/> c = wc_config();<br
/> c.setInline(1);<br
/> c.setWidth(300);<br
/> c.vars["convo_height"] = 300;<br
/> c.vars["start_expanded"] = 1;<br
/> c.vars["enable_buttons"] = false;</p><p>wc_init(&#171;хххх-ххххххх-хх-хххх&#187;,c );<br
/> &lt;/script&gt;</p><p>2. Непосредственно сам код надо вставить в то место, где будет выводиться окно чата:</p><p>&lt;div id=&#187;habla_window_div&#187;&gt;<br
/> &lt;/div&gt;</p><p>Но после того, как я прикрутил чат в сайдбар, мне эта идея разонравилась&#8230;</p><p
style="text-align: center;"><img
class="alignnone size-full wp-image-203 aligncenter" title="habla-in-sidebar" src="http://www.brimz.ru/wp-content/uploads/2008/06/habla-in-sidebar.png" alt="Hab.la in sidebar" width="281" height="383" /></p><p>И выглядит не очень и чат сразу у человека начинается без какого-либо предупреждения.</p><p>Но пока регистрировался, оказалось, что у сервиса ничуть не меньше возможностей встраивания, чем у Google Talk chatback badge.</p><p>Например, можно воспользоваться одной из нескольких кнопок для старта чата:</p><p
style="text-align: center;"><img
class="alignnone size-full wp-image-204 aligncenter" title="habla-start-chat-button" src="http://www.brimz.ru/wp-content/uploads/2008/06/habla-start-chat-button.png" alt="" width="239" height="145" /></p><p>Или даже использовать свои собственные.</p><p>Ну а в таком случае можно сделать и обычную ссылку, при клике на которую появится окно чата:</p><p
style="text-align: center;"><img
class="alignnone size-full wp-image-205 aligncenter" title="2008-04-20-17-1057" src="http://www.brimz.ru/wp-content/uploads/2008/06/2008-04-20-17-1057.png" alt="" width="304" height="283" /></p><p>Имя домена в адресной строке браузера при этом правда заменится на сервисное:</p><p
style="text-align: center;"><img
class="alignnone size-full wp-image-206 aligncenter" title="habla-in-address" src="http://www.brimz.ru/wp-content/uploads/2008/06/habla-in-address.png" alt="" width="442" height="26" /></p><p>Зато, посетитель может продолжать перемещаться по страницам сайта, не теряя из виду окошко чата, оно всегда будет в правом нижнем углу над текстом.</p><p>А вторым огромным плюсом является то, что используется Jabber, что позволило настроить получение сообщение в QIP&#8217;е.</p><p
style="text-align: center;"><img
class="alignnone size-full wp-image-207 aligncenter" title="habla-qip" src="http://www.brimz.ru/wp-content/uploads/2008/06/habla-qip.png" alt="" width="393" height="306" /></p><p>Для этого открываем &#171;Настройки&#187; &#8212; &#171;Учетные записи&#187; &#8212; Включаем Jabber &#8212; &#171;Настроить&#187;</p><p>В учетной записи пишем имя, под которым вы зарегистрировались в Hab.la, добавлять при этом @hab.la не надо.</p><p>В поле сервер вводим &#171;hab.la&#187;, порт стандартный &#8212; &#171;5222&#8243;.</p><p>После этого переводим протокол Jabber в состояние &#171;online&#187; и начинаем общаться с посетителями сайта в режиме реального времени.</p><p>Любые вопросы, предложения и критику готов обсудить в комментариях. <img
src='http://www.brimz.ru/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /></p> Читайте также:<ul><li><a
href="http://www.brimz.ru/variantyi-organizatsii-obscheniya-s-posetitelyami-sayta.html" rel="bookmark" title="09.06.2008">Варианты организации общения с посетителями сайта</a></li><li><a
href="http://www.brimz.ru/yandeks-vidzhet-dlya-sayta-exocur-ru.html" rel="bookmark" title="17.08.2010">Яндекс виджет для сайта exocur.ru</a></li><li><a
href="http://www.brimz.ru/standartista-skript-dlya-sortirovki-tablits-bez-perezagruzki-stranitsyi.html" rel="bookmark" title="06.10.2009">Standartista &#8212; скрипт для сортировки таблиц без перезагрузки страницы</a></li></ul>]]></content:encoded> <wfw:commentRss>http://www.brimz.ru/prodolzhayu-organizovyivat-obschenie-s-posetitelyami-sayta.html/feed</wfw:commentRss> <slash:comments>4</slash:comments> </item> <item><title>Варианты организации общения с посетителями сайта</title><link>http://www.brimz.ru/variantyi-organizatsii-obscheniya-s-posetitelyami-sayta.html</link> <comments>http://www.brimz.ru/variantyi-organizatsii-obscheniya-s-posetitelyami-sayta.html#comments</comments> <pubDate>Mon, 09 Jun 2008 15:00:28 +0000</pubDate> <dc:creator>Владимир Лапшин</dc:creator> <category><![CDATA[Usability]]></category><guid
isPermaLink="false">http://www.brimz.ru/?p=195</guid> <description><![CDATA[Я уже пытался затронуть тему организации удобного общения с посетителями сайта в заметке &#171;Форма для онлайн-консультирования на сайте&#171;. Удобно &#8212; это значит, чтобы людям не приходилось набирать номер телефона, копировать номер аськи и добавлять меня в список контактов. Ну а электронная почта и вовсе не предусматривает моментального ответа. Тогда мне попались сервисы &#171;Plugoo&#171;, к сожалению [...]]]></description> <content:encoded><![CDATA[<p>Я уже пытался затронуть тему организации удобного общения с посетителями сайта в заметке &#171;<a
href="http://www.brimz.ru/forma-dlya-onlajn-konsultirovaniya-na-sajte.html">Форма для онлайн-консультирования на сайте</a>&#171;. Удобно &#8212; это значит, чтобы людям не приходилось набирать номер телефона, копировать номер аськи и добавлять меня в список контактов. Ну а электронная почта и вовсе не предусматривает моментального ответа.</p><p>Тогда мне попались сервисы &#171;<a
href="http://www.plugoo.com/">Plugoo</a>&#171;, к сожалению не поддерживающий русский язык, и &#171;<a
href="http://webim.ru/">Веб Мессенджер</a>&#187; &#8212; слишком серьезный для моих задач.</p><p>В принципе я чувствовал, что на этом сервисы не заканчиваются, но беглый поиск ничего не дал, а на серьезный времени не хватило, да вроде не очень-то оно и надо&#8230;</p><p><span
id="more-195"></span>А вот Владимиру Жилинскому времени хватило. И его обзор &#171;<a
href="http://zhilinsky.ru/2008/05/24/live-chat-software/">Организация общения с посетителями сайта: варианты</a>&#187; включает куда больше сервисов.</p><p>Вариант написания сервиса под себя отпал сразу, не такой уж я программист, неохота, да и хочется получить стандартное качественное решение.</p><p>Список корпоративных решений пополнился, сейчас столь обширная функциональность мне не нужна, да и платные они почти все, но возможно что-то из них пригодится в будущем:</p><ul><li><a
href="http://www.webim.ru/">Веб Мессенджер</a></li><li><a
href="http://www.sitehelper.net/">SiteHelper.NET</a></li><li><a
href="http://www.gotalk.ru/">GoTalk</a></li><li><a
href="http://www.livecontact.ru/">LiveContact</a></li></ul><p>Но самое приятно, что Владимир нашел 2 вполне сносно работающих бесплатных сервиса с нужными функциями:</p><p>1. <a
href="http://hab.la/">Hab.la</a>. Весьма удобный сервис, основанный на Jabber. Легко настраивается, не вызывает конфликтов, легко интегрируется в любую страницу, позволяет использовать любой jabber-клиент на стороне оператора. Подробнее про хаблу можно <a
href="http://dikiy.com/blog/archive/2008/04/20/hab-l-jabber.html">почитать у Дикого</a>.</p><p>Jabber &#8212; это хорошо, но мне не очень понравился всплывающий поп-ап на сайте:</p><p
style="text-align: center;"><img
class="alignnone size-full wp-image-196 aligncenter" title="2008-04-20-17-0945" src="http://www.brimz.ru/wp-content/uploads/2008/06/2008-04-20-17-0945.png" alt="" width="300" height="73" /></p><p>Мне кажется, что такой вариант не самый интуитивный, очень уж он непривычный.</p><p>2. <a
href="http://www.google.com/talk/service/badge/New">Google Talk chatback badge</a>. Просто и со вкусом, если грамотно оформить, то вполне приемлемо. Но найден недостаток в реализации &#8212; сделано с использованием Flash (Google, ЗАЧЕМ?), что ограничивает в общении неанглоязчных пользователей не-windows. Я надеюсь, в Google исправят этот косяк.</p><p>Остановился я на нем, не смотря на то, что пришлось поставить новую программку &#8212; Google Talk, и даже не смотря на проблемы неанглоязчных пользователей не-windows. Извините, господа, но вас <a
href="http://www.liveinternet.ru/stat/ru/oses.html?date=2008-05-31;period=month">по статистике</a> аж целый 1%. Все же надеюсь, что Google решит данную проблему и все станет совсем хорошо.</p><p>А в разделе контактов в сайдбаре появилась новая строчка:</p><p
style="text-align: center;"><img
class="alignnone size-full wp-image-197 aligncenter" title="contacts" src="http://www.brimz.ru/wp-content/uploads/2008/06/contacts.png" alt="" width="250" height="121" /></p><p>После клика по ссылке откроется новое окно, в котором и можно со мной пообщаться.</p><p>Вот только не совсем мне нравится то, что сейчас получилось&#8230; А нет ли у вас идей, как лучше эту ссылку оформить? <img
src='http://www.brimz.ru/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /></p> Читайте также:<ul><li><a
href="http://www.brimz.ru/prodolzhayu-organizovyivat-obschenie-s-posetitelyami-sayta.html" rel="bookmark" title="11.06.2008">Продолжаю организовывать общение с посетителями сайта</a></li><li><a
href="http://www.brimz.ru/forma-dlya-onlajn-konsultirovaniya-na-sajte.html" rel="bookmark" title="15.04.2008">Форма для онлайн-консультирования на сайте</a></li><li><a
href="http://www.brimz.ru/sinxronizaciya-dannyx-mezhdu-usb-fleshkoj-i-kompyuterom.html" rel="bookmark" title="06.05.2008">Синхронизация данных между usb флешкой и компьютером</a></li></ul>]]></content:encoded> <wfw:commentRss>http://www.brimz.ru/variantyi-organizatsii-obscheniya-s-posetitelyami-sayta.html/feed</wfw:commentRss> <slash:comments>10</slash:comments> </item> <item><title>Примитивные статистические алгоритмы рекомендация для интернет-магазина</title><link>http://www.brimz.ru/primitivnye-statisticheskie-algoritmy-rekomendaciya-dlya-internet-magazina.html</link> <comments>http://www.brimz.ru/primitivnye-statisticheskie-algoritmy-rekomendaciya-dlya-internet-magazina.html#comments</comments> <pubDate>Tue, 27 May 2008 07:35:58 +0000</pubDate> <dc:creator>Владимир Лапшин</dc:creator> <category><![CDATA[Usability]]></category><guid
isPermaLink="false">http://www.brimz.ru/primitivnye-statisticheskie-algoritmy-rekomendaciya-dlya-internet-magazina.html</guid> <description><![CDATA[Amazon.com утверждает, что 40% продаж генерируются через механизмы рекомендаций. В Ozon.ru на сегодняшний момент треть всех добавлений в корзину делаются через рекомендации. Оборот обычно коррелирует с добавлениями в корзину, поэтому можно считать, что треть оборота прокачивается через рекомендации. Системы различных рекомендаций появились для того, чтобы облегчить покупателю выбор, т.к. выбор стал слишком большой. Например, в [...]]]></description> <content:encoded><![CDATA[<p
style="text-align: left;">Amazon.com утверждает, что 40% продаж генерируются через механизмы рекомендаций. В Ozon.ru на сегодняшний момент треть всех добавлений в корзину делаются через рекомендации. Оборот обычно коррелирует с добавлениями в корзину, поэтому можно считать, что треть оборота <i>прокачивается</i> через рекомендации.</p><p
style="text-align: left;">Системы различных рекомендаций появились для того, чтобы облегчить покупателю выбор, т.к. выбор стал слишком большой. Например, в Ozon.ru несколько сотен тысяч товаров. Понятно, что сделать выбор очень и очень трудно. Преимущество большого выбора превращается в недостаток &#8212; необходимо много времени и усилий. Очень хороший пример здесь &#8212; интернет-магазин Утконос &#8212; очень долго приходится выбирать. Иногда даже кажется, что в обычном магазине все быстрее получится.</p><p>Преимущество электронной коммерции заключается в полноте данных, например, Ozon.ru использует для построения рекомендаций историю заказов, содержимое корзины, просмотры товаров, отзывы и рейтинги. В обычном offline магазине это сделать невозможно.</p><p><span
id="more-164"></span></p><h3><b>Примитивные статистические алгоритмы</b></h3><p
style="text-align: left;">Именно с этих алгоритмов нужно начать проект рекомендаций на любом торговом сайте. Эти алгоритмы просты и надежны, не нужно иметь семи пядей во лбу, чтобы получить хорошие результаты. Суммарная отдача от них будет больше, чем от персонализированных рекомендаций.</p><p
style="text-align: left;"><b>1. После просмотра этого товара купили </b><br
/> Для такого алгоритма обычна анализируется сессии клиента, нехитрыми действиями генерируются списки сопутствующих товаров. Обычно этот алгоритм дает очень хорошие результаты, особенно, когда собрано достаточно информации.</p><p
style="text-align: center;"><img
width="551" height="154" src="http://www.brimz.ru/wp-content/uploads/buyafterview.png" alt="Те, кто смотрел эту страницу, затем купили" /></p><p
style="text-align: left;">&nbsp;</p><p
style="text-align: left;"><b>2. После этой поисковой фразы еще искали</b> (и приводится список сопутствующих поисковых фраз)<br
/> В другой реализации алгоритма можно сразу показывать товары, которые обычно покупают после данной поисковой фразы.</p><p
style="text-align: center;"><img
width="535" height="312" src="http://www.brimz.ru/wp-content/uploads/buyaftersearch.png" alt="Те, кто искал, купили" /></p><p
style="text-align: left;">&nbsp;</p><p
style="text-align: left;"><b>3. После просмотра данного товара, интересовались </b><br
/> Очень неплохой алгоритм на этапе <i>холодного </i>старта проекта. Бывает, что для алгоритма <i>После просмотра этого товара купили</i> недостаточно данных, и он здесь очень сильно пригодится.</p><p
style="text-align: center;"><img
width="550" height="139" src="http://www.brimz.ru/wp-content/uploads/viewafterview.png" alt="Те, кто смотрел эту страницу, интересовались" /></p><p
style="text-align: left;"><i>Источник: </i><a
href="http://kpis.ru/2008/04/29/Item_to_Item_Amazon.html"><i>http://kpis.ru/</i></a></p> Читайте также:<ul><li><a
href="http://www.brimz.ru/stoimost-dostavki-v-knizhnyx-internet-magazinax-po-moskve-v-predelax-mkad.html" rel="bookmark" title="18.05.2008">Стоимость доставки в книжных интернет-магазинах по Москве в пределах МКАД</a></li><li><a
href="http://www.brimz.ru/kak-stat-superzvezdoj-marketinga-neobychnye-pravila-blagodarya-kotorym-pobedno-zazvenit-vash-kassovyj-apparat-dzheffri-dzh-foks.html" rel="bookmark" title="05.05.2008">&#171;Как стать суперзвездой маркетинга. Необычные правила, благодаря которым победно зазвенит ваш кассовый аппарат&#187; Джеффри Дж. Фокс</a></li><li><a
href="http://www.brimz.ru/sushi-bary-kafe-i-restorany-yaponskoj-kuxni.html" rel="bookmark" title="15.03.2008">Суши-бары, кафе и рестораны японской кухни</a></li></ul>]]></content:encoded> <wfw:commentRss>http://www.brimz.ru/primitivnye-statisticheskie-algoritmy-rekomendaciya-dlya-internet-magazina.html/feed</wfw:commentRss> <slash:comments>0</slash:comments> </item> </channel> </rss>
<!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/

Minified using disk: basic
Page Caching using disk: basic
Database Caching 28/69 queries in 0.038 seconds using disk: basic

Served from: www.brimz.ru @ 2012-02-10 14:17:13 -->
