Tag Archives: controls

Обзор свежих материалов, август 2010

13 Сен

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

Методы и практики

In Defense of A/B Testing
Paras Chopra написал отличную статью в защиту метода A/B-тестирования, в последнее время подвергшегося критике со стороны проектировщиков и дизайнеров. Он опровергает три основных претензии, которые касаются в первую очередь зацикливания на не самых эффективных изменениях.

Guidelines for Designing Data Tables
Connie Malamed, автор книги “Visual Language for Designers”, дает серию советов по оформлению таблиц. Она описывает ментальный процесс работы с таблицей и рассказывает о том, как упростить пользователю прохождение по нему.

Making User Interface Elements Difficult to Use By Intent
Статья Jacob Gube, в которой он рассказывает о намеренном усложнении интерфейса в тех случаях, где возможна потеря данных и другие неприятные последствия.

Making the Deal — Supporting Product Demos with User Assistance
Mike Hughes из IBM описывает процесс оптимизации интерфейса демо-версий продукта. Он описывает 4 характеристики, в которых демонстрация должна быть особенно хороша — ценность продукта и ее наглядный показ, внимание к существующим проблемам пользователя, конкурентные преимущества.

User Interface Stack Exchange
Новый сервис вопросов и ответов, посвященный практическим вопросам проектирования интерфейсов. Здесь собраны популярные вопросы и ответы практикующих специалистов на них.

Good Help is Hard to Find
Статья Lyle Mullican описывает несколько способов представления справочной информации в веб-сервисах. Он разделяет помощь на два типа — интегрированную в общий процесс и показываемую отдельно.

Guidelines for user friendly URI Design
Неплохая памятка о создании понятных и читабельных URL от Jacob Gillespie. Статья рассказывает об общих принципах и дает серию полезных советов.

Инструменты

Free Wireframing Kits, UI Design Kits, PDFs and Resources
Одна из наиболее масштабных подборок шаблонов и стенсилов для проектирования и дизайна веб-сервисов и мобильных приложений. Хотя таких коллекций в последнее время появляется все больше, эта статья от Smashing Magazine — одна из наиболее подробных и проработанных.

20 Free Web UI Element Kits and Stencils
Еще одна коллекция шаблонов и стенсилов для проектирования и дизайна. Не так много нового, но может быть полезна.

Паттерны

Liquid Information Navigation – A New Paradigm?
James Kalbach из LexisNexis описывает постепенно развивающийся тренд в веб-интерфейсах — аналог контекстного меню десктопных приложений. Хотя такие меню периодически встречаются вот уже несколько лет, в статье собрана вместе подборка таких примеров.

Dark Patterns — Black Hat, Anti-Usability Design Patterns
Коллекция анти-паттернов проектирования, в которой собраны примеры того как делать не нужно. Примеров пока не так много, но автор сайта Harry Brignull активно публикуется в профессиональном сообществе и вряд ли забросит интересное начинание.

Процесс

All Look Same? A Comparison of Experience Design and Service Design
Jodi Forlizzi сравнивает user experience design и service design с тем чтобы понять, насколько близки эти дисциплины. В статье делаются отсылки к их истории и общему процессу.

Learning from Our Challenge Piles
Отличнейшая статья Michelle Gilmore, в которой она делится своим опытом решения проблем, возникающих при работе с заказчиком работ по проектированию и дизайну. Она описывает 4 типовые ситуации из своей практики и рассказывает о том, как было найдено решение.

Кейсы

Case study — How we made an extra £14 million a year for a travel company
История о том, как был переделан сайт турагентства Sunshine Travel и как это помогло значительно повысить конверсию. Статья описывает основные изменения и процесс работы над проектом.

Designing a Persuasive Video Game
Здорово описанный кейс, рассказывающий о процессе создания обучающей игры. John Ferrara пишет об использовавшихся принципах игровой механики и том, чего они хотели достичь их использованием.

Migrating a Corporate Intranet to SharePoint — A Case Study
Jen Hocko описывает процесс переноса корпоративного интранет-сайта на платформу SharePoint и то, какие задачи решал проектировщик в этом процессе.

Теория

Emotional Design with A.C.T.
Интереснейшая серия публикаций Trevor van Gorp, в которой он описывает психологические основы вовлекающих интерфейсов. Он исследует вызывающий эмоции дизайн и то, как можно создавать его.

Updating Our Understanding of Perception and Cognition
Выдержка из книги Jeff Johnson “Designing with the Mind in Mind”, в которой он описывает процессы восприятия и познания. Крайне полезное чтение, которое позволяет понять как работает и что видит глаз, как происходит процесс чтения и распознавания объектов. Вторая часть статьи —www.uxmatters.com/mt/archives/2010/08/updating-our-understanding-of-perception-and-cognition-part-ii.php.

История

What is a Device?
Выдержка из будущей книги Dan Saffer “Designing Devices”, в которой он описывает краткую историю устройств. А это очень полезно для понимания того, как развивались интерфейсы.

Тренды

5 Creepy Ways Video Games Are Trying to Get You Addicted
Подробное описание 5 распространенных принципов игровой механики от David Wong, которые используются во многих хитовых играх. Статья особенно хороша тем, что в ней приводится масса примеров и отсылок к исследованиям.

Свежие ссылки можно также отслеживать во Friendfeed-ленте User Experience.

Реклама

Весь интерфейс iPhone 4 в одном PSD-файле

17 Авг

Не Xcode единым — макетировать интерфейс iPhone-программы можно не только средствами Apple, привычный Photoshop выглядит более чем достойной альтернативой. А если вы нацелились на iPhone 4 с его роскошным Retina Display, то здесь никак не обойтись без последней работы студии Teehan+Lax — втиснутые в гигантский PSD-файл размерами 4074 × 2986 точек все базовые элементы графического интерфейса iOS, перерисованные под экранные 640 × 960 пикселей iPhone 4.

Скачать iPhone 4 GUI PSD (Retina Display) (20,8MB).

Объем собственно файла получился не менее устрашающим — в разархивированном виде iPhone_4_GUI_PSD_Retina_Display.psd занимает на жестком диске 62,7 Mb. Распространяются эти шестьдесят два целых и семь десятых мегабайта совершенно бесплатно, но с предложением заплатить за титанические усилия дизайнеров Teehan+Lax сколько не жалко. На данный момент времени среднестатистический взнос «сколько не жалко» составляет 10 долларов и 55 центов.

via DeepApple.ru

Raskin. MacOs X глазами Джефа Раскина

17 Июн

Джеф Раскин был тот человек, который придумал саму концепцию бюджетного Мака и даже начал ее воплощать в жизнь. Потом появился Стив Джобс и отодвинул Раскина на задний план, вынудив в итоге покинуть компанию. С одной стороны, это безусловно была потеря талантливого человека, а с другой — не все идеи Раскина были однозначно удачными.

Узнать это на практике вы можете сами с помощью файл-менеджера Raskin, созданного поклонниками гения и опирающегося на его основные идеи отображения информации на экране компьютера.

Согласно этой концепции, вы должны под рукой иметь полный доступ к своим документам и даже более того — должны видеть, что это за документы. Реализовано… мудрено. По умолчанию Raskin показывает основные папки пользователя, автоматически выстраивая окно предварительного просмотра. При этом если с документами все понятно, то в случае с приложениями все хитрее — показывается не только и иконка, но и превью открытых их окон. По идее, должно быть удобно, но чисто субъективно — очень медленно, да и графика грубовата.

Остается добавить, что в интерфейсе Raskin активно используется масштабирование и прокрутка, что спустя какое-то время может утомлять. Наш эксперимент с менеджером прекратился после того, как было замечено, что он отъел гигабайт памяти. Тут то терпение и лопнуло.

С другой стороны, нельзя не признать новый подход к привычным вещам, что интересно. Но, кажется, именно с этого мы и начинали? 😉

Системные требования: Mac OS X 10.6 и выше.
Условия распространения: trialware.
Скачать (2,4МВ).

3D-жестикуляция. Интерфейсы будущего

24 Май

Вот потихоньку и наступают времена, когда мышь и стандартная клавиатура уходят на задний план, а на передний встают 3D, виртуальная реальность и дополненная реальность.

В поисках недорогих и надежных способов отслеживания жестов сотрудники лаборатории информатики и искусственного интеллекта Массачусетского технологического университета Роберт Ван и Йован Попович задались вопросом – почему бы покрасить в разные цвета руки (а еще лучше перчатки) работающего за компьютером? И сделать это таким образом, чтобы компьютер мог различать как разные части руки, так и отличать руку от остальных предметов. Перчатка разделена на двадцать участков, которые покрашены в десять разных цветов. «Следит» за перемещением цветовых пятен в пространстве обычная вебкамера

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

via engadget.com

Элементы интерфейса для проектирования под iPad

22 Май

iPad Stencil for Omnigraffle by iA

iPad PSD GUI by Teehan + Lax

iPhoneOS Design Stencil for iPad and iPhone by David Morford

iPad editable PSD by Kevin Andersson

iPad Wireframe PSD by Neil Cowburn

iPad Icon Set by Chris Spooner

Printable iPad Template PDF by Arash Keshmirian

via

Где брать иконки?

21 Май

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

Отличный функционал, есть автокомплейтор в поиске, Можно искать иконки как по тэгам, так и просто пробежаться по сэтам. После регистрации появляется возможность добавлять в избранное как сэты, так и отдельно иконки.
По функционалу очень похож на предыдущий поисковик, но база иконок немного меньше.
Ну и разные подборочки:
iconSweets — 60 бесплатных иконок в векторе, которые автор дарит вам.

Иконза — Проект компании Turbomilk, которая решила подарить набор иконок все людям. Плюс в том, что у иконок можно менять как цвет, так и фон прямо на сайте.
Вот такой небольшой обзор. Надеюсь вам помогут эти сайты =)