Дизайн в IT → Как делали новый дизайн сайта Expression Engine
Представляю вашему вниманию перевод статьи "Redesigning the ExpressionEngine Site" от Jesse Bennett-Chamberlain. Перевели в компании UXDepot. Специально для пользователей Хабрахабра с одобрением издания Digital Web Magazine.
Офицер-пограничник на границе между США и Канадой: «Вы направляетесь по делам или же отдыхать, сэр?»
Я: По делам.
Офицер: Уточните причину, пожалуйста.
Я: Я веб-разработчик и еду на встречу со своим клиентом в штате Орегон для обсуждения проекта.
Пограничник: Как называется компания вашего клиента?
Я: «pMachine».
Пограничник: Вы везете какие-либо сайты с собой?
Я: *недоумевающий взгляд*
Пограничник: В вашей машине есть какие-либо сайты, сэр?
Я: Хмммммм… нет, сайты сейчас на серверах. В машине я ничего не везу.
Пограничник: Тогда как вы хотите показать их вашему клиенту?
Я: Хмм… вообще-то я просто еду на встречу с клиентом для обсуждения сайта, пока я ему ничего не везу.
Пограничник: Хорошо, тогда наслаждайтесь поездкой, сэр.
(30 секунд молчания)
Хизер: В следующий раз скажи, что мы едем на отдых.
Microsoft → Победители конкурса по Microsoft Expression
Сегодня завершился конкурс прототипирования в Microsoft Expression. Пора объявить победителей:
1 место: Работа №17 — olegafx — 74 голоса
2 место: Работа №29 — Сердюков Евгений — 27 голосов
3 место: Работа №11 — Denis Liger — 26 голосов
4 место: Работа №8 — Ad1Dima — 26 голов
5 место: Работа №30 — Kinday — 19 голосов
6 место: Работа №32 — Желязников Игорь — 18 голосов
7 место: Работа №36 — Krogin — 18 голосов
8, 9, 10 места: Работы №10,27,21 — Amiloid — 15, 12, 12
Все участники получат обещанные призы, а пользователь Amiloid помимо трех футболок :) получит за свою активность хэндгам.
Хочется сказать большое спасибо всем участникам конкурса и поздравить победителей. Надеюсь, что вам понравился процесс прототипирования с Microsoft Expression.
Всегда рад услышать от вас пожелания и замечания по формату конкурса. Пишите в комментариях или в личку. Еще раз спасибо!
UPD: Прошу прощения за ошибку в первом месте, необходимо было разобраться в чем ошибка — в номере или в авторе
UPD: Сегодня было принято решение оставить места без изменений. В следующих конкурсах мы учтем ошибки конкурса прототипирования и будем использовать экспертный совет для определения победителей
1 место: Работа №17 — olegafx — 74 голоса
2 место: Работа №29 — Сердюков Евгений — 27 голосов
3 место: Работа №11 — Denis Liger — 26 голосов
4 место: Работа №8 — Ad1Dima — 26 голов
5 место: Работа №30 — Kinday — 19 голосов
6 место: Работа №32 — Желязников Игорь — 18 голосов
7 место: Работа №36 — Krogin — 18 голосов
8, 9, 10 места: Работы №10,27,21 — Amiloid — 15, 12, 12
Все участники получат обещанные призы, а пользователь Amiloid помимо трех футболок :) получит за свою активность хэндгам.
Хочется сказать большое спасибо всем участникам конкурса и поздравить победителей. Надеюсь, что вам понравился процесс прототипирования с Microsoft Expression.
Всегда рад услышать от вас пожелания и замечания по формату конкурса. Пишите в комментариях или в личку. Еще раз спасибо!
UPD: Прошу прощения за ошибку в первом месте, необходимо было разобраться в чем ошибка — в номере или в авторе
UPD: Сегодня было принято решение оставить места без изменений. В следующих конкурсах мы учтем ошибки конкурса прототипирования и будем использовать экспертный совет для определения победителей
Блог компании Microsoft → Прототипирование в Expression Blend + SketchFlow. Часть 3. Работа с контролами
Продолжаем разбираться с прототипированием с помощью SketchFlow. В предыдущих сериях:
Сегодня мы рассмотрим работу с контролами, а начнем с примитивов.
Прежде всего, помимо того, что вы можете импортировать готовые картинки, какие-то примитивы для разметки компоновки вы можете рисовать непосредственно в Expression Blend (помомо прямоугольников, линий и овалов, есть кривые, звездочки, стрелочки, треугольники, callout`ы и ряд других примитивов):
Сегодня мы рассмотрим работу с контролами, а начнем с примитивов.
Примитивы
Прежде всего, помимо того, что вы можете импортировать готовые картинки, какие-то примитивы для разметки компоновки вы можете рисовать непосредственно в Expression Blend (помомо прямоугольников, линий и овалов, есть кривые, звездочки, стрелочки, треугольники, callout`ы и ряд других примитивов):
.NET → Expressions в C# — impress yourself!
.NET 4.0 уже не за горами и принесет кучу всего нового, нужного и не очень, крутого и суперкрутого. Однако и в старом добром .NET 3.5 есть много разных интересных фич, которые не используются в повседенвной работе, но иногда здорово облегчают жизнь разработчикам. Одна из таких замечательных штук — это Expressions.
Silverlight → Sketch Flow — небольшое практическое использование
Насмотревшись разных презентаций и начитавшись интервью, решил попробовать применить Sketch Flow к небольшому новому проекту.
Для справки: Sketch Flow — это кусочек Expression Blend 3, служащий для прототипирования пользовательских интерфейсов. Про него уже немного рассказывали на хабре (1, 2). Лично мне понравилась его презентация на MIX'09 (около часа видео, английский).
Для справки: Sketch Flow — это кусочек Expression Blend 3, служащий для прототипирования пользовательских интерфейсов. Про него уже немного рассказывали на хабре (1, 2). Лично мне понравилась его презентация на MIX'09 (около часа видео, английский).
Microsoft → Поддержка PHP в Expression Web 3
PHP является одной из важных веб-технологий и мы реализовали поддержку PHP в Expression Web. С Expression Web 3 вы можете создавать PHP страницы, внедрять PHP код в HTML страницы или комбинировать оба метода.Expression Web 3 поддерживает подсветку PHP синтаксиса, Intellisense, вставку PHP сниппетов, подключения PHP файлов, просмотр PHP страниц с встроенным сервером для разработок. А если у вас стоит IIS6 или IIS7, вы можете включить FastCGI для лучшей производительности PHP.
Microsoft → WebsiteSpark
Microsoft предоставила новую возможность легально использовать свои продукты молодым веб-студиям или веб-разработчикам без предварительной оплаты. Любая компания, у которой штат до 10 человек и разрабатывает продукты не для себя, имеет возможность участвовать в новой программе WebsiteSpark и получить лицензии на следующие продукты:
Чтобы детально ознакомится с правилами участия в программе, а так же подать заявку следует посетить официальный сайт
- 3 лицензии на Visual Studio 2008 Professional Edition
- 1 лицензия на Expression Studio 3 (которая включает Expression Blend, Sketchflow и Web)
- 2 лицензии на Expression Web 3
- 4 процессорную лицензию на Windows Web Server 2008 R2
- 4 процессорную лицензию на SQL Server 2008 Web Edition
- DotNetPanel панель управления
Чтобы детально ознакомится с правилами участия в программе, а так же подать заявку следует посетить официальный сайт
Интерфейсы → SketchFlow: прототипирование интерфейсов по-новому
Все хорошие разработчики и дизайнеры, с которыми я знаком, в той или иной мере занимаются прототипированием. Как мне кажется, прототипирование напоминает канал между заказчиком и разработчиком, по которому передаются идеи и отзывы заинтересованных сторон, что позволяет вносить изменения в проект еще на раннем этапе разработки.
Как вы, наверное, замечали, прототипы могут быть представлены в разнообразных формах: от каких-то набросков на салфетке, до дизайна созданного в профессиональном пакете, который выглядит очень близко к желаемому результату. Несмотря на такое количество вариантов, мы можем выделить два основных типа прототипов: малодостоверные (Low fidelity) и высокодостоверные (High fidelity ). Малодостоверный прототип – это простое описание, набросок на рисовальной доске или скетч, которые приблизительно показывают кусочек пользовательского интерфейса. Пример такого прототипа представлен на рис. 1.
Рис. 1 – Пример малодостоверного прототипа, который демонстрирует форму входа в систему
Как вы, наверное, замечали, прототипы могут быть представлены в разнообразных формах: от каких-то набросков на салфетке, до дизайна созданного в профессиональном пакете, который выглядит очень близко к желаемому результату. Несмотря на такое количество вариантов, мы можем выделить два основных типа прототипов: малодостоверные (Low fidelity) и высокодостоверные (High fidelity ). Малодостоверный прототип – это простое описание, набросок на рисовальной доске или скетч, которые приблизительно показывают кусочек пользовательского интерфейса. Пример такого прототипа представлен на рис. 1.
Рис. 1 – Пример малодостоверного прототипа, который демонстрирует форму входа в систему
Microsoft → Вышла Expression Studio 3
Сегодня вышло обновление линейки продуктов Microsoft Expression, включая новые версии Expression Blend, Expression Design, Expression Web и Expression Encoder.
Скачать полный комплект продуктов одним файлом можно здесь: http://www.microsoft.com/downloads/details.aspx?FamilyID=7e2f033b-c6b5-4565-93a5-a6048246ce28.
Обновленный продуктовый сайт — http://www.microsoft.com/expression.
Обновленный сайт коммьюнити — http://expression.microsoft.com.
Далее ссылки на отдельные продукты и дополнительные подробности.
Скачать полный комплект продуктов одним файлом можно здесь: http://www.microsoft.com/downloads/details.aspx?FamilyID=7e2f033b-c6b5-4565-93a5-a6048246ce28.Обновленный продуктовый сайт — http://www.microsoft.com/expression.
Обновленный сайт коммьюнити — http://expression.microsoft.com.
Далее ссылки на отдельные продукты и дополнительные подробности.
Веб-разработка → Вышел Expression Web 3 + SuperPreview
Наконец-то, после появления Blend 3 RC, стал доступен Expression Web 3 Trial. Все бы ничего, но вместе с Expression Web 3 идет инструмент SuperPreview, который меняет представление о тестировании разметки в браузерах. Ранее уже писалось об этом инструменте, но он был доступен только для браузеров Internet Explorer. Теперь же появилась полноценная поддержка Firefox (и последних версий тоже).
На скриншоте вы видите работу инструмента: сайт habrahabr для примера. Сравнивается разметка, эталлоном выбран Firefox, на стороне рендеринга IE8 отображается отклонение выбранного элемента разметки. Сравнивать можно с загружаемым исходным изображением, а не только результатом работы браузера.
Поддерживаются браузеры Firefox и IE. В скором времени будет добавлена поддержка Safari. Expression Web — это платное ПО с триалом на 60 дней.
PS: это очень удобно!
PS: в комментариях сообщили что вышла вся линейка Expression! Скачать всю студию разом можно тут www.microsoft.com/expression/try-it/Default.aspx?filter=studio3
На скриншоте вы видите работу инструмента: сайт habrahabr для примера. Сравнивается разметка, эталлоном выбран Firefox, на стороне рендеринга IE8 отображается отклонение выбранного элемента разметки. Сравнивать можно с загружаемым исходным изображением, а не только результатом работы браузера.
Поддерживаются браузеры Firefox и IE. В скором времени будет добавлена поддержка Safari. Expression Web — это платное ПО с триалом на 60 дней.
PS: это очень удобно!
PS: в комментариях сообщили что вышла вся линейка Expression! Скачать всю студию разом можно тут www.microsoft.com/expression/try-it/Default.aspx?filter=studio3