Pull to refresh
  • by relevance
  • by date
  • by rating

Средства для визуального проектирования

Website development *UML Design *
Всем известно, что для успешной разработки веб-сайта/веб-сервиса/программы (нужное подчеркнуть) очень важен этап проектирования. Грамотный план разработки — это половина всего проекта. Понятно, что прежде всего необходимо техническое задание, в котором будут описаны требования, сроки, и т.п. Но еще большее значение имеет визуальное проектирование, а именно: UML-схемы, схемы БД, пользовательские интерфейсы, эскизы страниц…
Читать дальше →
Total votes 51: ↑44 and ↓7 +37
Views 60K
Comments 84

Оформление псевдоссылок в Axure

Lumber room
Многие пользователи программы Axure поначалу сталкивались с такой проблемой, как оформление псевдоссылок. Дело в том, что по умолчанию софтина не позволяет делать ссылки (или текст, что, в принципе, — одно и то же) подчёркнутыми пунктиром. Поэтому у начинающих творцов прототипов (прототипистов?) периодически можно увидеть псевдоссылки со сплошным подчёркиванием, что вносит в документ путаницу. На самом деле решить эту задачу очень просто.
Читать дальше →
Total votes 12: ↑7 and ↓5 +2
Views 1.3K
Comments 7

Горячие клавиши в Axure

Lumber room
Не знал, как опубликовывать подобный пост. Вроде бы это и перевод, а вроде бы и переводом назвать можно с натяжкой. В общем, в фэйсбуковском акшуровском сообществе лежит полезный топик со списком горячих клавиш. Я убрал из списка те горячие клавиши, о которых все уже и так знают, а также добавил перевод к тем, которые остались. В своё время знание этого материала увеличило мою производительность при работе в Axure минимум на 20%. Удачи в работе.
Читать дальше →
Total votes 4: ↑2 and ↓2 0
Views 2.6K
Comments 3

Когда картинка красноречивее 1024 слов – прототипирование с MockingBird

Website development *
image Для написания ТЗ я задался вопросом поиска простого и удобного средства создания прототипов веб-страниц. Хотелось чего-то бесплатного и в онлайне, некой альтернативы Axure. Такой сервис удалось найти, его я и предлагаю вашему вниманию. Итак, встречайте www.gomockingbird.com – сервис, позволяющий создавать очень красивые прототипы легко и удобно.
Помимо представления самого сервиса, этим постом хотелось также привлечь внимание общественности к полезной практике прототипирования.
Читать дальше →
Total votes 137: ↑129 and ↓8 +121
Views 6.6K
Comments 54

Основы проектирования веб-интерфейсов в Axure RP Pro

Interfaces *
Axure RP ProВ последнее время разработчики веб-проектов все чаще начинают задумываться о том, что до начала разработки продукта было бы неплохо узнать, что это будет за продукт и как он будет выглядеть.

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

Средств для визуального проектирования становится все больше. Одни пользуются Adobe InDesign, другим нравится Visio, третьи довольствуются OpenOffice Draw. Но все больше поклонников появляется у довольно тяжелой и функциональной программы Axure RP Pro.

О том, как с ее помощью облегчить себе жизнь, и пойдет речь в этой статье. Осторожно, трафик!
Total votes 62: ↑51 and ↓11 +40
Views 121K
Comments 76

Полезные ресурсы для проектировщиков интерфейсов в Axure RP

Interfaces *


Довольно давно на Хабре не было статей про такой удобный и эффективный инструмент для быстрого прототипирования как Axure RP.
Решил выложить свою подборку закладок по «Акшуре» в виде сводного списка ресурсов.
Читать дальше →
Total votes 83: ↑78 and ↓5 +73
Views 79K
Comments 29

Двигаем элементы в прототипе Axure

Website development *Designing and refactoring *
Сегодня я столкнулся с проблемой, решением которой хотел бы поделиться. Эта заметка будет полезна тем, кто старается делать свои прототипы Axure максимально интерактивными.

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

image

Необходимо сделать так, чтобы при нажатии кнопки «Отправить» новый вопрос появлялся над старыми, а старые, в свою очередь, сдвигались вниз.
Читать дальше →
Total votes 7: ↑5 and ↓2 +3
Views 8.2K
Comments 4

Axure 7 вышла в открытую beta

Web design *Interfaces *
imageНе многие знают, что такой известный инструмент прототипирования как Axure обзавелся новой версией, Axure 7 beta. И бета эта открытая, каждый может скачать и попробовать все новинки программы.
Нововведений действительно много, начиная от внешнего оформления, и заканчивая наконец появившимися тенями для элементов!
Еще немного новых функций
Total votes 18: ↑18 and ↓0 +18
Views 19K
Comments 19

Payler: работа над дизайном

Payler corporate blog Interfaces *
Дорогие друзья,

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

image

Читать дальше →
Total votes 8: ↑8 and ↓0 +8
Views 5.9K
Comments 13

Как правильно показывать клиенту интерактивный прототип сайта в первый раз

Usability *
Tutorial
Возьмём понятный всем пример. Интернет-магазин. Вот вы встретились с клиентом в первый раз, обсудили, что должен и не должен делать их будущий проект. После этого сформировали список функциональных требований и сопроводили его предварительной картой сайта. Всё это дело будет потом помещено в приложение номер один к договору на проектирование, но сегодня речь не об этом. Давайте для начала взглянем на карту сайта, которая у нас получилась.
Читать дальше →
Total votes 48: ↑41 and ↓7 +34
Views 33K
Comments 11

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

Web design *Interfaces *Usability *Accessibility *Prototyping *

Axure


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



Я постараюсь найти ответы на эти вопросы ниже. Сравнительно недавно я решил уйти от Adobe Photoshop к Axure, внезапно раскрыв для себя потенциал этого инструмента, не только как средства для прототипирования.
Total votes 11: ↑10 and ↓1 +9
Views 23K
Comments 28

Прототипируем таблицу в Axure

Interfaces *Prototyping *
Sandbox
Всем привет. Так случилось, что некоторое количество лет назад я отринул мирское и встал на тернистый путь проектировщика и дизайнера интерфейсов. Тогда было мало толковых материалов по теме, сейчас ситуация вроде бы исправилась, но, на мой взгляд, как то однобоко. На данный момент существует множество ресурсов, где подробно и доступно расскажут о том, как прототипировать сайты и мобильные приложения, как подобрать цвета и сделать красивую картинку. Но практически отсутствует информация по разработке интерфейсов для десктопных и сложных веб приложений, что подразумевает свою специфику в работе. Они конечно есть, но существует в них один пробел — они рассматривают общую теорию и редко дают практические советы. Попробуем исправить ситуацию.
Читать дальше →
Total votes 19: ↑17 and ↓2 +15
Views 10K
Comments 7

Проектирование анимации или как я в дизайнерскую авантюру ввязался

Website development *


Вот уже неделя с небольшим минула, как я решил ввязаться в дизайнерскую авантюру! Daily UI это опциональный челлендж для любого профессионального графического разработчика. Каждый день — новый дизайн. Чего угодно: кнопки, таблички, хедеры, карточки, да любой элемент вплоть до целого раздела. По итогам этого “марафона”: во-первых, прокачиваются навыки; во-вторых, прокачивается карма и последователи; в-третьих, да мало ли к каким интригующим последствиям это может привести. Обычно такой марафон длится 100 дней.

Однако, я немного адаптировал условия этого личного соревнования под себя. Количество дней не ограничиваю, в выходные отдыхаю, а результатом каждого дня будет не *.sketch / psd исходники, а HTML/CSS/JS файлы. И, да, вы всё это можете скачать и применять для своих нужд. Именно поэтому в выходные я и отдыхаю! Всё ясно? :)
Тогда читайте дальше...
Total votes 20: ↑18 and ↓2 +16
Views 11K
Comments 24

Прототипируем таблицу в Axure, часть вторая

Web design *Interfaces *Usability *Graphic design *
Tutorial
Всем привет. Сегодня я расскажу еще немного о функционале репитеров и как на их основе прототипировать таблицы.

В прошлый раз мы нарисовали таблицу, запрототипировали прокрутку контента, сортировку и фильтрацию. Но это далеко не все, что можно сделать с помощью репитера. Ниже я расскажу о том, как сделать для таблицы добавление и удаление строк, а также пагинацию.
Читать дальше →
Total votes 5: ↑5 and ↓0 +5
Views 4.2K
Comments 6

Кровь, пот и слезы дизайнера

Development Management *Project management *Freelance IT career
image

Солнце. Море. Песок. Наконец то первый отпуск за полтора года. Этой зимой я что-то сильно перегорел. Совершенно неожиданно. В поисках долгожданного развития придумал себе сложности: из обычных статичных макетов перешёл в интерактивное прототипирование. Так и проковырялся в этом Axure всю зиму и полвесны, а потом перегорел и закипел! «Есть же новый навык, новый рычаг, а приложить его некуда...». С такими мыслями я понимал — пора в отпуск. Чем скорее тем лучше. Иначе в моем кабинете потребуется новая мебель, новые мониторы и пучок новых манипуляторов «мышь»… Вместо разбитых, очевидно!
Читать дальше →
Total votes 17: ↑13 and ↓4 +9
Views 13K
Comments 18

Интерактивная кредитка для ввода платежа

Website development *Payment systems *Development for e-commerce *
Эта статья повествует о не самом сложном способе разработки интерактивных элементов практически сразу в браузере, если вы не разработчик.



Интерфейсная анимация сейчас в тренде. Причин несколько: улучшение юзабилити и повышение привлекательности продукта в целом. И третья — развитие инструментов для анимирования на глобальном IT рынке. Сейчас так много разных утилит, чтобы оживить любой дизайн / прототип, что странно было бы пройти мимо такого движения, нужно приобретать навыки. Инструментов множество, перечислять все не буду. Но об одном конкретном упомяну…

Я работаю в Axure. Самый весомый плюс для меня оказался в нём благодаря возможности создавать интерфейсы практически сразу в браузере. Я вижу все элементы, шрифты, отступы сразу в “боевой готовности”, едва успев внести их в макет. Я знаю, что такими же увидят их разработчики. Я знаю, что в 99% ничего “не поломается” в дизайне.
Total votes 15: ↑14 and ↓1 +13
Views 11K
Comments 33

Преимущества интерактивного прототипирования

Web design *Interfaces *Usability *Computer Animation *Graphic design *


Дизайнеры всегда стремились показывать красивые картинки заказчикам. Они добавляли стильные эффекты в изображения, находили крутые фотки в фотобанках, отбрасывали от объектов немыслимые тени (порой против законов физики реального мира) и прибегали к прочим хитростям. Возможно их зачастую не волновало насколько это реализуемо в работающий продукт. Картинки в такой красивой обертке далее отправлялись клиенту или руководителю и дизайнер готовился снимать сливки...

Так было раньше и это работало. Я сам прибегал к таким хитростям неоднократно. Однако, мир вокруг стремительно меняется. Современный продукт настолько сложен, что одна картинка не даст понимания и ответов на вопрос “Как это работает?”. Схематичное или wireframe прототипирование тоже постепенно угасает в закате, так как черно-белые линии и прямоугольники не дают клиенту полного понимания. Всё больше желающих сегодня видеть живой прототип, а не серию картинок…
Читать дальше →
Total votes 18: ↑17 and ↓1 +16
Views 16K
Comments 15

Юзабилити карточки товара. Сценарий выгодный для бизнеса

Web design *Interfaces *Usability *Prototyping *Computer Animation *
Карточка товара

О чём пойдёт разговор?


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

Каков план действий?


Внешний вид компонентов не меняем, т.е. остаемся в рамках текущего UI. Но можно воздействовать на типографику: размер и плотность текста менять разрешается. Будем использовать Axure для создания максимально реальной картины. То есть в арсенале будут все доступные приемы интерактивного прототипирования: интерфейсная анимация, смена состояний, смена текста внутри меток, динамическое сокрытие/показ объектов и т.п. Каждый прием будет рассмотрен отдельно ниже. Разрешается немного манипулировать, чтобы призвать пользователя к нужным нам действиям, которые требуются бизнесу.
Читать дальше →
Total votes 16: ↑13 and ↓3 +10
Views 11K
Comments 9

Шаблон презентации мобильного приложения для Axure

Design
Tutorial
В процессе работы над ui дизайном мобильной версии сайта или мобильного приложения я пробовал разные способы презентации его клиентам. Пока остановил выбор на Invision, но там есть ряд моментов.

image

Во-первых, стоимость. Для профи это не проблема, но для многих начинающих дизайнеров минимальные $13 в месяц вполне себе приличная сумма.
Читать дальше →
Total votes 6: ↑5 and ↓1 +4
Views 6.5K
Comments 3
1