Многие рассказываю о проектировании: как пользоваться Axure или Sketch, какие функции должен содержать сайт, как правильно спроектировать страницу товара. Это все, безусловно, очень полезно, но не показывает полную картину происходящего в проектировании. В интернете даже нет ни одного полного примера технического задания на проекты такого уровня. На самом деле, чтобы спроектировать большой сайт, нужно потратить сотни часов на исследования, прототипирование и разработку подробного ТЗ. В этой статье я впервые в рунете покажу все этапы проектирования и результаты по ним, полный динамический прототип (более 150 прототипов) и большое ТЗ (более 200 страниц описания). Все это мы будем делать на примере проектирования аналога крупнейшей в мире E-commerce площадки «Alibaba.com».
Читать полностью »
Рубрика «прототипирование» - 20
Проектирование большого проекта на примере аналога Alibaba.com
2016-11-10 в 10:12, admin, рубрики: alibaba, Mind map, UI, usability, UX, Блог компании SECL GROUP, веб-дизайн, динамический прототип, интерфейсы, маркетплейс, проектирование, прототипирование, тз, электронная коммерция, метки: ПроектированиеПрограмма UX-UI трека на конференции MBLTdev 16
2016-10-26 в 10:52, admin, рубрики: mbltdev, mbltdev 16, UI, usability, UX, Блог компании e-Legion Ltd., Британская высшая школа дизайна, дизайн мобильных приложений, интерфейсы, прототипирование
17 ноября в Москве в рамках Международной конференции мобильных разработчиков
MBLTdev 16 пройдет трек для дизайнеров мобильных приложений. На сайте уже опубликована предварительная программа трека. Выступать с докладами, проводить воркшопы
и ревьюить ваши приложения будут специалисты из ведущих продуктовых и сервисных компаний, а также преподаватели курса «Дизайн мобильных приложений» Британской высшей школы дизайна (БВШД).
«Бесчеловечный дизайн: как автоматизация забирает работу, славу и деньги у мобильных дизайнеров» расскажет директор курса «Дизайн мобильных приложений» БВШД Леонид Бугаев докладом. Затем Павел Тепикин из SkyEng покажет историю экспериментов с конверсионной воронкой: от оформления приложения в App Store до первой оплаты пользователя.Читать полностью »
JavaScript 2016, а можно попроще?
2016-10-21 в 6:28, admin, рубрики: create-react-app, javascript, React, ReactJS, web-разработка, прототипирование, Разработка веб-сайтов, фронт-эндПоследние полгода много пишут о неоправданной сложности клиентского JavaScript. Недавняя статья How it feels to learn JavaScript in 2016 и ее перевод на хабре вызвали много внимания, критика во многом справедливая, но...
Усложнять просто, упрощать сложно. (Один из законов Мерфи)
В этой статье я дам практические советы, как можно просто сделать фронт-энд приложение, используя при этом современные технологии. Вначале практические детали реализации, а в конце статьи будет анализ выбранного стека.
Как пример используется приложение для работы с коллекцией фильмов. Фильмы отображаются в списке с постраничной выборкой, поиском, сортировкой, редактированием и удалением.
Использованный стек: create-react-app как сборщик для клиента, React, bootstrap, API с json-server или json-заглушки.
Работающее демо здесь: Movies List.
Окей, Google, как насчёт оптимизировать интерфейс для работы со смартфоном одной рукой?
2016-10-19 в 10:18, admin, рубрики: gmd, google material design, usability, веб-дизайн, гамбургер, дизайн мобильных приложений, интерфейс, интерфейсы, Камушкен выдал, меню, прототипирование, улучшариум, метки: gmd, Камушкен выдал, улучшариум
Тут совсем недавно закончил редизайн для клиента, чье имя не последнее на поприще мобильного adblocking’a. Переделал им android-версию полностью по гайдам Google Material Design (далее GMD)… Разумеется пришлось капитально следовать инструкции. Чувства смешанные: вроде и трендово, а вроде и своих проблем хватает. Однако, я спокойно могу сказать про GMD — там есть, что переосмыслить и улучшить. Точно есть вещи, которые можно сделать удобнее. И вот, возможно, одна из них…
Читать полностью »
UX-митап 26 октября в Петербурге: работа по дизайн-спринтам, LeanUX, юзабилити-исследования
2016-10-18 в 11:32, admin, рубрики: prototyping, usability, UX, UX-Среда, wrike, wriketechclub, Блог компании Wrike, веб-дизайн, дизайн, интерфейсы, прототипирование
Дизайн – это решение проблемы. Продукты, которые мы создаем, хороши ровно настолько, насколько хорошо мы изначально определили и поняли проблемы, которые хотим решить. Когда компания хочет изменить продукт и сделать это быстро, у дизайн команды не так много времени на поиск и предоставление заказчику жизнеспособного решения.
На встрече 26 октября в питерском офисе Wrike в рамках WrikeTechClub мы поговорим о том, как построить эффективную работу над юзабилити, как провести необходимые исследования и извлечь из них правильные выводы, как выявить фатальные ошибки и суметь их исправить в кратчайшие сроки, рассмотрим новые методологии и разберем с экспертами конкретные кейсы. На митапе выступит CEO и основатель компании Wrike Андрей Филев, который расскажет о последних изменениях облика Wrike в связи с современными тенденциями работы над IT-продуктом.
Читать полностью »
Зачем нужен проект «Дизайн государственных систем»
2016-10-12 в 11:09, admin, рубрики: Блог компании Дизайн государственных систем, веб-дизайн, дизайн государственных систем, интерфейсы, прототипирование, метки: дизайн государственных системПривет! Сегодня мы решили поделиться с сообществом текстовой версией одного из выпусков подкаста «Метрика», в котором мы рассказали о работе над проектом «Дизайн государственных систем».
Прототипирование iOS-анимаций с Framer
2016-09-29 в 8:04, admin, рубрики: framer, ios development, sketch, анимации, прототипирование, разработка мобильных приложений, разработка под iOSПредлагаю читателям «Хабрахабра» перевод статьи «Using Framer to Prototype iOS Animations» с сайта raywenderlich.com.
Статичные, неподвижные прототипы, мягко говоря, отстой. Со статичными прототипами можно показать визуальный дизайн, но не дизайн взаимодействия.
Размышляя о важности дизайна взаимодействия для приложений, можно сказать, что статичный прототип — это как пазл с недостающими кусочками. Так почему бы всем не создавать интерактивные прототипы вместо всего этого? Что ж, с помощью утилит вроде After Effects прототипирование может занять слишком много времени. А сам прототип может так и не понадобиться.
Попробуйте Framer: утилита для дизайнеров и разработчиков довольно проста в использовании.
Читать полностью »
Как стать дизайнером. Главная ошибка и необходимые навыки. Личный опыт сотрудников Mail.Ru Group, Badoo, Trood
2016-09-10 в 16:52, admin, рубрики: UI, usability, UX, веб-дизайн, дизайн, дизайн мобильных приложений, интерфейсы, проектирование интерфейсов, прототипирование
Плохой дизайн убивает. Хороший делает жизнь проще. Блестящий — меняет мир. Классическое образование никогда не поспеет за скоростью развития отрасли. Начинающим сложно вскочить в этот поезд. Но можно. За последние два года я посетил десятки конференций, общался с дизайнерами лидирующих компаний, работал над несколькими проектами и обнаружил схожесть в развитии многих специалистов. К полученным знаниям прибавился личный опыт и в итоге получился материал, который я мечтал бы прочитать три года назад.
Читать полностью »
Главный разработчик сайта Kremlin.ru Артём Геллер о создании сервиса и работе с администрацией президента
2016-08-31 в 11:27, admin, рубрики: accessibility, kremlin, usability, UX, артем геллер, веб-дизайн, государство, дизайн, кремль, Президент России, прототипирование, типографикаГенеральный директор студии lab.AG Артём Геллер, работавший над новой версией президентского сайта Kremlin.ru, дал интервью изданию Smashing Magazine — в нём он рассказал о разработке ресурса, технических аспектах работы с администрацией президента, создании адаптивного интерфейса сайта, а также раскрыл некоторые детали проекта.
12 инструментов и сайтов для UI-UX дизайнеров
2016-08-26 в 12:08, admin, рубрики: design, tools, tools for web design, UI, UX, webdesign, веб-дизайн, графический дизайн, интерфейсы, прототипированиеИнструменты для разработки постоянно совершенствуются как с точки зрения удобства использования, так и с точки зрения пользовательского опыта. Это очень удобно и для дизайнеров, и для пользователей. Не удивительно, что опытные веб-дизайнеры стараются идти в ногу со временем и изучают новые инструменты. Авторы сотен блогов и сайтов, посвященных дизайну, регулярно публикуют новые статьи, делятся своими знаниями и дают свои рекомендации по использованию новых инструментов. Для дизайнера все это является очень полезным источником информации. Мы тоже подобрали самые последние инструменты и веб-сайты для дизайнеров.
