Які межі між обов'язками веб-дизайнера та веб-розробника? [зачинено]

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

Мої обов'язки поширюються за рамки базової розробки, тому що я також маю завдання створити середовище розробки та перенести хостинг із зовнішнього CMS-хостингу на внутрішні сервери, що містять мови скриптів (я вибрав PHP / MySQL).

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

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

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

Мені було доручено вибрати інструменти, які ми будемо використовувати, які включають фреймворки, мови сценаріїв, дизайн бази даних та деякі програми з відкритим кодом (наприклад, Moodle і, напевно, Drupal в майбутньому). Хоча ці інструменти досить настроюються, робота безпосередньо з деякими інтерфейсами виходить за межі його ознайомлення з CSS, HTML та PHP. Це обмежує наскільки прямий контроль він має над зовнішнім виглядом, що призводить до певної дискусії щодо вибору інструменту.

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

Немає розділової лінії

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

Робота з графічним дизайнером вимагає спілкування та компромісу

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

Динамічні макети

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

• Як буде виглядати сайт, якщо він насправді не має стільки тексту в певній частині?
• Як виглядає текст заголовка, якщо його потрібно обернути? (Ad nauseum, Ad infinitum)

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

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

У вашому випадку

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

Об’єднавши його разом із дизайном на веб-сайт

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

В мене особисто є як Photoshop, так і феєрверки на моєму робочому ПК, і я виконую як різання зображень, так і захоплення, щоб створити найоптимальніший можливий css, використовуючи найменшу кількість зображень на спрайтових аркушах.

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

У широкому сенсі різниця полягає у розробці між технічною та художньою частиною розробки веб-сайту. Веб-розробники мають технічну частину написання коду (php, Ruby, Pyhon) та тестування, тоді як веб-дизайнери мають на меті розробити, як повинен виглядати веб-сайт (CSS, Photoshop) і як сприйматимуть його користувачі.

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

Що ви вважаєте різницею між розробником програмного забезпечення та дизайнером програмного забезпечення?

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

Є два хороших способи вирішити це:

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

2) Обробляйте базу даних та середній рівень і орієнтуйтеся на веб-рівень, HTML, JS, CSS.

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

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

Бути близьким - це майже ніколи не вигідно.

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

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

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

Графічний дизайнер = лише візуальний дизайн

UX дизайнер = аналіз та дизайн каркасного кадру

Веб-дизайнер = створення прототипу дизайну

Дизайнер інтерфейсу = Дизайн HTML із сумісністю css, javascript, ajax та крос-браузера

Програміст = програма, що використовує php. .net, jsp

Developer = хто вигадує нові віджети, такі рамки, як вище програмування, у звичайній роботі

Короткий відповідь: веб-розробники зазвичай НЕ реалізують реально-функціональну розробку (код на стороні сервера, послуги, операції з базою даних, CRUD тощо) у веб-додатку.

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

Таким чином, існує суттєва різниця в характері роботи, яку виконують веб-розробники та веб-дизайнери, і змішування їх не добре.

Що стосується Вашого конкретного випадку, Ви переступаєте свої межі, відповідно до команд, з якими я працював (і як дизайнер, і як розробник). Ось ваш опис ролей:

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

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

Веб-розробник - це той, хто насправді розробляє такі веб-проекти, як веб-сайти, веб-сервіси та інше.

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