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

ГайдБукГалерее 5 лет!

Interfaces *
Многие и не догадываются о существовании такого замечательного ресурса как Guide Book Gallery. А ведь он существует уже около пяти лет и радует нас громадной коллекцией GUI.

Ресурс содержит каталог ОС и таймлайн по ним, скриншоты, звуки и иконки (вы видели как выглядит Windows 1.0?), а также множество других интересностей.

Ресурс очень полезен молодым специалистам. Матерым тоже иногда нужно вспомнить, что там за интерфейс был в OS/2.
Total votes 43: ↑41 and ↓2 +39
Views 1K
Comments 15

Dashboards. Часть I

Interfaces *
В сегодняшней статье речь пойдет о Dashboards (инструментальных панелях, информационных панелях, панельях управления или, как мне больше нравится, о дашбордах :).

Читать дальше →
Total votes 19: ↑15 and ↓4 +11
Views 19K
Comments 3

Дизайн. Сделано в России

UsabilityLab corporate blog
В этом тексте о дизайне нет содержательных иллюстраций. Текст не нацелен на то, чтобы научить дизайну. Это попытка культурологического рассмотрения той эволюции, которую совершает дизайн пользовательских интерфейсов в России. Испытывая влияние моды, технологий и бизнеса, он сохраняет свои уникальные черты, знание которых поможет понимать причины происходящего.
Знание — это не просто констатация факта. Это инструмент изменений. Исследование закономерностей позволяет влиять на них, определяя будущее.
Читать дальше →
Total votes 43: ↑35 and ↓8 +27
Views 2.1K
Comments 23

Идеи для проектов: UI сайта знакомств, ч. I

Lumber room
Кратко: деформализуйте процесс заполнения пользователем анкеты на сайте знакомств и интегрируйте его в процесс просмотра каталога анкет.

Несколько лет назад я попытался зарегистрироваться на якобы революционном сайте знакомств EHarmony.com. Фишкой сайта объявлялась огромная анкета плюс супер-формула. После заполнения анкеты вам предлагаются предположительно необычайно точно совпадающие с вами потенциальные партнеры. В анкете что-то около сотни (или больше) вопросов.

Разработчики сайта подошли к вопросу в столь любимом многими режиме — Режиме Отключенного Мозга.

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

Вчера я опять попытался зарегистрироваться — похоже, не изменилось ничего. Ослы!

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

Решить всю проблему и фантастически снизить барьер вхождения можно простейшим способом:

а) входная анкета должна содержать минимум полей: логин-пароль, имя, мальчик-девочка, возраст, кого ищу (девочку-мальчика), опционально город страну («можно задать позже»). Крупная кнопка «ПУСТИТЕ МЕНЯ К МЯСУ».

б) сразу после регистрации юзеру показываем топовые анкеты в автоматически подобранном дефолтном диапазоне возрастов (логичном, а не как в Мамбе).

в) самое главное: всё время работы с сайтом пользователю показываем в заметном месте предложение ответить на очередной (случайно выбранный) вопрос анкеты, и обновляем список кандидатов в соответствии с ответом. чтобы заставить пользователя кликнуть — сообщаем «после ответа на этот вопрос мы отсеем 35% не подходящих вам кандидатов». Если пользователь не кликнул — на следующей странице показываем ему другой вопрос, никогда ни на чём не настаивая.

Все остальные следствия из этой идеи тривиально додумываются. Очевидно одно — существование ОВИР-style анкет на сайте, ориентированном на широкую публику и дезинтегрированным процессом её заполнения — это нонсенс, дурацкая традиция, поддерживаемая ленью и тупостью.

P.S.: У нас есть целая куча вакансий: undev.ru

P.P.S.: Вторая часть: squadette.habrahabr.ru/blog/33821.html
Total votes 18: ↑16 and ↓2 +14
Views 495
Comments 41

Firefox переделают по философии даосизма

Interfaces *
В команде разработчиков Mozilla пополнение. В штат приглашены трое человек из компании Humanized. Нужно заметить, что Humanized — это маленькая компания, которая специализируется на проверке юзабилити программ и разработке инновационного UI. Собственно, она и состояла из трёх человек, после найма которых фирма, видимо, перестанет существовать.

Директор Mozilla Джон Лилли говорит, что ожидает мощного креатива от троих новых сотрудников. В основном, они будут работать над браузером Firefox, но их знания пригодятся и для других проектов Mozilla Labs.

Джон Лилли сказал, что он познакомился с президентом компании Humanized Азой Раскиным (сыном Джефа Раскина, создателя компьютера Macintosh) на конференции Ubuntu Developer Summit в прошлом году. Там Раскин провёл впечатляющую презентацию о дизайнах интерфейсов и выдвинул идею, что идеальный дизайн — это вообще никакого дизайна, а софт должен соответствовать принципу у-вэй, который в даосистской философии означает действие через бездействие. Для человека у-вэй — это некие спонтанные, естественные и интуитивные поступки, эффективность которых вытекает из их собственной природы, а над смыслом которых не надо даже задумываться (примерно как поведение ребёнка). Предполагается, что гармонично развитый человек не должен совершать никаких активных поступков, а только у-вэй.

Джон Лилли был поражён новыми идеями и сразу принял решение пригласить Раскина и его коллег к себе в Mozilla Labs.

via Ars Technica
Total votes 35: ↑33 and ↓2 +31
Views 564
Comments 42

Элемент управления, TrackBar но с двумя ползунками

JavaScript *
Понадобилась тут такая «штука», как TrackBar только с двумя ползунками, готового решения на jQuery не нашел, решил писать самостоятельно, правда не на jQuery а на чистом JS. Вроде от этого хуже не стало. «Штука» эта нужна была для выбора числовых значений в формах информационного киоска.
Читать дальше →
Total votes 91: ↑87 and ↓4 +83
Views 9.9K
Comments 110

Тексты в пользовательском интерфейсе: микроконтент. Часть 1.

Lumber room
Недавно мне довелось столкнуться с очень интересной для меня задачей.

Для разрабатываемого нами проекта – сервиса вопросов и ответов Kotvety.com требовалось продумать и прописать микроконтент — тесты ссылок, заголовков, описаний полей, придумать глоссарий (всплывающие подсказки), комментарии к некоторым важным полям, письма робота – все в определенном стиле. Целевая аудитория — молодежь.

Когда дизайнеры разрабатывают дизайн, иногда рождаются такие креативные темы – как «посылаем все» (Яндекс), но мне достались больше скучные «Создать учетную запись» и «Удалить мой аккаунт».

Сначала показалось, что все легко. Но потом возникло много вопросов. В ходе своих исканий я принялась обшаривать интернет: везде висит перевод статьи Якоба Нильсена его цитата «Микроконтент должен быть верхом ясности и краткости», кроме нее информации практически нет. А ведь тема интересна не только копирайтерам, но также дизайнерам и тем, кто проектирует пользовательские интерфейсы.

Не последним по полезности источником стал, пожалуй, сайт студии Артемия Лебедева. Кроме знаменитого «Фары и ремень!», у Лебедева нашла утверждение о том, что «на кнопке сабмита, тем более графической, должен быть глагол в повелительном наклонении, иначе ее можно спутать с обычной ссылкой».
Читать дальше →
Rating 0
Views 213
Comments 0

Семь самых дурацких заморочек в компьютерных программах

Interfaces *
Translation
Почему компьютерный софт стал нас раздражать? Было ведь время, когда новый релиз популярной программы был настолько восхитителен и полезен, что мы не могли удержаться, чтобы не установить и не попробовать его в деле. А сейчас возникает такое ощущение, что софт специально создаётся таким, чтобы выводить нас из себя: начиная от постоянных автоматических обновлений и запросов на регистрацию, и заканчивая истечением «срока годности», что портит удовольствие даже от самого хорошего приложения. Маркетологи победили разработчиков, а программы от этого стали только хуже.

Я поговорила с другими редакторами PC World и составила этот список наиболее раздражающих факторов в софте. Будем надеяться, что издатели ПО обратят на него внимание.

1. Антипиратские меры
Я понимаю, что издатели хотят получать деньги за свою работу и что они не могут распространять софт под честное слово. Однако некоторые технологии, которые созданы для проверки честности, на самом деле портят нам жизнь больше всего.
Читать дальше →
Total votes 60: ↑51 and ↓9 +42
Views 1.5K
Comments 140

Концепция процесса регистрации

Interfaces *

Проблема


На многих сайтах я наблюдаю следующий процесс:

1. Пользователь заходит на сайт
2. Пользователь находит что-то, что он хочет купить/скачать/сохранить
3. Пользователь переходит на страницу регистрации
4. Пользователь вводит свою информацию и ждёт письма с ссылкой активации
5. Пользователь получает письмо и переходит по ссылке
6. Пользователь попадает либо на страницу активации, либо на страницу логина, либо на страницу, откуда он начал регистрацию
7. Пользователь снова находит то что он хотел купить/скачать/сохранить
8. Пользователь покупает/скачивает/сохраняет

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

Решение


Читать дальше →
Total votes 75: ↑61 and ↓14 +47
Views 810
Comments 160

TouchScreen в массы

Софтэк corporate blog
Здравствуйте, многоуважаемые хабравчане!

Это первый пост SoftE&C на хабре. Не тратя время на рассказ про то, «какие мы перспективные», хотим вынести на критику храбровчан два видеоролика с демонстрацией работы desktop-gui нашей программной платформы с управлением через touch-screen. Будем признательны за любые замечания в отношении логики работы GUI.

Первое видео демонстрирует работу отдельных элементов GUI «неважно какого» учетного приложения (Внимание, траффик).



Второе видео – сценарий работы вендингового приложения.



Если среди храбровчан найдутся желающие разобраться глубже в работе GUI и самостоятельно «покликать» и «потыкать», готовы опубликовать на хабре ссылки для старта демок через Java WebStart.

И еще раз, будем признательны за ЛЮБУЮ критику.
Total votes 48: ↑34 and ↓14 +20
Views 1.7K
Comments 223

Интерфейс SAP

Interfaces *
Я не раз слышал от разных людей, что у продуктов SAP недостаточно удобный интерфейс, и что он абсолютно не удовлетворяет современным требованиям. Раньше я тоже не имел определенного представления об этом предмете и все, что связано с SAP, было покрыто некоторым налетом таинственности. Возможно, этот ролик будет способен дать общее видение об удобстве пользовательского интерфейса на примере одного из продуктов: SAP Business All-in-One Faststart.

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

В ролике показана система SAP для отдела закупок.
Приятного просмотра.

SAP Business All-in-One Faststart (английский)

Total votes 5: ↑4 and ↓1 +3
Views 7K
Comments 11

Ищем feedback: Поругайте и дайте советы для пользовательского интерфейса оболочки диска

Interfaces *
В течении нескольких последних лет мне довелось несколько раз делать диски для Microsoft Россия. Это были самые разные диски, где основная идея — оболочка для просмотра контента диска. В качестве базиса пользовательского интерфейса я взял модель веблога, где есть контент, есть система тегов для поиска нужного контента, а также дополнительные ссылки.

Первый диск был еще в августе 2007-го года сделан — веб-трансляции для студентов. Код писали ребята из Логруса (они не только локализацией занимаются ;)), и с тех давних пор диск использовался несколько раз.

Точнее, код оболочки.

Этот код был использован для диска конференции ReMIX 2008 и конференции Platforma 2009. В этот раз у меня стоит задача сделать новый диск, и есть мнение, что пользовательский интерфейс диска очень непонятен и сложен.

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

Под катом — скриншот дизайна диска и ссылка на простой архив, скачав который, вы сможете запустить оболочку к одному из таких дисков.
Читать дальше →
Total votes 16: ↑10 and ↓6 +4
Views 656
Comments 48

Разработка Ленты («Почему» Интерфейса, часть 1)

Interfaces *
Это первая статья в серии, в которой я укажу на некоторые причины, которые побудили нас принять решении о создании нового пользовательского интерфейса в Офисе 2007.

image
Читать дальше →
Total votes 45: ↑33 and ↓12 +21
Views 1.2K
Comments 38

Разработка Ленты, Пыльный музей прошлого Офиса («Почему» Интерфейса, часть 2)

Interfaces *
Автор — Дженсен Харис, Director of Program Management for the Microsoft Windows User Experience Team. (Подскажите адекватный перевод.)

Да, причина почему я перевожу эти статьи именно сейчас — скорый выход 2010 Офиса. Я уже давно сижу на бете — ничего особенного, но лента в Ван Ноут порадовала (ради этого и перешел).


Это вторая часть в моей серии из восьми статей, в которой я укажу на некоторые причины, которые побудили нас принять решении о создании нового пользовательского интерфейса в Офисе 2007.

Сегодня хочу взять вас в путешествие. Путешествие, которое начинается в суровой депрессии середины 1980-х, в дни EGA, подключаемых по последовательному порту мышей и оболочки MS-DOS Executive.
Читать дальше →
Total votes 33: ↑30 and ↓3 +27
Views 1.9K
Comments 19

Разработка Ленты, борьба с Ощущением раздутости («Почему» Интерфейса, часть 3)

Interfaces *
Translation
Было:
image

Стало:
image
От себя: лента, лента, лента, лента. Она великолепна.

Автор — Дженсен Харис, Director of Program Management for the Microsoft Windows User Experience Team. (Подскажите адекватный перевод.)

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

Читать дальше →
Total votes 104: ↑78 and ↓26 +52
Views 2.3K
Comments 107

Разработка Ленты («Почему» Интерфейса, части с 4 по 8)

Interfaces *


В моем первом посте из серии p1uton оставил ссылку на, внезапно, свои переводы этих же статей. Поэтому свою работу по переводу я считаю законченной, ниже ссылки на его блог (однако я немного не удержался и в скобках даю свои переводы названий статей). Но сначала я приведу немного того, что мне найти в рунете не удалось даже после повторного поиска.
Читать дальше →
Total votes 14: ↑9 and ↓5 +4
Views 910
Comments 7

Советы программисту-дизайнеру интерфейсов

Interfaces *
Нет сложным интерфейсам

Проблема


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

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

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

Читать дальше →
Total votes 270: ↑246 and ↓24 +222
Views 11K
Comments 147

Фракталы и GUI

Intel corporate blog

Рассматривая различные существующие способы к построению пользовательских интерфейсов, меня вдруг посетила мысль, что возможно выбран в принципе неверный путь. Вновь людьми выбрана «квадратная» модель отображения информации, как и почти во всех других областях своей деятельности. Я не призываю к революции в построении пользовательских интерфейсов, но возможно мысли о фракталах многие найдут интересными.
Читать дальше →
Total votes 70: ↑57 and ↓13 +44
Views 19K
Comments 65

Вкусные скриншоты будущего интерфейса Chrome OS

IT-companies
Совсем недавно мы представляли вашему вниманию весеннюю сборку Chrome OS, а уже сейчас можно посмотреть как же должно это выглядеть в идеале.

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

Панели
image
Читать дальше →
Total votes 126: ↑96 and ↓30 +66
Views 619
Comments 104

Критический взгляд

Interfaces *
Translation
Вольный перевод статьи Азы Раскина How To Critique An Interface.

Людей далёких от дизайна часто просят высказать своё мнение об интерфейсе. Быть может вы директор компании, а исполнитель просит оценить ваш новый сайт. Или вы руководитель проекта и недоумённо смотрите на макеты вашего дизайнера. Как вы оцениваете дизайн? На что обращаете внимание? И как вам ответить что-то более внятное, чем «Вот выглядит клёво!» или «Убери это с глаз долой!».

Сложно ответить на эти вопросы в такой короткой статье, но я приведу хотя бы несколько советов:
Опять одно и то же
Total votes 60: ↑50 and ↓10 +40
Views 1.3K
Comments 39