Где можно найти примеры дизайна современных десктопных интерфейсов?

Question

[losrogaty]

Коллеги дизайнеры. Кто занимался дизайном GUI windows приложений. Расскажите, в 2019 году по прежнему делают интерфейсы типо ворда или уже как-то все поменялось? Вообще ни нашел инфы по теме, такое ощущение, что десктоп программы перестали писать и все ринулись в мобилу и веб. Ни примеров, ни подборок в духе топ 10...

Из того что нашел, якобы в UWP на виндоус 10 теперь некий дэшборд-подобный дизайн приветствувается, хотят тот же ворд у них все такой же с верхней панелью.. А мне надо именно задизайнить вордоподобную программу с множеством иконок... Даже не знаю обязательно ли иконки располагать наверх, ведь выглядит как-то по старперски. Хотя все современные проги типа скетча, фотошопа, 3дмакс все также юзают тот же паттерн. Причем вероятней всего прога моя на winforms! И вот еще 2) вопрос: какие ограничения есть у wpf, поддерживает ли он винду младше вин7? Или разраб тупо ленится, насколько сложно из винформ перекодировать в wpf или uwp?

Давайте разобьём лед замалчивания данной темы! Кто что знает делитесь, эта инфа кладезь! Хоть по мак десктоп, хоть по юникс, хоть по винде. Главное десктопные GUI, а не мобила, веб.

Answer 1

[rPman]

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

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

Хорошо подумайте, десктоп ли у вас? Какое оборудование у вашей ЦА. А то видел я проект, который бездарно запилили на флексе (adobe flash) в браузере, под экран в fullhd 24"+ а у пользователей 15"-17" ноутбуки или квадратные мониторы, из-за чего практически все формы не влезают в экран (там был такой трэш, вида уезжающий вертикальный скроллинг, т.е. нужно крутить горизонтальным чтобы до него добраться, там много всякого было...).

Хорошо подумайте, мышкой или пальцем (сенсорный экран) будут работать люди, это сильно меняет стиль и собственно работу интерфейса - кликать или жесты, делать ли мелкие контролы или страдать гигантоманией.

Еще есть направление интерфейса - вопрос-ответные. Помните, интерфейс пользователя - это одна из форм предоставления документации. Т.е. если интерфейс достаточно удобный, чтобы в нем работать без документации - это хороший интерфейс. Если пользователи будут заглядывать к вам раз в год, то иногда последовательный набор мастеров вопрос-ответ (не больше 10 вариантов в выборе) может оказаться наиболее предпочтительным.

p.s. если спрашивать меня про метро - это худшее направление интерфейсов, съедающее ценное место в узких широкоформатных мониторах. Управляющие контролы и информационные панели должны быть сбоку.

Если спрашивать про стили - мне по душе стиль win7, строгие ярко выделенные окна (заголовок, бордюр) объемные кнопки, лаконичные формы и модальные окна и т.п. но это почему то считается устаревшим.

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

Comments

[losrogaty]

Спасибо!

Answer 2

[cyber_roach]

Примеры дизайна современных десктопных интерфейсов

Стилистика Word 2016-2019 довольно хороша, многие ее используют.
Посмотрите как сделана Visual studio 2019 и Visual studio code.
Последний Фотошоп неплох, но смущает, что все иконки одноцветные, прямо даже бесит, взгляду незачто зацепится.
AdobeXD как вариант офисного оформления.
Посмотрите на UI Blender под Linux там довольно интересная реализация многопанельного интерфейса.

Иконки располагать наверх

Совсем не обязательно, можно боковое меню применить. В т.ч. и в сложных UI.
Вот вам пример из нашего портфолио с такой компоновкой
https://inediapps.com/portfolio/hyterus.html
Работа не дооформлена еще, только 1й этап дизайна, но концепт понятен.

в UWP на виндоус 10 теперь некий дэшборд-подобный дизайн приветствувается

Последняя сборка XAML Controls Galery (можно из маркета скачать) дает понимание как MS видит будущее UWP скромно, но что-то подчерпнуть от туда можно.
Не смотрите на демки от Telerik хуже UI для UWP и WPF придумать сложно в 2019м. Хотя нет, посмотрите, чтобы иметь представление. Telerik для WPF я люблю, но мы его полностью перестилизовываем (в примере hyterus выше что я дал, он использован для карт, графиков, таблиц, ввода дат, поиска и т.п.)

какие ограничения есть у wpf, поддерживает ли он винду младше вин7

Поддерживает. Но придется забыть о всех новых фичах WPF и использовать старые версии фреймворка.
Ограничений у WPF почти нет, самая здравая платформа под Windows сейчас, но UWP - на несколько порядков производительнее. Подкупает. Мой канал на ютубе https://www.youtube.com/channel/UC5_nTfdwyiNFR5200...
там несколько UWP приложений, суперсложные UI (анимированные, игровые). WPF такое и не снилось, все банально зависнет на анимациях.

насколько сложно из винформ перекодировать в wpf или uwp

Сложно. Код придется переписать почти полностью. Винформ слишком устарел морально на мой взгляд. Но очень хорош для каких-то системных вещей.
С wpf на uwp портировать тоже не так просто, 50-90% переписать (если, конечно, хочется использовать новый WinAPI) XAML там так же сильно различен, процентов 80 UI заново перекодировать приходилось.

Comments

[losrogaty]

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

За инфу про увп, впф - огромное спасибо!!! И за канал!

Answer 3

[McBernar]

Да, кажется, сейчас половина софта на Электроне. А это тот же веб. Скайп, Слак, Ноушен.

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

Comments

[Moskus]

... и Скайп, внезапно, работает как полный кошмар и куча интерфейсных решений в нем - ужасны.

[Сергей Сергей]

Moskus, в такую пору живём.

[Moskus]

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

[Robur]

Moskus, Так тут в этом и вопрос - примеры на которые надо равняться, покажите, все с удовольствием посмотрят.

[Moskus]

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

[Robur]

Moskus, В общем, вы не знаете. Может кто-то более осведомленный придет в ветку и поделится, будет неплохо.

[Moskus]

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

[Masha75]

Мне думается что времена вынужденных интерфейсов связанных с ограничениями платформы и опытом пользователя прошли, сейчас каждая уважающая себя компания имеет собственный стиль и видение пользовательского экспириенса, а с приходом повсеместных вэб технологий повышающий разнообразие способов решения задач и снимающих ограничения мультиплатформ грешно привязываться к отголоскам видения упоротых сисадминов проклянающих графический интерфейс в терминале чего ни будь юникс подобного)) Короче говоря, считаю что в современном мире среднестатистический пользователь в состоянии освоить иконочную навигацию, жесты и прочие прелести технологий и необходимость аккуратно вести за ручку осталась в далеком прошлом, когда покупали книжки "виндоус для чайников" и регистрировали первое мыло на рамблере, сейчас же даже десктопные приложения имеют разные по структуре интерфейсы в зависимости от ос, утрируя: microsoft - нечто плиточноиконочное в флюент дизайне с псевдо обьемом и материалами, многоуровневость в полноэкранном виде, apple- упор на типографику, иерархическая строка с выпадающим списком, google- дашборд некиое разделение на рабочее пространство и сайдбар с инструментарием и навигацией и так далее, думаю что если у организации в вашей задаче есть свод правил по работе с фир стилем, то и пункт касательно UI там должен быть отображен, если нет- у вас не паханое поле для творчества, только не ограничевайтесь мыслями что все юзере тупее вас и не разберутся без большой красной кнопки, мягкие не могут себе позволить эксперементы с тем же офисом банально по причине огромнейшего числа пользователей самых разных групп и классов, да и не отличались они экспрессивностью никогда, вас же ни чего не связывает.