<?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; интерфейсы</title>
	<atom:link href="http://glebkalinin.ru/tag/interfaces/feed/" rel="self" type="application/rss+xml" />
	<link>http://glebkalinin.ru</link>
	<description>Дизайн, проектирование, контент и здравый смысл</description>
	<lastBuildDate>Wed, 01 Feb 2012 11:50:52 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3</generator>
		<item>
		<title>Типология дизайна и его продажи</title>
		<link>http://glebkalinin.ru/design-typology/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=design-typology</link>
		<comments>http://glebkalinin.ru/design-typology/#comments</comments>
		<pubDate>Mon, 01 Nov 2010 15:51:58 +0000</pubDate>
		<dc:creator>Глеб Калинин</dc:creator>
				<category><![CDATA[блог]]></category>
		<category><![CDATA[бизнес]]></category>
		<category><![CDATA[веб-проекты]]></category>
		<category><![CDATA[дизайн]]></category>
		<category><![CDATA[интерфейсы]]></category>

		<guid isPermaLink="false">http://glebkalinin.ru/?p=141</guid>
		<description><![CDATA[Продолжая изучение темы дизайна, читаю замечательное у&#160;Лизы Орешкиной: На&#160;сегодняшний день существует огромное количество &#171;дизайнов&#187;, которые чем только не&#160;занимаются, и&#160;еще столько&#160;же дисциплин, которые дизайном не&#160;называются, но&#160;являются им&#160;по&#160;сути. Мне очень хочется все это упорядочить, создав, хотя&#160;бы для себя, понятную общую дизайн-типологию. <a class="more-link" title="Перейти к описанию книги" href="http://glebkalinin.ru/design-typology/">...</a> Я&#160;решила отвлечься от&#160;всей существующей терминологии и&#160;начать именно задач, которые должен решать дизайн. Не&#160;задач вроде &#171;сделать <a class="more-link" title="Перейти к описанию книги" href="http://glebkalinin.ru/design-typology/">...</a>]]></description>
			<content:encoded><![CDATA[<p>Продолжая изучение <a href="http://glebkalinin.ru/design-research-hcd/">темы дизайна</a>, читаю замечательное у&nbsp;Лизы Орешкиной:</p>
<blockquote><p>На&nbsp;сегодняшний день существует огромное количество &laquo;дизайнов&raquo;, которые чем только не&nbsp;занимаются, и&nbsp;еще столько&nbsp;же дисциплин, которые дизайном не&nbsp;называются, но&nbsp;являются им&nbsp;по&nbsp;сути. Мне очень хочется все это упорядочить, создав, хотя&nbsp;бы для себя, понятную общую дизайн-типологию. [...]</p>
<p>Я&nbsp;решила отвлечься от&nbsp;всей существующей терминологии и&nbsp;начать именно задач, которые должен решать дизайн. Не&nbsp;задач вроде &laquo;сделать логотип&raquo;, а&nbsp;настоящих, вроде &laquo;привлечь аудиторию&raquo; или &laquo;разработать систему оплаты через интернет&raquo;. Подумав (долго), я&nbsp;пришла к&nbsp;трем общим и&nbsp;очень абстрактным категориям, на&nbsp;которые задачи можно разделить:</p>
<ol>
<li>Пространственные (вся предметная и&nbsp;понятийная среда)</li>
<li>Чувственные (все, что связано с&nbsp;нашими желаниями, восприятием и&nbsp;самочувствием)</li>
<li>Коммуникационные (взаимодействия, передвижение, энергообмен всего и&nbsp;вся)</li>
</ol>
</blockquote>
<p><a href="http://designthe.info/blog/articles/design_typology.html"><img src="http://raum7linodewp.s3.amazonaws.com/wp-content/uploads/2010/11/design_is_ru_2-500x548.gif" alt="" title="Елизавета Орешкина. Какие задачи решает дизайн?" width="500" height="548" class="alignnone size-medium wp-image-142" /></a></p>
<p>Вся заметка <a href="http://designthe.info/blog/articles/design_typology.html">Типология Дизайна&nbsp;1.0</a> несомненно стоит внимания, Лиза очень чётко всё расписывает.<br />
<span id="more-141"></span><br />
Это именно тот дизайн, которым мне хочется заниматься, однако с&nbsp;высоты своего опыта вижу, что такой <em>дизайн</em> очень непросто <strong>продавать</strong>. По&nbsp;моему опыту российский клиент (во&nbsp;всяком случае того уровня, с&nbsp;которым мне приходится иметь дело) чаще всего не&nbsp;готов на&nbsp;полноценное участие агентства в&nbsp;работе, не&nbsp;понимает, зачем нужен, например, этап проектирования, который у&nbsp;нас в&nbsp;<a href="http://raum-7.com/">Raum7</a> является обязательным, а&nbsp;уж&nbsp;тем более не&nbsp;понимает, почему он&nbsp;стоит отдельных денег. По&nbsp;всем этапам приходится проводить образовательную работу, долго и&nbsp;тщательно объяснять, показывать примеры, и&nbsp;при удачном стечении обстоятельств добиваться-таки понимания.</p>
<p>В&nbsp;продаже таких услуг требуется предельная ясность, чёткость, а&nbsp;также некоторое чутьё&nbsp;&mdash; опять&nbsp;же исходя из&nbsp;опыта, я&nbsp;понял, что далеко <strong>не&nbsp;всякий клиент&nbsp;&mdash; наш</strong>. У&nbsp;нас были случаи, когда клиент, согласившийся на&nbsp;нашу проектную методологию и&nbsp;подписавший договор, не&nbsp;захотел или не&nbsp;смог по&nbsp;ней с&nbsp;нами работать&nbsp;&mdash; этап проектирования (самый важный!) превратился в&nbsp;фарс, а&nbsp;конечный результат работы оказался неудовлетворительным для нас и&nbsp;бесполезным для клиента. Проект был полностью оплачен, но&nbsp;поскольку финаносовые потоки&nbsp;&mdash; не&nbsp;единственное, ради чего мы&nbsp;трудимся, в&nbsp;целом он&nbsp;оказался бесполезным, хотя и&nbsp;поучительным.</p>
<p>Полностью избежать подобных ситуаций наверное невозможно, но&nbsp;сделать всё, чтобы это не&nbsp;произошло&nbsp;&mdash; в&nbsp;наших руках. Для этого для новых клиентов стоит иметь подробнейшую документацию по&nbsp;всей вашей деятельность с&nbsp;конкретными примерами&nbsp;&mdash; какие задачи, для кого и&nbsp;как вы&nbsp;решали, каков процесс работы, как построены коммуникации и&nbsp;т.д. Это очень важно, так как клиент должен быть готов к&nbsp;тому, что процесс разработки продукта, которым является сайт, требует постоянного участия и&nbsp;с&nbsp;его стороны.</p>
<img src="http://glebkalinin.ru/?ak_action=api_record_view&id=141&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://glebkalinin.ru/design-typology/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Контент-менеджмент и веб-публикации</title>
		<link>http://glebkalinin.ru/content-management-vs-web-publishing/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=content-management-vs-web-publishing</link>
		<comments>http://glebkalinin.ru/content-management-vs-web-publishing/#comments</comments>
		<pubDate>Fri, 04 Dec 2009 17:47:39 +0000</pubDate>
		<dc:creator>Глеб Калинин</dc:creator>
				<category><![CDATA[блог]]></category>
		<category><![CDATA[веб]]></category>
		<category><![CDATA[данные]]></category>
		<category><![CDATA[дизайн]]></category>
		<category><![CDATA[интерфейсы]]></category>
		<category><![CDATA[контент]]></category>

		<guid isPermaLink="false">http://glebkalinin.ru/?p=41</guid>
		<description><![CDATA[На Programmableweb опубликован рассказ Дэниэля Джекобсона, директора разработки NPR. Он описывает крайне логичный и рациональный принцип, который внутри NPR получил название COPE: Create Once, Publish Everywhere. Дэниэл говорит о принципиальной разнице между инструментами публикации в веб (web publishing tools) и системами управления содержимым (CMS). Если первые предназначены для представления контента исключительно в веб-форматах (HTML, картинки <a class="more-link" title="Перейти к описанию книги" href="http://glebkalinin.ru/content-management-vs-web-publishing/">...</a>]]></description>
			<content:encoded><![CDATA[<p>На Programmableweb опубликован<a href="http://blog.programmableweb.com/2009/10/13/cope-create-once-publish-everywhere/"> рассказ Дэниэля Джекобсона</a>, директора разработки <a href="http://www.npr.org/">NPR</a>. Он описывает крайне логичный и рациональный принцип, который внутри NPR получил название COPE: Create Once, Publish Everywhere. Дэниэл говорит о принципиальной разнице между инструментами публикации в веб (web publishing tools) и системами управления содержимым (CMS). Если первые предназначены для представления контента исключительно в веб-форматах (HTML, картинки + иногда CSS, нередко внедрённый в разметку), то вторые хранят контент в максимально чистом виде, без или с минимумом специфичной для веба разметки, позволяя таким образом быстро и безболезненно создавать для содержимого новые представления — будь то версия для мобильных устройств, RSS или полноценный буклет в PDF для печати.</p>
<p><span id="more-41"></span></p>
<p>Небольшая презентация Дэниэля наглядно иллюстрирует принцип COPE:</p>
<p><object style="margin:0px" width="425" height="355"><param name="movie" value="http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=copeexamples-091005195225-phpapp01&#038;stripped_title=npr-examples-of-cope" /><param name="allowFullScreen" value="true"/><param name="allowScriptAccess" value="always"/><embed src="http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=copeexamples-091005195225-phpapp01&#038;stripped_title=npr-examples-of-cope" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="355"></embed></object></p>
<p>Я довольно часто наталкиваюсь на разговоры о семантической разметке в вебе. На мой взгляд, работоспособность любой технологии зависит от того, насколько удобно и понятно её поддержка реализована для конечного пользователя, в данном случае контнет-менеджера. Очень многие современные CMS хотя и не столь явно ориентированы на выдачу HTML (большинство из них может отдавать данные также XML-форматах: RSS, Atom и т.д.), однако подход к хранению информации остаётся достаточно примитивным.</p>
<p>Типичные CMS представляют такой подход к хранению данных: «атомарными» являются поля заголовок и содержимое, в некоторых случаях краткая аннотация, к ним привязан набор дополнительных мета-данных, файлы, теги, категории и т.д. Однако основной массив информации, собственно содержание записи, хранится в виде единой строки, с прописанной структурой, если таковая имеется, и разметкой, семантической в меру знаний контент-менеджера. </p>
<p>Ситуация эта мне кажется не очень правильной. На мой взгляд, CMS должна предоставлять возможность в простом и наглядном режиме создавать новые типы записей, данные в которых хранятся максимально дискретно и представляют собой связки «поле—значение», при этом значением могут быть данные из других записей того же или другого типа. То, что в терминологии стандартных CMS является единым полем «содержимое», также может представлять из себя набор связанных полей.</p>
<p>Схематически это могло бы выглядеть примерно так:</p>
<div class="section">
<p><img src="http://raum7linodewp.s3.amazonaws.com/wp-content/uploads/2009/12/scheme.png" alt="Структура записи умной CMS" title="Структура записи умной CMS" width="435" height="756" class="alignnone size-full wp-image-47" /></p>
<p class="aside">Кстати, интересный концепт под названием upflow (<a href="http://troelskn.github.com/upflow/">демо</a>, <a href="http://github.com/troelskn/upflow">github</a>) предлагает использовать markdown в качестве разметки, при этом отображает её в визуальном режиме. Такой подход называется <a href="http://en.wikipedia.org/wiki/WYSIWYM">WYSIWYM</a> —  What You See Is What You Mean. Несмотря на то, что при нём, очевидно, всё содержимое всё равно хранится одной записью, такой метод всё же способствует созданию структурированных документов, а не каши из тегов, как в случае с визивигом, хотя и требует от редактора куда большей сообразительности и понимания процесса и не заменит качественного интерфейса и продуманной структуры хранения данных.</p>
</div>
<p>При такой системе мне не приходилось бы как сейчас вручную писать разметку для того, чтобы делать боковые сноски. Я бы настроил CMS таким образом, чтобы к каждому абзацу или секции можно было привязывать примечание, или картинку, или файл, и не создавал в определенной степени привязанные к оформлению теги с классами, а просто заполнял соответствующее поле. В упрощённом и схематичном виде интерфейс мог бы выглядеть примерно так (клик — просмотр увеличенной версии):</p>
<div class="section">
<p><a href="http://raum7linodewp.s3.amazonaws.com/wp-content/uploads/2009/12/sections-interface.png"><img src="http://raum7linodewp.s3.amazonaws.com/wp-content/uploads/2009/12/sections-interface-500x368.png" alt="sections-interface" title="sections-interface" width="500" height="368" class="alignnone size-medium wp-image-48" style="outline: 1px solid #000" /></a></p>
<p class="aside">Естественно, это довольно грубый прототип, не учитывающий многих нюансов.</p>
</div>
<p>Осмысленная структура позволит, как в случае NPR, на лету создавать новые виды представления, легко и просто расширять функционал, строить качественных поиск. На мой взгляд, использование WYSIWYG должно быть минимизировано (в большинстве случае достаточно тегов strong, em, h1-h3, гиперссылок и вставки изображений), а результат работы визуального редактора должен тщательно чиститься. <span class="aside"><span class="dot">(</span>В плане чистоты и лаконичности мне очень симпатичен <a href="http://code.google.com/p/jwysiwyg/">WYSIWYG-плагин для jQuery</a>.<span class="dot">)</span></span> Чем дискретней, атомарней данные, тем легче их организовывать, сортировать, повторно использовать, анализировать. Вместо склада текстов можно формировать базы данных, извлекая из них новые смыслы и значения.</p>
<p>Современные фреймворки вроде <a href="http://www.symfony-project.org/">Symphony</a>, <a href="http://rubyonrails.org/">Ruby on Rails</a> или <a href="http://www.djangoproject.com/">Django</a>, разумеется, предоставляют функционал для построения в кратчайшие сроки CMS с оптимальной структурой хранения данных, однако я пока не встречал удобных инструментов, не требующих навыков программирования для решения типовых задач по созданию специфичных структур данных. Мне кажется, что при нынешнем развитии технологий это вполне посильная задача для очень большого процента случаев.</p>
<p>Кстати, на <a href="http://theoryandpractice.ru/seminars/2078-hackday-sankt-peterburg-versiya-2-5-12">завтрашнем Хакдее</a> я буду читать доклад о контенте, и непременно затрону и этот вопрос. Мне было бы интересно обсудить его с профессиональными программистами.</p>
<img src="http://glebkalinin.ru/?ak_action=api_record_view&id=41&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://glebkalinin.ru/content-management-vs-web-publishing/feed/</wfw:commentRss>
		<slash:comments>10</slash:comments>
		</item>
	</channel>
</rss>

