Компютърна поддръжка от Модус 2 ООДКомпютърна поддръжка

+ Компютърна профилактика;
+ Инсталация, конфигуриране;
+ Антивирусна и спам защита;
+ Сервизно обслужване;
+ Архивиране на информацията;
+ Контрол на достъпа;
+ Мрежи - дизайн и конфигуриране;
+ Сървъри - за приложения, файлови, за ел. поща и уеб;
+ ... и много други според вашите конкретни нужди.

Как да изпълним проекта си с по-добър UI/UX навреме - ръководство за организация на работата за разработчици

toptal blog image 1387828457247

За автора: Lubos Volkov е дизайнер с опит, който е работил отдалечено с много различни разработчици през своята кариера. Като продуктов дизайнер в Toptal, Lubos си взаимодейства ежедневно с много колеги от различни отдели, които включват инженерен и управление на съдържанието. Неговите знания и комуникационни умения са гаранция за успеха на проектите. Lubos споделя с нас своя опит и начините, по които би могъл да се оптимизира работния процес между дизайнера и разработчика на потребителския интерфейс UI, така че да се максимизира качеството на продукта и предаване на работата в срок.

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

Ако вие сте разработчика на потребителския интерфейс и на начина на взаимодействието му с потребителите, какво можете да направите за да е готов продукта навреме без да се жертва качеството?

Моят отговор: Включете дизайнерите от ден първи и ги задръжте в продължение на целия процес на изработка на UI/UX. Осигурете ясна комуникация и редовен обмен между дизайнерите и разработчиците.

Имате ли всичко необходимо?

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

Проектите, в които дизайнера дава фотошопските файлове, а после разработчика ги прилага - тези проекти се провалят.

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

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

Ако разработчика има всичко необходимо на разположение, това ще ускори работата му. Едно прегледно PSD просто не е достатъчно.От какво се нуждаете за да свършите работата ефикасно?

Ето какво може да очаква разработчика от дизайнера за прилагането на един UI/UX дизайн:

  • Ресурсен файл - Дизайнерът трябва да сложи в него всеки елемент от приложението в този файл. Той трябва да съдържа бутони, чек-боксове, стилове на хедърите, шрифтове, цветове и др. Разработчика, ползвайки информацията от този файл, ще бъде в състояние да създаде всеки интерфейс от нулата.За разработчика е много по-лесно да извади всеки елемент от един PSD, отколкото да претърсва няколко файла.
  • Прототипи на взаимодействието - дните на статичните екрани са си отишли вече. Сега вече практиката налага използването на умни взаимодействия и анимации, които да улеснят работния процес на дизайна на UX. Не можете просто да кажете на разработчика - “това се плъзга от ляво надясно”. Добрият дизайнер ще направи прототип на това взаимодействие. Този прототип ще съдържа информация за скоростта, укорение, времена и др.
  • Дефиниране на имената - Описание на термините ще помогне за организиране на работата. Така ще е по-лесно да се ориентирате и във файловете
  • Изгледа при различна резолюция - в днешно време ние “виждаме” през разнообразен набор от устройства с различна разделителна способност. Трябва дизайнерът да ни даде картинки за всяка от различните резолюции, за да изглежда приложението добре навсякъде.
           

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

В процеса на работата

Вкарайте вашите дизайнери в процеса по разработване на UI/UX. Не ги оставяйте настрани само да оправят пиксели тук и там. Те могат да видят възможни иновации по всяко време. Дайте им възможност да виждат как напредва работата и да тестват. Осъзнавам, че никой не иска да показва незавършени проекти, но от друга страна е много по-лесно да направиш промени по средата на проекта, отколкото накрая. Това може да ви спести ненужна работа и време. Когато вкарате дизайнера вътре, дайте му да ви подготви списък с проблеми, които вижда и да предложи подобрения.

Какво да правим, когато един разработчик има идеи как да се промени вида на приложението? Дискутирайте го с дизайнера и никога не позволявайте разработчика да прави промени без това да е съгласувано с дизайнера. Дизайнера има идея и причина да сложи даден елемент на дадено място в интерфейса. Ако махнем даден елемент без да разбираме защо е бил сложен там, може да развали взаимодействието на интерфейса с потребителя.

Управление на проекти за дизайн на UI/UX

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

Каквото и решение да използвате, направете така, че целият екип да адаптира и използва една програма за организация на работата. В нашия екип аз опитах да наложа Basecamp защото това използвах преди, но разработчиците за фронт-енд мислеха, че има ограничени възможности. Те вече използваха техен софтуер за бъгове, подобрения и др. като JIRA, GitHub и Evernote. Разбрах, че управлението на проекта трябва да бъде колкото се може по просто от програмна гледна точка, така че мигрирах управлението на процеса на дизайна на UI към JIRA. С това исках те да разбират моя процес и напредък без да си мислят, че това е просто още едно нещо, което трябва да се добави и да се контролира.

Ето ви няколко предложения за средства за управление на проекти:        

  • Basecamp - Следете напредването задачите по дизайна и разработването, като лесно можете да експортнете задачите. Има и опростен клиент за мобилни устройства. .
  • JIRA - Платформа, която можете да настройте и да направите обобщаващи екрани за различни области от проекта. Например направете си екран, който да следи дейностите по фронт-енд или по бек-енд , дизайн или други. Мобилния клиент е малко слаб, но като цяло системата е подходяща за по-големи екипи и включва система за следене на дебъгинг.
  • Email - Електронната поща е идеална, за да уговорите среща или изпратите картинки. Внимавайте обаче когато я използвате за обратна връзка - лесно можете да се изгубите - кое за какво беше и къде остана информацията.

Може също да опитатае Trello a и други софтуери за управление на проекти, но най-често използваните в момента са Basecamp и JIRA. Още веднъж - най-важното е да намерите една система, която всички в екипа да използват постоянно в целия ход на проектите, иначе каузата е загубена.

UX - дизайна и разработката се обединяват

Дизайнерът и разработчика са мощна комбинация. Обсъждайте UI и UX заедно колкото можете повече. Разработчиците с желание ще помагат на дизайнера да избистри идеи си, докато дизайнера трябва да има базови познания от технологията, която се използва.

toptal blog image 1387828502869

Организирайте процеса на работата цялостно, не имплементирайте сляпо това, което дизайнера е сътворил. Бъдете проактивни, за да създадете нещо, което изглежда добре и има добро взаимодействие с потребителите, като се възползвате от 2 добри переспективи. Дизайнерите мислят извън стандарта, виждат диви анимации, идеи, пиксели и бутони, докато разработчиците виждат технологии, проблеми със скоростта, ограничения…

В моя опит всеки дизайнер е луд - за пиксели и интересни концепции. Понякога обаче дизайнера стига до момента, когато на идеята, която има се противопоставя разработчика и казва: “Това няма да работи добре ако се приложи. Ще има проблеми със работоспособността и консумацията на ресурси.” Например напоследък аз исках да въведа един модален прозорец върху замъглен фон, но този фон предизвика голямо време за зареждане. За да преодолеем този проблем, дизайнерът предложи да използваме слой със стандартен цвят за покритие, който се зарежда по-бързо и запазва качеството на картинката. Дизайнери, никога не правете компромиси с взаимодействието на потребителите с интерфейса когато проектирате.

Цикълът за обратна връзка

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

  • Бъдете визуални - Обратната връзка трябва да е дколкото се може по конкретна. Най-лесно е да направите просто един скрийншот и да отбележите проблема, който трябва да се отстрани. Още по-доре ще ако можете да покажете как е направено и от друга страна как би трябвало да бъде. Визуалното показване ще намали нуждата от допълнителни разяснения с поне 50%.
  • Бъдете описателни - Обратната връзка трябва да е точна. не може да кажете просто “мръдни този бутон нагоре” Трябва да поясните колко пиксела нагоре или какъв padding да се използва.  Винаги включвайте описание на проблема и възможното му решение. Отнема повече време, но си струва.
  • Бъдете търпеливи - вземете в предвид, че фокусът на дизайнера и на разработчика е различен. Ако разработчиците не са разбрали напълно идеята на дизайнера, това може да доведе до заблуди и лоши решения. Във всяка ситуация двете страни трябва да са търпеливи и да желаят да помогнат на своите колеги от екипа. Понякога е трудно, но това е умение, което трябва да развие всеки дизайнер или разработчик.  

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

  •  Email - Това без никакво съмнение е все още най-често използваното средство за обратна връзка. най-добре спазвайте някои прости правила:
    • Използвайте една нишка за вашата обратна връзка. Не генерирайте чисто нов мейл с ново заглавие с всяка забележка по един и същ проблем.
    • Второ, създайте списък с неща за отстраняване. Помислете за всяка забележка и проблемче, което сте забелязали и ги напишете.
    • И на последно място - не изпращайте огромен списък наведнъж. Опитайте да го разбиете на по-малки списъци и го изпращайте част по част.
  • Skype (Hangouts) - Гласовата сесия е можно средство за обратна връзка. Можете веднага да питате и да отговаряте. Не забравяйте обаче да водите бележки и да изпратите след това ел. поща с обобщение на сесията.
  • Средства за сътрудничество (Цоллаборатион тоолс) - Да бъда честен не съм голям фен на тези средства, но те имат големи предимства. Те пазят обратната връзка на едно място, питането и отговарянето е бързо, а и те са налични за голям период от време.

Ето няколко такива средства:

Отбелязване на обратна връзка:


        https://redpen.io/
        http://collabshot.com/
        http://www.designdrop.io/


Средства за сътрудничество:


        http://www.invisionapp.com/
        https://basecamp.com/

Заключение


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

Източник: Toptal