Front-end vs Designer: разделени падаме

Понякога войната е трудно различима. Освен ако и двамата не кървите, разбира се. Веднъж седмично може да се усмихвате един на друг или дори да разговаряте на неотровно кафе. Но ако гледането може да убие, досега бихте били мъртви с камъни. Кои са тези свободни хора? Вашият преден и дизайнерски.

И двамата като че ли са от едната страна - Добрият безупречен дизайн срещу блестящия. Супер герои на всяка IT компания, която целят да спасят Вселената на вашия уебсайт или приложение.

Запомнете: всеки герой се гордее със собствените си суперсили и за да запазите проекта, трябва да го вземете под внимание.

източник

Дизайнер - тип „Железният човек“ (Тони)

Той е най-добрият Той се нуждае от нулево потвърждение от другите. Това може би мислите, че го гледате. Обикновено това е лицето, което отговаря за UX интерфейса; понякога той е умел и в потребителския интерфейс.

Това е идеалният случай за компанията, тъй като това може да означава, че той има всички шансове да предостави удобен за клиента уебсайт или приложение: лесен за използване и демонстриране на правилната информация на крайния клиент. В някои компании UX дизайнерът може да има още един член на екипа - UI дизайнер (човекът-паяк). Но обикновено супер Тони е самият супердизайнер, който разработва логиката и функционалността на продукта.

Преден край - тип „Капитан Америка“ (капачка)

Типичен човек от старата школа Един от малкото, който се осмелява да се изправи срещу Железния човек. Никога не успява да го гади от това. Тони Старк може да лети до небето с чисто новите си специални ефекти. Но той ще трябва да се подчинява на правилата. А Кап е човекът, който изпитва неприятности, за да му покаже как да го направи.

Неговата роля е да преписва целия този персонал от пожарната, който Железният човек е произвел, в истинския софтуер или приложение. Той е този, който преобразува насилствения поток на фантазия и взаимодействие на Дизайнера в прилични кодове.

Той също се грижи за визуално представяне и потребителско изживяване. И все пак основният му фокус е самият код. Той е фанатичното мислене в цветове, флекси, фонови изображения и т.н.

Тогава той взема този проект, поставя го на щита си и се връща обратно към Железния човек. И нека битката да започне!

източник

12 причини за разбиване на Железния човек (дизайнер):

1. Той никога не се интересува как ще бъде реализиран неговият дизайн;

2. Той не дава подробни спецификации за елементите на дизайна;

3. Твърде креативният дизайн разрушава приложимостта на самия продукт;

4. Той не взема предвид състояния на „грешка“ или „празни“ състояния;

5. Той е бедствие със слоеве: никога не изтрива неподходящите и никога не ги поставя в папки;

6. Той може да не знае мрежата и ръководството;

7. Присвоява собствени имена нито на слоевете, нито на файловете;

8. Ако елементът може да има няколко условия, всички те трябва да бъдат очертани. „Трябва да е“ отсъства в лексикона му разбира се;

9. Той изпраща телената рамка, пълна с ефекти, направени чрез няколко наслагвания. Изпраща ли той заедно с „Бележките“, за да обясни всичко? Няма начин.

10. Той нито придружава PSD файла с никаква допълнителна информация, нито оригиналите на изображенията, използвани в прототипа. Защо би?

11. Изпраща ли някакви нестандартни шрифтове, използвани в скицата за проектиране? Не. Твърде много грижи биха ме убили предполагам.

12. По-нататъшното изпълнение на продукта също няма нищо общо с него. Застреляй ме.

източник

12 причини да ядосате Капитан Америка (отпред):

  1. Той прецаква финалната идея за потока на взаимодействие, както дизайнерът е описал.
  2. Cap е твърде мързелив, за да се придържа към всякакви технологични изисквания, като пиксели от дизайна.
  3. Твърде много оплаквания без основание.
  4. Нулеви умения за комуникация и упорити като ад, когато става въпрос за промяна на нещо заради дизайна.
  5. Невъзможно или прекалено мързеливо да търси решението сам.
  6. Photoshop-Lamer. Няма какво да добавя.
  7. Той се моли в своята рамка и е готов да ампутира и изтласка дизайн / поток в него, без да съжалява.
  8. Той не спазва подробностите, които са от съществено значение за впечатляването на клиента.
  9. Той опростява всичко: няма градиентни бутони, анимацията е прекомерна, дрън-дрън-дрън.
  10. Той хаотично движи елементи по време на създаване на страница.
  11. Той фанатично следва правилата си за кодиране.
  12. Той е твърде уплашен, за да повлияе на производителността на продукта без никакви основания.

Поставете пауза

Преди да погребете падналите можете да направите нещо, за да го спрете. Ето няколко идеи:

източник
  1. За да поддържате Тони и Капа, трябва първо да се нуждаете от Ник Фюри. Това е мениджър на проекти от ваша страна. Изберете този, който има стоманени топки, тъй като той трябва да е наистина готин, за да контролира тези две.
  2. Дайте на всеки от тях два по-горе списъка „Защо мразя фронт-енд (дизайнер)“ и ги накарайте да запомнят наизуст.

3. Разделете целия процес на етапи и ги накарайте да обсъждат проекта на всеки етап ad гадене:

  • Дизайнер създава телена рамка;
  • Екипът обсъжда всичко това и одобрява;
  • аплодисментите на собственика на продукта;
  • телената рамка е показана на предния край и заедно с Дизайнера обсъждат анимацията му;
  • след това Дизайнерът го прави жив и показва отново предния край;
  • собственикът на продукта има втори поглед и одобрява;
  • front-end проверява дали е добре и одобрява;

4. Дизайнерът трябва да изброи кое е най-важното в този дизайн за него, кои елементи са от съществено значение за влиянието на клиента и трябва да бъдат спестени на всяка цена. Предния му по-добре да го изслуша, тъй като не е само да го преувеличаваш. Въпреки че може да е и скрит мотив. Той трябва да разбере, че Дизайнерът не го прави неясен. Той се основава на задълбочен психологически анализ и всичките му специални ефекти имат за цел да ударят клиента в сърцето му, да го накарат да се потопи в дизайна и по този начин да обича самия продукт.

5. Front-end може да очертае всички основни точки, които очаква да присъства в телесната рамка на дизайнера. Най-добрият начин е да се представи спецификация с всички технически подробности, от които се нуждае, като:

  • Мрежи, водачи и други технически материали;
  • запазени оригинали на изображения за всеки случай;
  • всички слоеве, наслагвания, шрифтове и всички многословни елементи, описани правилно;
  • да се надяваме, че няма прекалена анимация. Ако е извън контрола на дизайнера, трябва да бъде разчленен на най-малките детайли, за да се уверите, че са на една и съща страница;
  • 2–3 алтернативи на дизайна, които биха могли да бъдат реализирани вместо това;

Основната цел на всичко това - да накара Дизайнера да представи предния край най-подробната телена рамка, която той може да си представи с всички възможни спецификации.

Следващ етап - Предни стъпки, оценява всички титанични усилия на Дизайнера и вика от щастие. Тогава той забелязва още 30 нюанса и ги коригира. Дизайнерът въздъхва и започва да медитира, за да го приеме стабилно. Заедно те започват да оформят проекта, който ще си припомнят за дълги зимни вечери.

Ето как нашите супергерои спасяват вашия световен проект. Никога няма да си помислите, че е направено с щракване с мишката, ако допринасяте себе си на всеки етап. Тежката работа трябва да бъде оценена съответно, затова собственикът на продукта трябва активно да участва в него. По този начин той ще види, че всички разходи за създаване на дизайна на всеки елемент и след това неговото прилагане в кодове са оправдани.

Имаме такива супергерои под ръка и докато са живи, те могат да направят всичко възможно, за да спасят вашия проект. Те се обединяват в една свръхсила, отбор-мечта, който никой не може да опровергае.

Контактите на супергероите са тук;)

Благодарим за разкритието Виктория Лупинская (Дизайнер, LENAL), Юлия Савельева (ръководител на изкуството, LENAL) и Антон Мощински (Front-end Developer, LENAL)
И за сътрудничество Мария-Людмила Середа