У меня есть ментальный блок для определения интерфейса главного экрана для настольного приложения, которое я сейчас обновляю. Когда я впервые разрабатывал эту программу, разрешение экрана составляло 640 X 480. Сегодня существует несколько разрешений экрана.
Где я могу найти идеи для хорошего макета главного экрана для настольного приложения?
gui
user-interface
delphi
user-experience
desktop-application
Майкл Райли - AKA Gunny
источник
источник
Ответы:
Я бы порекомендовал вам проверить пару разных книг, которые, как ни странно, не ориентированы на дизайн графического интерфейса для настольных приложений. Независимо от этого, эти тексты помогут вам начать думать о том, как получить информацию, необходимую вашим пользователям, в форме, которую их мозг сможет понять. Во всяком случае, первая книга - это книга о дизайне не дизайнера Робина Уильямса. Эта книга научит вас композиции не так, как в графическом дизайне. Эта книга поможет вам задуматься о том, как человеческий разум воспринимает элементы дизайна.
Во-вторых, проверьте, не заставляй меня думать , Стив Круг. Он касается навигации и представления данных на веб-страницах, но многие рекомендации (например, навигация по крошкам) часто имеют такой же смысл в настольных приложениях, как и на веб-страницах.
Как указал другой автор, хороших шаблонов проектирования не существует в изоляции для каждой среды. Некоторые вещи не очень хорошо переводятся между аналоговым и цифровым (то есть текст с несколькими столбцами в реальной газете и приложение для газеты), потому что некоторые ограничения различаются в зависимости от среды, но многие принципы хорошего дизайна верны, несмотря ни на что средний вы говорите.
источник
Один совет, который я часто слышал, - это смотреть на дизайны, которые вам нравятся, для вдохновения. Это не просто сказать, что настольные приложения, но должно распространяться на искусство, архитектуру, веб, фотографии, продукты и т. Д.
Это поможет вам понять, что такое хороший дизайн, и поможет в долгосрочном проектировании приложений, приятных для глаз и удобных для пользователя.
Если вы создадите прототип вашего дизайна, вы можете получить некоторую помощь от пользователей или других разработчиков, чтобы получить его во время сбора отзывов. Не только то, что говорят, но и то, что они делают. (пример: люди говорят, что им не нравятся загроможденные острова в Walmart, но они буквально потеряли более $ 1 млрд в продажах, когда вы убрали беспорядок)
источник
Я всегда следую правилу минимизации кликов и нажатий клавиш. Я не очень хорош в создании привлекательного внешнего вида интерфейса, с большим количеством цветов и пухлыми кнопками, но пользователи говорят, что мои пользовательские интерфейсы очень удобны в использовании. Вот один
Одна из вещей, которые я обнаружил, - то, что пользователи любят мгновенный ответ . Это как Голливуд. Люди любят пиксели (желательно цветные пиксели). Они действительно любят пиксели, которые движутся .
В попытке сделать подобные пользовательские интерфейсы и упростить процесс кодирования давным-давно я придумал схему, которую я до сих пор использую, - дифференциальное выполнение . (Я не могу сказать, что мне повезло опубликовать это, но это так. Оно было опубликовано, FWIW.)
Так что это только мои два цента.
источник
Я думаю, что первым шагом является определение стиля / темы. Например 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
источник
Я не могу рекомендовать книгу Эдварда Туфте « Визуальное отображение количественной информации» достаточно высоко. Действительно заставляет задуматься о том, что вы представляете и почему. Все его книги хороши, но я больше всего нахожу ссылки на эту.
Хорошая книга «Шаблон проектирования пользовательского интерфейса», которую я нашел, - « Разработка интерфейсов» . Он имеет разделы по проектированию макетов, навигации, отображению сложной информации и проектированию форм ввода. Существует аналогичная книга о разработке социальных интерфейсов (называемая, соответственно, « Разработка социальных интерфейсов» ), но я не прочитал ее, поэтому не знаю достаточно, чтобы рекомендовать ее.
источник
Есть несколько хороших книг, которые уже были рекомендованы. Веб-сайт UX Stack Exchange лучше подготовлен для решения подобных вопросов, но он также не совсем не по теме.
Прежде всего, mediaqueri.es - отличный ресурс для вашей конкретной проблемы, поскольку он представляет собой галерею веб-сайтов и веб-приложений, которые быстро адаптируются к различным разрешениям экрана и пользовательским агентам.
Также проверьте Smashing Magazine . Это блог, который является райским уголком разработки, с сообщениями, касающимися UX / UI, HTML / CSS / Javascript, графического дизайна и веб-дизайна. У них также есть посты, которые изучают конкретные веб-сайты и маркетинговые кампании и видят, что они сделали правильно (и неправильно) с их решениями UI / UX. Регулярно проверяйте этот сайт для ежедневных советов по этим темам.
Затем, когда у вас появилось вдохновение, взгляните на некоторые вопросы SO / SE, которые я специально сыграл в этой теме. Это просто общие ресурсы для всех, а не только OP:
источник