Где я могу найти вдохновение для хорошего пользовательского интерфейса? [закрыто]

18

У меня есть ментальный блок для определения интерфейса главного экрана для настольного приложения, которое я сейчас обновляю. Когда я впервые разрабатывал эту программу, разрешение экрана составляло 640 X 480. Сегодня существует несколько разрешений экрана.

Где я могу найти идеи для хорошего макета главного экрана для настольного приложения?

Майкл Райли - AKA Gunny
источник
1
Что это за приложение? PhotoShop / GIMP / imagey, Eclipse / VS / Codey, Maya / 3DStudio / Cad: y?
Мак
Приложение для личных финансов, данные хранятся в собственной базе данных.
Майкл Райли - AKA Gunny
7
Обмен пользовательским опытом - не ответ, но, поскольку вы находитесь в процессе изменения интерфейса, подумал, что вам будет интересно.
Яннис
2
Не заставляй меня думать amazon.com/Dont-Make-Me-Think-Usability/dp/0321344758
B 7
1
@Yannis - Спасибо ... Я полностью заблудился там (и к чему это приведет) вчера.
Майкл Райли - AKA Gunny

Ответы:

6

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

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

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

Трав
источник
producthunt.com/ask/…
Майкл Райли - AKA Gunny
5

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

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

Если вы создадите прототип вашего дизайна, вы можете получить некоторую помощь от пользователей или других разработчиков, чтобы получить его во время сбора отзывов. Не только то, что говорят, но и то, что они делают. (пример: люди говорят, что им не нравятся загроможденные острова в Walmart, но они буквально потеряли более $ 1 млрд в продажах, когда вы убрали беспорядок)

Билл Липер
источник
3
+1 за прототипирование. Вместо того, чтобы сосредоточиться на «1 лучшей идее!», Создайте целую кучу из них. Затем покажите свои идеи прототипа группе людей. Вы получите много отзывов и сможете усовершенствовать свой дизайн.
Стивен Гросс
[Walmart] буквально потерял более $ 1 млрд в продажах, когда они убрали беспорядок; править?
funkybro
3
@funkybro NY Times статья: nytimes.com/2011/04/08/business/08clutter.html?_r=1
ghoppe
3
@funkybro: dailyartifacts.com/walmarts-185-billon-dollar-mistake
Роберт Харви
1

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

Одна из вещей, которые я обнаружил, - то, что пользователи любят мгновенный ответ . Это как Голливуд. Люди любят пиксели (желательно цветные пиксели). Они действительно любят пиксели, которые движутся .

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

Так что это только мои два цента.

Майк Данлавей
источник
Ваша вики-страница была удалена. Это где-нибудь еще?
Майкл Райли - AKA Gunny
@Cape: Да, меня там отрезали на коленях - кое-что о неологизме . Без разницы. В SO теге «дифференциальное выполнение» я поясняю это, и я помещаю реализацию в sourceforge. Также есть публикации, последние из которых я буду рад выслать, если вам понадобится что-то особенное. Возможно, что еще важнее, это приложение для аукциона, которое я сделал пару лет назад, и которое я мог бы передать вам. Это в VC6 (MFC), но не большой и работает просто отлично.
Майк Данлавей
@Cape: На самом деле моя страница пользователя в Википедии все еще есть, но, как я смотрю, это не очень хорошо.
Майк Данлавей
Одной вещью, чтобы рассмотреть о минимизации щелчков и нажатий клавиш, является стоимость каждого щелчка, размышляя. Люди обычно предпочитают делать несколько кликов, которые почти бессмысленны, чем тот, который требует некоторого внимания. Очевидно, что меньше бессмысленных кликов лучше, чем несколько бессмысленных кликов. Этот принцип обсуждается немного в « Не заставляй меня думать» .
whatsisname
@whatsisname: Спасибо за это понимание. Я стараюсь идти по пути наименьшего сопротивления, чего люди, скорее всего, хотят. Хотя не всегда могу это сделать.
Майк Данлавей
1

Я думаю, что первым шагом является определение стиля / темы. Например Windows 8 Metro против NT стиля.

Несколько предложений по ресурсам и вдохновению (я упоминаю WPF / Web, но вам, конечно, не обязательно его использовать):

A - Если вы хотите начать с создания прототипов, стили управления здесь - отличные стили и элементы управления

B - Фабрика Компонентов действительно дает формам окон хорошую подтяжку лица - Они даже предлагают один бесплатный продукт на: Фабрике Компонентов

C - сторонние производители графического интерфейса имеют хорошо выглядящие демонстрации

D - Попробуйте найти слово «книги» на этом сайте: Пользовательский опыт - вы получите много сообщений.

E- Это приложение WPF : Приложение здравоохранения WPF

F - Это приложение WPF: Билли Холис - WPF и готовая версия на: WPF - StaffLynx

Инструменты G-Metro доступны, если хотите. Проверьте это: Метро Стиль

Самое главное, как вы уже знаете, сбалансировать усилия с ценностью.

редактировать

DevXpress выпустил новый релиз, поддерживающий Metro Style, только что посмотрел видео Toady DevXpress-2

Без шансов
источник
1
Ссылка на приложение E - WPF-Health Care не работает.
Майкл Райли - AKA Gunny
@CapeCodGunny, спасибо за примечание, теперь все должно быть в порядке :)
NoChance
0

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

Хорошая книга «Шаблон проектирования пользовательского интерфейса», которую я нашел, - « Разработка интерфейсов» . Он имеет разделы по проектированию макетов, навигации, отображению сложной информации и проектированию форм ввода. Существует аналогичная книга о разработке социальных интерфейсов (называемая, соответственно, « Разработка социальных интерфейсов» ), но я не прочитал ее, поэтому не знаю достаточно, чтобы рекомендовать ее.

TMN
источник
Что является одной из самых полезных вещей, которые вы обнаружили в книге Туфте? Как это изменило ваше мышление?
Майкл Райли - AKA Gunny
Вы действительно считаете, что это хорошая книга для новичка, которая предложит простой дизайн интерфейса? Я не. Это ценная книга, но это все равно, что предложить им узнать об открытии ресторана, когда все, что они хотят сделать, это испечь партию печенья.
Брайан Оукли
@CapeCodGunny: То, что меня действительно привлекает, это его деконструкция типичных стилей представления, сведение их к основным элементам (глава 6) и раздел «графическая целостность».
TMN
@BryanOakley: он сказал, что впервые разработал экран для разрешения экрана 640x480, что должно быть несколько лет назад, поэтому я сомневаюсь, что он новичок. И он не дал никаких указаний, что пользовательский интерфейс был простым (или что это не так). Я просто рассказывал о некоторых ресурсах, которые помогли мне, когда я действительно начал разрабатывать пользовательские интерфейсы, вместо того, чтобы просто наклеивать кучу текстовых полей и надписей на экран.
TMN
@Bryan - моему продукту 20 лет, он прошел путь от DOS до Windows. Это все еще продает, но устарело.
Майкл Райли - AKA Gunny
0

Есть несколько хороших книг, которые уже были рекомендованы. Веб-сайт UX Stack Exchange лучше подготовлен для решения подобных вопросов, но он также не совсем не по теме.

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

mediaqueri.es

Также проверьте Smashing Magazine . Это блог, который является райским уголком разработки, с сообщениями, касающимися UX / UI, HTML / CSS / Javascript, графического дизайна и веб-дизайна. У них также есть посты, которые изучают конкретные веб-сайты и маркетинговые кампании и видят, что они сделали правильно (и неправильно) с их решениями UI / UX. Регулярно проверяйте этот сайт для ежедневных советов по этим темам.

Затем, когда у вас появилось вдохновение, взгляните на некоторые вопросы SO / SE, которые я специально сыграл в этой теме. Это просто общие ресурсы для всех, а не только OP:

gr33kbo1
источник