Де я можу знайти натхнення для гарного користувальницького інтерфейсу? [зачинено]

18

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

Де я можу знайти ідеї для гарного макета головного екрана для настільних додатків?

gui  user-interface  delphi  user-experience  desktop-application 
— Майкл Райлі - 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

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

По-друге, перевірити « Не змушуй мене думати » Стів Круг. Він стосується навігації та подання даних на веб-сторінках, але багато рекомендацій (тобто навігація хлібної крихти) часто мають стільки ж сенсу в настільних додатках, як і на веб-сторінках.

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

— Трав
джерело
— Майкл Райлі - AKA Gunny
5

Одна порада, яку я часто чув - це надихати на дизайни, які вам подобаються. Це не окремо, а просто настільні програми, але має поширюватися на мистецтво, архітектуру, Інтернет, фотографію, продукти тощо.

Це допоможе вам створити розуміння того, що таке хороший дизайн, і допоможе вам у ht-програмах довгострокового дизайну, приємних для очей та зручних для користувачів.

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

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

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

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

Намагаючись зробити такі інтерфейси користувача та спростити кодування зусиллями, століттями тому я придумав схему, яку я досі використовую - диференціальне виконання . (Я не можу сказати, що мені пощастило оприлюднити це, але все-таки є. Це було опубліковано, FWIW.)

Так що це лише мої два центи.

— Майк Данлаве
джерело
Вашу сторінку вікі видалено. Чи є ще десь?
— Майкл Райлі - AKA Gunny
@Cape: Так, мене відрізали на колінах - щось про неологізм . Що б там не було. Тег SO "диференціальне виконання" мені пояснює це, і я ставлю реалізацію на sourceforge. Також є публікації, останній з яких я з радістю надішлю, якщо вам потрібно засклити очей. Можливо, більш детальним може бути аукціонний додаток, який я зробив пару років тому, щоб я міг поштовувати вас. Він у VC6 (MFC), але не великий і працює чудово.
— Майк Данлаве
@Cape: Насправді на моїй сторінці користувача Wikipedia все ще є, але як я дивлюся, це не дуже добре.
— Майк Данлаве
Одне, що слід врахувати щодо мінімізації клацань та натискань клавіш, - це вартість кожного клацання, коли мислимо. Люди, як правило, вважають за краще робити кілька кліків, які майже безглузді, ніж один, який потребує певної уваги. Очевидно, що менше безглуздих кліків краще, ніж декілька бездумних клацань. Цей принцип трохи обговорюється в « Не змушуй мене думати» .
— whatsisname
@whatsisname: Дякую за це розуміння. Я намагаюся зробити "шлях найменшого опору" того, чого люди, швидше за все, хочуть. Не завжди це можна зробити.
— Майк Данлаве
1

Я думаю, що перший крок - це визначити стиль / тему. Наприклад, Windows 8 Metro vs. NT стиль.

Деякі пропозиції щодо ресурсів та натхнення (я згадую WPF / Web, але вам, звичайно, не потрібно ним користуватися):

A - Якщо ви хочете почати із створення прототипів, стилі управління тут - це класні стилі та елементи керування веб-контролю

B - Фабрика компонентів надає вікнам гарний підйом обличчя. Вони навіть пропонують один безкоштовний продукт за адресою: Фабрика компонентів

C - Сторонні виробники управління графічним інтерфейсом мають гарні демонстрації

D - Спробуйте пошукати слово "книги" на цьому веб-сайті: Досвід користувачів - Ви отримаєте багато публікацій.

E - Ця програма WPF : Додаток до охорони здоров’я WPF

F - Цей додаток до WPF: Біллі Холіс - WPF та готова версія: WPF - StaffLynx

G - Інструменти у стилі метро є там, якщо хочете. Перевірте це: Стиль метро

Найголовніше, як ви, можливо, вже знаєте, збалансувати зусилля з вартістю.

Редагувати

DevXpress випустив нову версію, що підтримує Metro Style, щойно побачив відео, що підкріплює DevXpress-2

— Немає шансу
джерело
1
Посилання на E-WPF-Health Application розривається.
— Майкл Райлі - 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 . Це блог, який є передовим небом розвитку, з публікаціями щодо UX / UI, HTML / CSS / Javascript, графічного дизайну та веб-дизайну. Вони також мають посади, які вивчають конкретні веб-сайти та маркетингові кампанії та бачать, що вони зробили правильно (і що неправильно) з їх рішеннями щодо інтерфейсу / UX. Регулярно перевіряйте цей веб-сайт для щоденних порад щодо цих тем.

Потім, коли ви отримали деяке натхнення, погляньте на деякі питання SO / SE, які я спеціально зіграв саме на цій темі. Це просто загальні ресурси для кого-небудь, а не лише ОП:

— gr33kbo1
джерело
Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.