В новой статье из серии «Основы геймдизайна» представлен подробный обзор самых популярных настольных игр, включая традиционные вроде шахмат и го, ролевые вроде «Зова Ктулху», европейские вроде «Колонизаторов» и многие другие, у которых есть чему поучиться.
Рубрика «прототипирование» - 22
Основы геймдизайна: 20 настольных игр. Часть чертвертая: Билет на поезд, Каркассон, Колонизаторы
2016-07-18 в 10:00, admin, рубрики: usability, Блог компании Plarium, геймдизайн, дизайн, Дизайн игр, дизайн мобильных приложений, игры, настольные игры, перевод, прототипирование, разработка
Проецируя Google Material Design на десктопную систему… (часть третья)
2016-07-11 в 9:47, admin, рубрики: android design, android интерфейс, google design, google material design, google интерфейс, pop-up, popup, UI, usability, UX, ux design, веб-дизайн, интерфейсы, Компьютерная анимация, пользовательские сценарии, пользовательский опыт, прототипирование, таблица, табличный вид, тестовое, тестовое задание
Краткое содержание второй части: редизайн раздела “Сделки” (воронка продаж), подбор цветов для всех стадий, отступы — воздух — свобода… Упс… Клиент, ты серьёзно? Взять и запихать теперь всё в 1370х768?!.. Прощайте “отступы — воздух — свобода”… Пришлось перейти в “сжатый” стиль.
Итак, тех, кто питает интерес к продолжению обзора проделанных работ — я приглашаю под кат. А тех, кто считает что GMD для десктопной системы, полный провал — я приглашаю более настойчиво (кто знает, может быть в заключении вы услышите то, что хотите услышать).
Читать полностью »
Проецируя Google Material Design на десктопную систему… (часть вторая)
2016-07-05 в 11:52, admin, рубрики: android design, android интерфейс, CRM воронка продаж взаимодействие, google design, google material design, google интерфейс, UI, usability, UX, ux design, веб-дизайн, дизайн мобильных приложений, интерфейсы, пользовательские сценарии, пользовательский опыт, прототипирование, тестовое, тестовое задание, метки: android design, CRM воронка продаж взаимодействие, google design, google material design
Краткое содержание первой части: контрактный клиент, редизайн их собственной CRM-ки, стиль Google Material, привычная среда обитания, аудитория — опытные айтишники. Кто не вдохновился первой частью и остальных тоже — приглашаю под кат…
Читать полностью »
Как не выпрыгнуть из окна, идеальный рабочий процесс дизайнера
2016-06-10 в 6:33, admin, рубрики: Adobe Photoshop, AxureBalsamiq, Flinto, illustrator, Justinmind, Omnigraffle, Pixate, графический дизайн, дизайн мобильных приложений, интерфейсы, прототипирование, метки: ПрототипированиеКак дизайнеры, мы постоянно экспериментируем с разными инструментами и процессами, чтобы найти наиболее эффективные решение. После массы таких экспериментов я выработал свой идеальный рабочий процесс, которыми и поделюсь в этом посте. Дизайн — это процесс, и вариант этого процесса, который я опишу ниже, использовался мной на всех проектах по созданию так называемых “habit-forming” продуктов (т.е. продуктов, формирующих привычки), которые так любят пользователи.
Как мы увеличили процент регистраций на 68% с помощью дизайна форм
2016-06-10 в 4:32, admin, рубрики: usability, авторизация, веб-дизайн, дизайн интерфейсов, интерфейсы, конверсия, прототипирование, регистрация, юзабилити
Советы и примеры в дизайне форм логина и регистрации.
Казалось бы, что может быть проще формы регистрации и, уж тем более, входа на сайт? Пара полей и кнопка. Но в нюансах этой простоты кроется успешность выполненной работы и количество пользователей вашего сервиса. Как сделать формы проще, процесс приятнее и тем самым снизить количество уходов? Расскажу какими правилами мы руководствовались при разработке нашего сообщества предпринимателей BOSS.ZONE.
Читать полностью »
Устав юного веб-дизайнера на фрилансе
2016-06-01 в 12:54, admin, рубрики: ui-дизайн, веб-дизайн, дизайн мобильных приложений, интерфейсы, начинающим, правила, правила дизайна, прототипирование, рекомендации, типографика, уроки дизайна
Всем привет. Я начал заниматься веб-дизайном 6 лет назад (если считать от самого-самого первого кривого макета для несуществующей туристической компании). Первые 2 года я работал в маленькой студии, потом ушел на фриланс и пока что жив-здоров.
Рекомендации ниже вовсе не аксиомы, не правила, и не обязательны к исполнению. К некоторым я пришел сам, некоторые подсмотрел у других. Что-то я часто не могу сам себя заставить выполнять (отчасти поэтому я решил их выписать и структурировать). Если вы только начинаете заниматься веб-дизайном, вам, скорее всего, пригодится хоть часть и нижесказанного. Если вы уже в деле, ваше мнение приветствуется в комментариях.
Обзор конференции ProfsoUX-2016
2016-05-17 в 11:36, admin, рубрики: Conference, profsoux, profsoux-2016, prototyping, usability, UX, ux design, Блог компании Собака Павлова, интерфейсы, прототипирование
23 апреля прошла конференция ProfsoUX. Пятый год подряд на этом мероприятии собираются вместе UX-профи и другие специалисты со всей страны, люди, которых объединяет желание проектировать удобные, эргономичные и эффективные интерфейсы. Здесь царит особая атмосфера вдохновения и творчества, и это заслуга не только организаторов, но и участников.
Я расскажу о том, что представляла собой конференция, с точки зрения начинающего проектировщика: чего ожидали участники, и в какой мере оправдались эти ожидания.
Читать полностью »
Грабли, эмулятор, аниматор
2016-04-22 в 7:34, admin, рубрики: анимация прототипов, веб-дизайн, дизайн мобильных приложений, интерфейсы, прототипирование Недавно я занялся поиском хорошего инструмента для создания прототипов и анимации своих идей. В итоге исследование рынка превратилось в пересмотр специализаций инструментов своего арсенала и шлифовкой процесса проектирования нового продукта.
Читать полностью »
10 тезисов инди-разработки, которые привели к успеху
2016-02-23 в 14:22, admin, рубрики: game development, qa, аналитика, геймдев, геймдизайн, игровая индустрия, интерфейсы и юзабилити, методология разработки, монетизация игр, оценка трудозатрат, прототипирование, разработкаЛет 10 назад, когда я только начинал свой путь в игровой индустрии, слово инди ещё никто не произносил, а игровые корпорации на постсоветском пространстве казались всем мифической сказкой. В те прекрасные времена, когда на игровом рынке только расцветали первые российские браузерки, мы с другом начали делать свой проект. Мы не считали себя предпринимателями или стартаперами. Нет. Вчерашние студенты, обычные игроки, фанатеющие по Варкрафту, Героям и другим классическим играм. Сегодня я хочу поделиться с вами личным опытом, полученным за время инди-разработки браузерной игры с нуля. Начинающие разработчики, это статья для вас.
Анимация во Framer для начинающих
2016-02-19 в 12:48, admin, рубрики: coffeescript, framer, анимация, веб-дизайн, дизайн, дизайн мобильных приложений, интерфейсы, мобильные приложения, прототипирование, метки: framer 
Что такое Framer ?
Framer это программа для создания прототипов, в которой прототип создается сразу в коде, на языке CoffeeScript, который компилируется в JavaScript.
Framer позволяет создавать интерактивные анимации, облегчает разработчикам понимание того, как прототип должен функционировать и как представленную анимацию можно воплотить в жизнь. Еще он учит дизайнера понимать код.
Созданный с помощью Framer прототип можно отдавать тестировать клиентам прямо с девайса в натуральную величину, при этом времени на его создание значительно меньше, чем если бы прототип создавали разработчики.
Как может показаться в начале, Framer — сложная программа, требующая знания кода, хотя на самом деле писать код в ней намного легче, чем кажется.
Для работы с Framer достаточно нарисовать прототип в Sketch или Photoshop и придумать взаимодействие между слоями. Также здесь можно создавать свои слои, анимировать и менять их свойства.
Само написание кода во Framer интересный и увлекательный процесс, который не требует особой подготовки, к тому же на сайте программы есть очень подробная документация с примерами и туториалами.
В анимации, о которой речь пойдет дальше, я хотела отобразить loading, где проценты загрузки выполняют роль индикатора процесса.
Для создания данной анимации нужно знать 4 вещи: Layer, State, Event, Animation.
Читать полностью »