Подолання загальної відсутності навичок проектування інтерфейсу у розробників [закрито]

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

У веб-розробці хороших навичок розробки коду недостатньо без великих навичок в дизайні інтерфейсу, щоб разом з ними.

Тож для мене, і багатьох розробників, як я, є лише половина речі (хороші навички розробки), як ми повинні завершити свою другу половину, крім оплати дизайнера?

Використовувати веб-шаблони з відкритим кодом з невеликими модифікаціями найкращим рішенням для цього, чи є інші варіанти?

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

Я прочитав декілька таких книг: http://www.uxbydesign.org/2009/06/24/20-user-experience-books-you-should-own/, і вони мені справді допомогли.

відредагувати мого улюбленого у цьому списку: Не змушуй мене думати: підхід звичайного глузду до використання веб-сторінок, 2-е видання Стіва Круга

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

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

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

Що більш поверхово, естетичний дизайн інтерфейсу - це теж щось, з чим у деяких розробників є проблеми. Я думаю, що це частково тому, що розробники програмного забезпечення часто не мають великої кваліфікації з естетики - студентам CS може бути не так багато часу для мистецьких занять. Це також частково знову, тому що нас більше цікавить, як щось працює, ніж ми, як це виглядає; нас просто не хвилює, чи куточки кнопки мають радіус 9 пікселів або радіус 10 пікселів. Ці два фактори, безумовно, пов'язані між собою. Іноді ви можете подолати це, покладаючись на консервовані рішення у вигляді фреймворків інтерфейсу, а використання заздалегідь розроблених компонентів має перевагу в тому, щоб візуально об'єднати власну роботу з іншими програмами цієї ж системи. Ви можете вдосконалити свої естетичні навички, читаючи, переглядаючи роботи інших людей, і приділяти пильну увагу візуальним деталям, які, можливо, ви ігнорували в минулому. Ви також повинні спробувати зрозуміти логіку, що лежить в основі візуальних відмінностей: чи означають кнопки з квадратним кутом щось інше від закруглених кнопок? Як використовується колір? тощо.

Ось деякі речі, які я вважаю, що допомагають мені:

• Зверніть увагу на те, що вам подобається / що не подобається в іншому програмному забезпеченні. Ми програмісти, велику частину свого життя проводимо за комп’ютером. Спробуйте взяти до уваги, що ви любите / ненавидите під час використання програмного забезпечення. Не має значення, чи це комп’ютерне програмне забезпечення, відеоігри, мобільні пристрої тощо, просто спробуйте стежити за тим, що зручно та просто використовувати, а що ні.

• Знайдіть простий у використанні інструмент ескізів для накреслення інтерфейсу користувача для вас та ваших користувачів. Я люблю використовувати Balsamiq, оскільки це швидко, просто, і веб-версія є безкоштовною.

• Пам'ятайте, що вам не потрібно знайти когось, який спеціалізується на розробці програмного забезпечення, щоб допомогти вам щось розробити - будь-який користувач буде робити. Я часто запускаю свої ескізи деякими людьми, які абсолютно не пов'язані з проектом лише тому, що я знаю, що вони навколо програмного забезпечення цілий день і можуть сказати мені, чи щось виглядає нормально чи зручно для користувачів. Просто майте на увазі, що вони часто даватимуть вам шалені уявлення про те, що робити, і ви повинні знати, що було б просто «круто» зробити, а що насправді підвищило б продуктивність.

• Сміливо запитайте на /ux// для детальних питань

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

Для того, хто робить обидві речі сам, ніколи насправді не дає найкращого результату. Отже, IMHO ці два різних аспекти слід призначити двом різним розробникам. Невеликі знання HTML та CSS для розробки та розробки тем рекомендуються у випадку різних CMS, але коли вам потрібно розробити абсолютно новий дизайн, зверніться до дизайнера інтерфейсу.

Я точно можу порекомендувати книгу Джоела Спольського Дизайн інтерфейсу користувача для програмістів . У цій книзі він в значній мірі використовує підхід, який ви шукаєте: Пояснення, чому дизайн UI має значення для програмістів. Деякі матеріали, пов’язані з Інтернетом:

Проектування для людей, які мають кращі речі для життя

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

1. Не вигадуйте, це не так складно, як ви думаєте.

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

3. Тепер, за допомогою аркуша паперу та олівця, сідайте і починайте малювати логічне розташування екранів. Зазвичай це просто представляє вашу модель даних користувачеві організовано. Ваша мета повинна бути просто:

   а. Імітуйте середовище, де буде розміщено додаток. Наприклад, якщо це програма для Windows, вона повинна вести себе як додаток для Windows, якщо це веб-додаток, вона повинна поводитись як подібні веб-додатки, які популярніші за ваші.

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

   c. Це вимагає часу, і це крива навчання, але кожен може це зробити.

4. Не хвилюйтеся з приводу графіки, тобто кнопок, фонів тощо ... Ваша єдина мета на даний момент - логічне розташування сторінки.

5. Вам потрібно освоїти gui lib, який ви використовуєте, чи це html, gtk, какао, android, Windows.Forms тощо, наскільки ви розумієте механізми обробки подій, механізм компонування та отримання вводу та відображення дані. Будь-який розробник повинен мати можливість принаймні зробити це.

6. Не соромно в тому, щоб взяти звідси графічного дизайнера. Але ви повинні принаймні мати можливість пройти крок 5. Це 95% навантаження для всього додатка.

Ось корисна стаття, яка перетворила мене від поганого дизайнера gui до набагато кращого дизайнера gui.

http://www.joelonsoftware.com/uibook/fog0000000249.html

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

Після того, як ви займете кілька разів, ви почнете краще відчувати дизайн успішних сайтів, і ви ознайомитесь із інструментами для створення цих конструкцій також (з невеликими твіньками).

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

Більшу частину свого часу розробники витрачають на вивчення складних мов, OOP, ORM, SQL, T-SQL тощо. Вони також рідко вкладають кошти в інструменти для створення веб-сайтів (більшість є дорогими).

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

Також важливо знати, який ваш список в процесі розробки додатків. Ви можете виявити, що веб-дизайну приємно мати навички, а не обов'язковий навик. У великих проектах це не повинно бути завданням програміста принаймні з вищезазначених причин.

Я виявив, що цей інструмент є чудовим інструментом, він може вам допомогти:

Художник

Погляньте на це і спробуйте демонстрацію, це дійсно добре.

все ж у веб-розробці хороших навичок розробки недостатньо без великих навичок проектування

Я не знаю, чи це твердження правдиве, я думаю, це залежить від місця роботи.

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

Microsoft фактично оновила свій набір інструментів, щоб виділити чітке розмежування між розробниками та дизайнерами. Вони представили Expression Blend з WPF, що означає, що розробник може працювати над функціональністю програмного забезпечення, а хтось інший може зробити дизайн для нього. Вони обидва використовують різні інструменти, вони можуть одночасно працювати над проектом, але один функціонує, а інший займається дизайном.

Розробник вказує точки даних, а дизайнер виводить їх.

Пам'ятайте, що дизайн можна перевірити і не тільки код. Почніть просто, спробуйте свій дизайн на невеликій групі людей, запишіть їх відгуки та вирушайте звідти. Це може допомогти вам визначити проблеми з дизайном і дати вам ідеї щодо того, що можна / що слід зробити іншим. Потім перегляньте дизайн та повторіть.

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

Не бійтеся публікувати запитання на UI.stackexchange.com

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

Є особливо хороша книга, яку я читав про веб-дизайн, і яка спрямована на розробників:

Веб-дизайн для розробників: http://pragprog.com/book/bhgwad/web-design-for-developers

Це легка для читання книга, яка торкається всіх фаз при створенні інтерфейсів: від простого ескізування та прототипування інтерфейсів користувача до створення конструкцій з HTML + CSS.

Для подальшого вдосконалення навичок користувальницького інтерфейсу я також рекомендую останню екранізацію PeepCode з Райаном Сінгером: http://peepcode.com/products/ryan-singer-ux

Я думаю, що підбір деяких основ UX / UI / графіки / типографії, безумовно, є цінним починанням. Звичайно, не завжди може бути "добре складена" команда фахівців. Багато разів людям доводиться носити кілька шапок. Хороший розробник побачить користь у витрачанні часу на вивчення речей, що знаходяться поза його доменом, і повинен мати можливість принаймні визнати хорошу роботу в дизайні.

Однак є що сказати для того, що роблять дизайнери. Розробник може зробити стільки в області дизайну (правда, дещо більше, ніж інші). Зокрема, великі громадські проекти, які виходять за межі вузької ніші, приносять велику користь завдяки використанню справжніх дизайнерів. І я не маю на увазі просто людей, які можуть розмахувати навколо кольорових кодів css та html. Я маю на увазі людей, які провели РОКІВ на вивченні таких речей, як типографія, які прочитали та зрозуміли книгу Йозефа Альбера про кольори , які вміють робити красиві ескізи з кришився вугіллям на газетному папері. Це цінні навички, і проекти, які визнають це і що можуть поставити ці навички до цілеспрямованого використання, мають вирішальну перевагу над конкуренцією.

Однак, є деякі сфери, де дизайнери та розробники можуть перекривати свої навички. Особливо UX та його піддомен UI. Я рекомендую ...

• Проектування для взаємодії
• Проектування інтерфейсів
• Проектування взаємодій

Найміть професіонала

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

Розробник має тенденцію приймати кожен цифровий виклик, який приходить на їх шляху.

(Я був професійним розробником 10 років, а моя дружина - дизайнер інтерфейсу користувача протягом 20 років)