10 грехов в системах навигации сайтов / приложений

Автор: admin от 27-02-2017, 18:40, посмотрело: 258

Новый формат статьи: без текста, только схемы. Надеюсь, нарисовал понятно.

10 грехов в системах навигации сайтов / приложений

Категория: Программирование » Веб-разработка

 

Наблюдая за пользователем

Автор: admin от 25-02-2017, 23:25, посмотрело: 203

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

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

Я про юзабилити-тестирования. Путь, конечно, не самый легкий, но эффективный.

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

Категория: Программирование » Веб-разработка

 

Как мы перешли от виджетов и «кирпичиков» к интуитивной верстке с возможностью внедрения html, css и javascript

Автор: admin от 16-02-2017, 14:20, посмотрело: 315

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

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

Как мы перешли от виджетов и «кирпичиков» к интуитивной верстке с возможностью внедрения html, css и javascript

Категория: Программирование » Веб-разработка

 

14 советов по использованию Sketch и InVision в работе дизайнера

Автор: admin от 16-02-2017, 10:25, посмотрело: 565

14 советов по использованию Sketch и InVision в работе дизайнера


Инвижн позволяет дизайнеру продемонстрировать заказчику прототип дизайна приложения, сделав его интерактивным. Кроме того, благодаря Инвижн, можно организовать слаженную работу внутри команды, между дизайнером, менеджером проекта, верстальщиком и программистами, независимо от платформы (macOs, Windows, Linux). Предлагаю вашему вниманию удобные сценарии использования связки Sketch + InVision.

Категория: Программирование » Веб-разработка

 

Крэш-курс по UI-дизайну

Автор: admin от 13-02-2017, 20:20, посмотрело: 295

Крэш-курс по UI-дизайну

Мы всегда в поисках хороших статей о дизайне, чтобы потом использовать их в работе над сайтом «Я люблю ИП». Сегодня мы перевели ещё одну статью, которая рассказывает, чем отличается UI-дизайн от UX-дизайна и на каких основных принципах строится дизайн интерфейсов.


UI vs. UX


Если вы хоть немного интересовались дизайном приложений, то наверняка слышали термины «UI» и «UX». Но чем же они отличаются?


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


Согласно книги Дж. Гарретта «Элементы опыта взаимодействия», UX-дизайн можно определить через пять основных уровней. Давайте начнём с самого абстрактного.

Категория: Программирование » Веб-разработка

 

Итеративный дизайн и GitHub

Автор: admin от 13-02-2017, 13:05, посмотрело: 259

Вот уже два дня как сообщество GitHub негодует о первой итерации изменения дизайна. Заключается она в смене светлой стилистики шапки хранилища на тёмную.

Категория: Программирование » Веб-разработка

 

Как «прокачаться» дизайнеру: советы и полезные ссылки от российских экспертов

Автор: admin от 9-02-2017, 17:00, посмотрело: 320

Как «прокачаться» дизайнеру: советы и полезные ссылки от российских экспертов


Фото: Flickr / Tobias Toft / CC

В блоге на Хабре мы пишем о развитии веб-технологий и их практическом применении — ранее публиковали истории нетехнарей, которые изучили вёрстку и получили работу в сфере ИТ, и сегодня продолжим тему обучения. Ещё одна сфера, которая близко связана с вёрсткой, — это веб-дизайн. На этот раз мы попросили российских интернет-экспертов дать советы по профессиональному развитию для начинающих дизайнеров.

Категория: Программирование » Веб-разработка

 

Дайджест продуктового дизайна, январь 2017

Автор: admin от 8-02-2017, 14:15, посмотрело: 335

Уже семь лет я публикую регулярные обзоры свежих статей по теме интерфейсов, новых инструментов и коллекций паттернов, интересных кейсов и исторических рассказов. Из лент нескольких сотен тематических подписок отбирается примерно 5% стоящих публикаций, которыми интересно поделиться. Предыдущие материалы: апрель 2010-декабрь 2016.

Дайджест продуктового дизайна, январь 2017

Категория: Программирование » Веб-разработка

 

Чем отличается дизайнер в продуктовой компании от дизайнера в агентстве или студии?

Автор: admin от 8-02-2017, 10:05, посмотрело: 604

Чем отличается дизайнер в продуктовой компании от дизайнера в агентстве или студии?


Случилось так, что я 12 лет рисовал сайты, логотипы, иконки, интерфейсы и прочее в своей собственной студии дизайна Turbomilk. А потом стал работать в продуктовых компаниях, последние 3,5 года работаю директором по дизайну в компании Acronis. Я выяснил, что работа in-house дизайнера в компании, которая делает собственный продукт, сильно отличается от работы дизайнера в студии или в агентстве. Я попробовал описать основные различия и проиллюстрировать собственным опытом. Статья пригодится дизайнерам «с обеих сторон баррикад» для расширения кругозора и поможет в преодолении внутренних барьеров.

Категория: Программирование » Веб-разработка

 

Axure. Удар интерактивом по интерфейсу. Пробы и ошибки

Автор: admin от 7-02-2017, 21:40, посмотрело: 746

Axure



  • Действительно ли этот продукт не более чем инструмент прототипирования?

  • Может ли UI designer полностью перейти на работу в Axure, отказавшись от других инструментов?

  • Какие сильные и слабые стороны у этой программы?


Axure. Удар интерактивом по интерфейсу. Пробы и ошибки


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

Категория: Программирование » Веб-разработка