Презентация HolyGrail - системы прототипирования динамических веб-сайтов на базе Adobe Dreamweaver, сделанная Коноплицким Павлом на конференции КИБ 2008, минисекция юзабилити
Сайт HolyGrail
http://www.amazedev.com/holygrail/
Креативный Digital продакшен Wondermonkeys (2017)Wondermonkeys Creative ProductionНебольшой, но очень хороший продакшен! )
Основное направление деятельности - креатив и разработка в Digital.
Компетенции:
- Креативные концепции;
- HTML5 верстка;
- Веб разработка;
- Видео контент;
- Баннеры;
- Интерактив для выставок;
ADN @ UI/UX Design Meetup Barnaul - «Проектирование с точки зрения дизайна»ADN Digital Studio- Проблемы при проектировании промо-продуктов / проектировании при ограниченных ресурсах (поговорим о ситуациях, когда дизайн и проектирование идут параллельно)
- Проблемы при проектировании дизайн-решений на этапе тендеров (что происходит, когда есть тендер/пресейл, короткое окно для показа и необходимость связать логику и визуал в одно целое. Продолжение темы итеративного проектирования)
- Проектирование в динамике (рассмотрим ситуации, при которых статичного прототипа на этапе проектирования недостаточно)
ADN @ UI/UX Design Meetup Barnaul - «Эволюция процессов проектирования в веб-...ADN Digital Studio- Боль старого подхода: Какие проблемы мы испытывали применяя старый метод, и что стало отправной точкой в поиске и разработке новых подходов к проектированию.
- Что такое “Золотой стандарт”, что мы из него взяли, и как перестроили процессы проектирования. С чем столкнулись, и что получили.
- Куда движемся: что планируем внедрять в ближайшее время, и как будем решать проблемы с проектирование крупных проектов.
ADN @ UI/UX Design Meetup Barnaul - «Проектирование. Причины, инструменты, пр...ADN Digital Studio- UX, UI. Зачем оно нам, вам и заказчикам?
- Инструменты и подходы к работе. Как не потерять ключевую цель.
- Взгляд менеджера со стороны. Мониторим блага в других процессах.
Прототипирование с БЭМ — Антон Виноградов, Альфа-ЛабYandexЯ расскажу о быстром прототипировании интерфейсов: почему важно как можно скорее получить живую версию продукта и почему от этого зависит его судьба, как использовать для этого БЭМ-инструментарий и библиотеки, а также как забыть про Photoshop и спать спокойно. Live coding ;)
Автоматизация визуального тестирования адаптивного дизайна на примере Galen F...SQALabДоклад Дарьи Кисель на конференции SQA Days-18, 27-28 ноября 2015 г., Москва
www.sqadays.com
Успешный проект — проект, ориентированный на цели пользователяPavel KonoplitskiПрезентация Павла Коноплицкого "Успешный проект — проект, ориентированный на цели пользователя" на конференции Social Experience 2008
Статья, написанная по презентации
http://www.amazedev.com/uspeshnyj-proekt-orientirovannyj-na-polzovatelya/
Трудный путь к юзабилитиPavel KonoplitskiПрезентация Павла Коноплицкого на первой открытой конференции в Минске, посвящённой Всемирному дню юзабилити http://wud.usability.by/
Рост продаж и конверсии после улучшения user experience сайта PosterXXL.ru. Р...Pavel KonoplitskiРазбор кейса о росте продаж и конверсии после улучшения user experience и юзабилити сайта PosterXXL.ru на конференции UPA Europe - UX Russia 2009 http://userexperience.ru
Использование usability guidelines для повышения качества веб-разработокPavel KonoplitskiПрезентация Коноплицкого Павла об использование usability guidelines для повышения качества веб-разработок на конференции SQADays 2008
Статья, написанная по презентации
http://www.amazedev.com/usability_guidelines_article/
Всемирный день юзабилити в Минске 2010. Приветственное слово и идеиPavel KonoplitskiПрезентация Павла Коноплицкого со Всемирного дня юзабилити 2010 в Минске. World Usability Day http://wud.usability.by/
Юзабилити-тестированиеPavel KonoplitskiЮзабилити-тестирование — тестирование с пользователями, позволяющее выявить проблемы интерфейса, в том числе неочевидные, объективно оценить их число и важность.
Предлагаем проведение юзабилити-тестирований
8 человек, 12 дней, 135 тысяч рублей
Email: info@1point.ru
Моб.тел: +7 985 414-90-61
Сайт: http://1point.ru
Подбор респондентовVladimir MelnikovКак сформировать состав группы респондентов для проведения дизайн-исследования и получить при этом хороший результат. Видео: http://youtu.be/FHNiTmsP4qs.
Основы быстрого прототипированияMitya OsadchukОбзорный материал о базовых принципах прототипирования цифровых продуктов. Использованы общедоступные материалы по теме, собранные с различных тематических ресурсов. Для демонстрации использованы прототипы студии funkypunky. Лекция проведена в рамках интенсива по продуктовому дизайну в Британской Высшей Школе Дизайна (Москва).
Структурированные данные, Юлия Тихоход, лекция в Школе вебмастеров ЯндексаYandexЛекция Юлия Тихоход в Школе вебмастеров: «Структурированные данные на поиске»
https://academy.yandex.ru/events/webmasters_school/yawebm2015/
Что такое микроразметка и в чём её польза
Что такое микроразметка (семантическая разметка, семантическая микроразметка) и кому она нужна. Очень кратко — всё, что я знаю о применении семантической разметки поисковыми системами и другими веб-сервисами.
Передача данных в машиночитаемом виде
Какие ещё есть способы передать данные о сайте поисковым системам кроме микроразметки, особенности разных способов. Что бывает с плохими вебмастерами, которые пытаются обмануть поисковые системы и передать неверные данные.
Типы разметки
Из чего состоит микроразметка, какие бывают словари и синтаксисы. Популярные сочетания словарей и синтаксисов, как правильно выбирать нужную комбинацию для своего сайта.
Передача данных об интернет-магазине
Разбор семантической разметки: что в принципе доступно для разметки в интернет-магазине, что это даёт, а что можно не размечать вовсе.
Проверка правильности микроразаметки
Ошибки в микроразметке, способы их обнаружения и исправления. Популярные валидаторы микроразметки. Какие ошибки непременно нужно исправлять, а что можно игнорировать.
Обзор средств прототипирования веб-сайтовPavel KonoplitskiПрезентация Павла Коноплицкого с обзором средств прототипирования веб-сайтов на конференции "Сайт-2009" http://www.site-2009.ru/
Как сделать хороший прототип вовремя?Mikhail KulakovПрезентация выступления Антона Жаворонкова (technical lead@Студия Михаила Кечинова)
Как успеть сделать прототип, который покажет вашу идею в самом удачном ракурсе. Какие сервисы вам могут упростить жизнь, какие подходы следует использовать, на чем нужно концентрировать внимание, а на что можно просто забить.
Использование html-прототипов для реверсивного анализа требований: ЗА и ПРОТИВSQALabДоклад Николая Киреева на конференции Analyst Days-4,
17-18 апреля 2015 г., Минск
www.analystdays.com
Трудный путь к юзабилитиPavel KonoplitskiПрезентация Павла Коноплицкого на первой открытой конференции в Минске, посвящённой Всемирному дню юзабилити http://wud.usability.by/
Рост продаж и конверсии после улучшения user experience сайта PosterXXL.ru. Р...Pavel KonoplitskiРазбор кейса о росте продаж и конверсии после улучшения user experience и юзабилити сайта PosterXXL.ru на конференции UPA Europe - UX Russia 2009 http://userexperience.ru
Использование usability guidelines для повышения качества веб-разработокPavel KonoplitskiПрезентация Коноплицкого Павла об использование usability guidelines для повышения качества веб-разработок на конференции SQADays 2008
Статья, написанная по презентации
http://www.amazedev.com/usability_guidelines_article/
Всемирный день юзабилити в Минске 2010. Приветственное слово и идеиPavel KonoplitskiПрезентация Павла Коноплицкого со Всемирного дня юзабилити 2010 в Минске. World Usability Day http://wud.usability.by/
Юзабилити-тестированиеPavel KonoplitskiЮзабилити-тестирование — тестирование с пользователями, позволяющее выявить проблемы интерфейса, в том числе неочевидные, объективно оценить их число и важность.
Предлагаем проведение юзабилити-тестирований
8 человек, 12 дней, 135 тысяч рублей
Email: info@1point.ru
Моб.тел: +7 985 414-90-61
Сайт: http://1point.ru
Подбор респондентовVladimir MelnikovКак сформировать состав группы респондентов для проведения дизайн-исследования и получить при этом хороший результат. Видео: http://youtu.be/FHNiTmsP4qs.
Основы быстрого прототипированияMitya OsadchukОбзорный материал о базовых принципах прототипирования цифровых продуктов. Использованы общедоступные материалы по теме, собранные с различных тематических ресурсов. Для демонстрации использованы прототипы студии funkypunky. Лекция проведена в рамках интенсива по продуктовому дизайну в Британской Высшей Школе Дизайна (Москва).
Структурированные данные, Юлия Тихоход, лекция в Школе вебмастеров ЯндексаYandexЛекция Юлия Тихоход в Школе вебмастеров: «Структурированные данные на поиске»
https://academy.yandex.ru/events/webmasters_school/yawebm2015/
Что такое микроразметка и в чём её польза
Что такое микроразметка (семантическая разметка, семантическая микроразметка) и кому она нужна. Очень кратко — всё, что я знаю о применении семантической разметки поисковыми системами и другими веб-сервисами.
Передача данных в машиночитаемом виде
Какие ещё есть способы передать данные о сайте поисковым системам кроме микроразметки, особенности разных способов. Что бывает с плохими вебмастерами, которые пытаются обмануть поисковые системы и передать неверные данные.
Типы разметки
Из чего состоит микроразметка, какие бывают словари и синтаксисы. Популярные сочетания словарей и синтаксисов, как правильно выбирать нужную комбинацию для своего сайта.
Передача данных об интернет-магазине
Разбор семантической разметки: что в принципе доступно для разметки в интернет-магазине, что это даёт, а что можно не размечать вовсе.
Проверка правильности микроразаметки
Ошибки в микроразметке, способы их обнаружения и исправления. Популярные валидаторы микроразметки. Какие ошибки непременно нужно исправлять, а что можно игнорировать.
Обзор средств прототипирования веб-сайтовPavel KonoplitskiПрезентация Павла Коноплицкого с обзором средств прототипирования веб-сайтов на конференции "Сайт-2009" http://www.site-2009.ru/
Как сделать хороший прототип вовремя?Mikhail KulakovПрезентация выступления Антона Жаворонкова (technical lead@Студия Михаила Кечинова)
Как успеть сделать прототип, который покажет вашу идею в самом удачном ракурсе. Какие сервисы вам могут упростить жизнь, какие подходы следует использовать, на чем нужно концентрировать внимание, а на что можно просто забить.
Использование html-прототипов для реверсивного анализа требований: ЗА и ПРОТИВSQALabДоклад Николая Киреева на конференции Analyst Days-4,
17-18 апреля 2015 г., Минск
www.analystdays.com
Automation from the trenchesGlobalLogic UkraineGlib Rybalko, GlobalLogic’s Test Lead, consultant and trainer was among 26 known Ukrainian and international experts who took a word on IT Weekend Ukraine 2013. Glib discussed features of automated software testing, benefits and feasibility of using this approach on various projects. During his speech, Glib pointed all necessary steps of automated testing implementation and gave homework for those who were interested in this field and wanted to implement it in their projects.
11 ключевых ошибок в разработке интернет-проектовborovoystudioПрезентация выступления Виталия Денисенкова, директора Студии Борового, на семинаре по интернет-маркетингу и брендингу «Стань эффективнее!» в Минске, 6 августа 2015 года.
Layout testing with galen framework selenium campanna_chernyshevaWill tell about real cases that may arise if you would not test a layout of your application. We’ll take a look at popular tools for automated layout testing and dive deep into Galen Framework usage. Consider how to build an automatic design review process in a scrum team and what pros and cons such process has in real work.
«Правильный процесс дает правильный результат». Как грамотно выстроить работу...borovoystudio
«Правильный процесс дает правильный результат». Как грамотно выстроить работу по разработке и продвижению интернет-проекта
Игорь Повшок, руководитель отдела продаж Студии Борового
РИТ-2008: Взаимодействие отдела проектирования интерфейсов и разработчиков в ...Yury VetrovВыступление Юрия Ветрова, Александра Хмелевского и Юрия Шиляева на конференции РИТ-2008.
Тяжело в учении - легко в боюDmitry ZiminРазработка сайта это как война: череда сражений за победу. А в современной войне есть три важные вещи: разведка, артобстрел и авиация. Небесные высоты мы оставим дизайнерам, а поговорим о разведчиках и об орудиях дальнего боя. То есть о системных аналитиках и о проектировании сайтов.
1. HolyGrail Святой Грааль прототипирования для менеджеров http://www.amazedev.com/holygrail Коноплицкий Павел
2. Предпосылки Точный прототип позволяет проработать требования к интерфейсу и позиционированию функциональных блоков уже на этапе проектирования. Дизайнеры будут задавать меньше вопросов и не будут отрисовывать несуществующую функциональность. С прототипом дизайн чаще рисуется «с первого раза». Заказчикам прототип дает четкое представление того, что они получат по итогу проекта. Интерактивный прототип понятнее для заказчика. http://www.amazedev.com/holygrail
3. Проблема http://www.amazedev.com/holygrail В большинстве компаний отсутствует этап прототипирования web- проектов или он выполняется людьми не всегда обладающими необходимыми знаниями в области юзабилити и web- технологий.
4. Проблема C овременные средства прототипирования не способны полностью удовлетворить потребности и требования к прототипу всех участников проекта. Требования: Скорость создания прототипа Интерактивность Детализация Необходимость повторной отрисовки Доступность для всех участников проекта Возможность простого внесения изменений http://www.amazedev.com/holygrail http://www.amazedev.com/prototipirovanie-web-proektov-sobiraya-voedino/
6. Потребности Автоматизировать типовые решения, сохранив пространство для творчества. Быстро создавать интерактивные, детализированные прототипы, доступные всем участникам проекта, с возможностью вносить изменения. Учитывать невысокий уровень знаний и опыта у человека выполняющего прототипирование. Веские и достаточные аргументы в пользу прототипирования. Выгода должна выражаться цифрами. http://www.amazedev.com/holygrail
7. HolyGrail. Решение Open Source Части layout’ а (header , footer и другие ) реализованы с помощью SSI вставок Набор паттернов проектирования (snippets) для программы Dreamweaver Типичный проект Usability Guidelines http://www.amazedev.com/holygrail
10. HolyGrail для менеджера Делает предметным общение с клиентом о проекте. Уменьшает время на создание прототипа. Больше времени для выполнения творческих задач. Повышает качество проектов уменьшая количество ошибок связанных с юзабилити. Снижает требования к знаниям менеджера необходимых для получения приемлемого прототипа. Позволяет сразу же протестировать интерактивный прототип на пользователях. http://www.amazedev.com/holygrail
11. HolyGrail для девелопера http://www.amazedev.com/holygrail Интеграция (x)HTML и CSS прототипа c используемым в компании фреймворком. Позволяет копировать элементы из прототипа и сразу же вставлять в проект. Сокращает время на создание и вёрстку типовых элементов. С помощью правил и стандартов позволяет избежать негативного эффекта от домысливания недостающих элементов управления в интерфейсе.
18. HolyGrail. Узкие места Менеджеру всё же иногда приходится разбираться и править HTML код. Иногда есть необходимость делать фейковую функциональность. Симулировать будущую реальную ( AJAX, pop-up) . Поддержка SSI на хостингах не всегда бывает включена по-умолчанию. http://www.amazedev.com/holygrail
19. ToDo . Внесите свой вклад Поддержка IT сообщества Обратная связь от менеджеров Переход к полной поддержке web -стандартов Создание большего количества типовых лэйаутов (блог, интернет-магазин, корпоративный сайт, социальная сеть и т.д.) Пополнение библиотеки сниппетов (вёрстка новых элементов) Создание мастера генерации прототипа Оформление Русско-английский перевод http://www.amazedev.com/holygrail
20. Спасибо за внимание . Вопросы? Коноплицкий Павел [email_address] +7 985 414 906 1 http://www.amazedev.com http://www.amazedev.com/holygrail http://pkonoplitskiy.moikrug.ru