Category: дизайн

Category was added automatically. Read all entries about "дизайн".

alexander pavlyut

Как проектируется полезный сайт или система. Гид для чайников, или как уволить своих туполенивых раз

Я оперирую понятием польза постоянно, отдельно об этом скоро будет подробная информация, ждите, подписывайтесь, не теряйтесь.



NOTE: В жж верстка просто какой ад и израиль - нет желания с ней бороться, жж использую как хранилище черновиков. Нормально прочитать и обсудить можно у меня в фейсбуке - https://www.facebook.com/notes/alexander-pavlyut/как-проектируется-полезный-сайт-или-система-гид-для-чайников-или-как-уволить-сво/10205278553112242


Как я делаю архитектурное описание проекта - или в средневековом простолюдье “техническое задание”.

У системы есть назначение (функция) - что она выдает окружающий мир своим существованием.

У системы есть архитектура которая реализует это назначение.

Сайт как система описывается при помощи базовых альф - раздел (ключевой экран), экран, элемент, сценарий, персонаж, структура данных.

Когда мы перечисляем по пунктам ответ на вопрос - как сайт выполняет назначение, то мы просто получаем список разделов или ключевых экранов (страниц) сайта.

Дальше мы подходим к кажой странице как к системе - у нее есть назначение (то что выходит внаружу) и как она это делает (архитектура внутри).

У каждой страницы есть два вида целей (логистики информации) - выдача или получение.

1. Выдача информации (не просто показать, а достчичь пользу в голове читающего) - как достичь - выполнить пункты по раскрытию : как? почему? для чего? цена? как получить? сколько стоит? почему доверять? кто вы такие? примеры в контексте моей проблемы? статьи? видеозаписи?
2. Получение информации от пользователя. Тут все про формы и прочие кнопки воздействия на сайт.

Цели эти живут часто вместе.

Теперь когда мы раскрыли что у каждой страницы есть назначение - это назначение выполняется через элементы страницы).

Элементы отранжированы по важности - самый важный большой и первый (заголовок, суть), потом поменьше (подзаголовок и картинка) и поменьше.

Каждый элемент имеет назначение (опять система) - что он выдает внаружу и архитектуру себя - как достигает это назначение через свое содержание.

Задаем себе вопрос - какой информацией находящейся в элементе мы выполним это назначение?

Тут важно не то что баба валя сказала или захотела - а аргументация (внешний артефакт подтверждающий суждение, не находящийся в голове заявителя), заключение эксперта.

Если все хорошо - переходим к технической части сайта.

Из чего состоит элемент - опись под ключ: форматы, размеры, цвета, слова, фразы, картинки, размеры - все под точные измеримые параметры.

Отвечаем на вопрос - что делать дальше с элементом - как информация этого элемента должна оказаться на странице?

Как часто эта информация планируется изменяться на сайте?

Если это телефон - можно один раз ввести при верстке и забыть, это стоит например 1 рубль.

Если это текст о компании или услугах - он должен быть доступен для редактирования сотрудниками - это будет дешевле, потому что цена обновления для компании будет стоить только времени менеджера на время управления этим контентом, потому что каждое изменение такой информации через компанию разработчика будет стоит 1 рубль за каждое изменение.

Если есть понимание что это нужно добавлять на сайт менеджером - нужно описать сценарий добавления / удаления / изменения / публикации / снятия с публикации / классификации (категоризации) этого элемента.

Каким образом выбирается из сайта информация и отображается в этой части страницы? Необходимо описать алгоритм выборки данных - отображаются только 10 последних записей, опубликованных, с 1м комментарием.

Как эта часть ведет себя на странице - описывается сценарий отображения - в раскадровке сначала раз, потом два, потом три. Кадр + описание состояния что там происходит и отсылка к струткруам данных которые меняются.

На каждом экране описываются следующие сценарии поведения:

1. Планируемое движение по информации - оно должно быть логично, просто и комфортно - результат должен быть удовлетворение ответа на искомый вопрос (назначение информационной страницы).

Проектируется логикой изложения материала для доведения человека до цели страницы. Все элементы интерфейса должны быть записаны в этот сценарий с аргументацией почему так планируется движение, об этом потом.

Если есть финансы - можно проверить эти движения потом тестами на фокус группах и приборчиках. Это конверсия, деньги, заказы, богатсво - так что люди вкладываются, и правильно.

2. Сценарий реальных действий - это уже воронка которую трекить надо яндексом и аналитикой. Они это позволяют - идите и учитесь это делать сами, не теряйте время.

Результативный сценарий как всегда - пишется что человек тут делает по шагам, какой цели достигает в виде взаимодействий со страницей на каждом шаге, как в этот момент система отвечает на его действия, какие данные тут передаются.

Одна страница - одна цель для пользователя.

После того как у нас описаны экраны, есть список элементов которые на них есть, есть приоритет важности этих элементов, есть данные которые находятся в этих элементах - мы можем рисовать скетчи или наброски как это будет выглядеть. Отдельным постом будет как рисовать скетчи.

После того как мы нарисовали скетчи, их уже можно стилизовать - выбирать основные brand-colors (тоже отдельным постом про стилизацию), основные шрифты, применять фирменный стиль, рассматривать анкету по дизайну которую заполнил клиент.

Это называется дизайн сайта - когда сначала спроектировано что и как работает, а потом уже как это выглядит.

Чтобы долго не воевать сразу говорю - вопросы по стилизации, как оно будет сине красно бело или черно - уже решает только клиент. Эстетическая часть должна удовлетворять только лишь клиента и не больше.

Пользователи - это те кто ищет решения своих задач на сайте, и самое главное чтобы они эти решения получали без проблем, а какого пурпурного оттенка будет кнопка заказать нужную мне книгу или что угодно - мне вообще, как и всем остальным без разницы.

Стиль сайта - это продолжение компании в сети - как она себя позиционирует, на что она хочет быть похожа, какие настроения она должна передавать - все эти вопросы решаются исключительно руководством компании на свое личное усмотрение, и в зависимости от уровня проработки мы получаем либо брендбук, либо задачки - а попробуйте этот шрифт или этот.

Тут важно понять что по шрифтам есть тоже решение - я считаю что клиент должен полностью удовлетворяться и самореализовываться, не мешая при этом работе - так мы получаем удовлетворение от сотрудничества клиентом, его личное участие в создании прекрасного решения, а также не убиваем наш результат.

Если итерации по смене шрифтов занимают долгое время - надо просто встроить клиенту возможность ставить шрифты которые он хочет, но пояснить что он будет разбивать целостность передаваемой структуры информационной логистики если заиграется с разными шрифтами - шрифты это очень аккуратненькие рельсы по которым двигаются паровозики смыслов пытаясь передать пользу от бизнеса в сознание клиентов - это важно знать.

Я тут не воду лью в уши - я это спроектировал, запрограмировал и работую с этой системой уже несколько лет над своими проектами:



http://www.pavlyut.com/cases/artefactor
alexander pavlyut

Про дизайн и искусство в наших буднях.

Есть компания X и она радостно пишет:

<<
1. Стратегия ....
2. Понимание клиентов ...
3. Метрики и измерения ...
4. Культура ...
5. Дизайн. Сделайте взаимодействие с клиентом удобным и красивым в каждой точке его путешествия — сайт, торговые точки или офисы, центр обслуживания клиентов и на каждой стадии его путешествия: поиск информации об услуге, товаре, выбор контрагента, покупка, пользование, сервис.
6. ...
>>
Еще раз - "... взаимодействие с клиентом удобным и красивым в каждой точке ... " - дальше можно не читать.

Я себе представляю "красивое" взаимодействие в салоне связи - это когда продавец стоит в костюме кардинала Решелье и делает пометки на пергамент.

Вот и хороший пример для указания на проблему понимания дизайна и искусства.

Фундаментальная разница в физике приложения двух направлений - дизайна и искусства - вот то что выдает невероятное количество проблем для ввода в эксплуатацию дизайна различных систем.

Дизайн - это как должно работать. С минимальными затратами энергии во всех плоскостях - электроэргии, тепла, интеллектуального напряжения.

Искусство (творчество) - это способ передачи внешнему миру путем изображения, звука, телесных угодий и прочего - своего личного взгляда (на что угодно), и в случае удачного стечения обстоятельств получения принзнания (одна из основных целей творчества) > как следствие повышения своей внутренней самооценки  -> повышение доминантности, своей исключительности. (https://www.youtube.com/watch?v=ydlTrw-AhHE&feature=youtu.be&t=40).

Дизайн - это когда удобно, ничего не мешает, не отвлекает и вообще не заметно в рамках выполнения основной деятельности.

Дизайн это когда уютно и комфортно - решать основную задачу!

Пока мы не решим задачу, нечему "наводить" уют и "красоту" - действия не приносят результат никогда: если вы разработчик или дизайнер и попались в эту вопронку прекрасно понимайте что пока вы неудовлетворите внутренние хотелки вашего клиента, работа будет считаться невыполненной и некачественной. Просто потому что клиент сам не знает в данном контексте что такое качественнно и красиво, и как это получить, попутно используя вас как удлинение своих рук которыми он таки может что-то там делать в этих ваших интернетах.

Это главная ошибка многих при создании систем которые будут использовать люди.

Елси уже мы говорим про уют - тогда мы устраняем весь дискомфорт в окружении клиента, находящегося в нашем салоне или на сайте в процессе совершения целевых действий.

Если вести цепочку из из интеллектуального напряжения можно понять что надо устранять любые стрессовые и дискомофортные ситуации для человека (нарпяжение любого рода нещадно уничтожает наши энергозапасы http://deppkind.livejournal.com/1596.html) - необходимо просто убрать все то лишнее, что мешает решать задачу.

А для этого нам нужна задача. Сформулированная, подтвержденная, согласованная, зафиксированная и неизменная на момент ее решения.
Искусство -> это про "показать себя" если мы говорим про корпоративное творчество.

Нельзя говорить про дизайн как про "стиль" и "цвета" при отсутсвие брендбука (https://ru.wikipedia.org/wiki/%D0%9A%D0%BE%D1%80%D0%BF%D0%BE%D1%80%D0%B0%D1%82%D0%B8%D0%B2%D0%BD%D0%B0%D1%8F_%D0%B8%D0%B4%D0%B5%D0%BD%D1%82%D0%B8%D1%87%D0%BD%D0%BE%D1%81%D1%82%D1%8C).

Когда мы говорим про стиль - это про брендбук.

Когда мы говорим про дизайн того что должно работать - это дизайн, который должен в первую очередь решить поставленную задачу, а во вторую, по возможности реализации - учесть корпоративные стили.

Если корпоративных стилей нет - брендбук надо создать (можно начать с одной html страницы применения всех форм шрифтов и заголовков).