Дори за опитен дизайнер създаването на ново ръководство за стил за даден продукт е трудно - има много възможни указания за проектиране и процесът може бързо да стане поразителен. Животът на започвам това е доста забързано, бързо и изпълнено с клишета като „съвършенството е врагът да се направи нещо“, „движи се бързо и чупи нещата“ или „нека стартираме сега, нека го оправим по-късно“.
какъв е препоръчителният размер на scrum екип?
Създаването на ръководство за стил под такива колебливи лозунги и приоритети е предизвикателство, но е необходимо, ако искаме продуктовият дизайн да бъде успешен в дългосрочен план.
The Глобален езиков опит (GEL) BBC обяснява целта на всеки компонент и как те трябва да бъдат използвани.
През последните години чухме много за системи за дизайн, ръководства за стилове, библиотеки с модели и атомен дизайн . И докато тези инструменти са много полезни, използването им може да се почувства прекалено много, когато всичко, което искате да направите, е да създадете няколко екрана за MVP или демонстрация на приложение. Наличието на ръководство за стил не само ще подобри цялостния ви процес на проектиране, но и ще направи приложението ви по-стабилно и последователно.
Нека първо поговорим за основните предимства на ръководствата за стил, а след това да се съсредоточим върху предизвикателствата в стартираща среда. Накрая ще говорим за това как ръководството за стил винаги се развива като жив документ.
Топ 5 причини, поради които ръководството за стил е добра идея
1. Ръководство за стил прави дизайните бетонни и маркови
Като един дизайнер в стартъп - което често се случва - няма много възможности за преглед и оспорване на дизайнерските решения много пъти, взети от други хора от екипа. Въпреки че много от тях могат да работят съвместно, проектите не са непременно споделени с други. Това означава, че има само един човек, който валидира окончателния дизайн.
Ръководство за стил ще осигури стартиране с насоки и документация за справка. Ще оспори някои от дизайнерските решения, взети от дизайнер или от екипа, защото ще трябва да ги валидират в глобалния контекст на приложението. Проектирането на UI компонент, тъй като работи добре на екран, няма да се справи; добре обмисленото оформление трябва да реши само един проблем с оформлението в дадена ситуация, както и общ проблем, който може да се намери на други екрани в приложението.
Дизайнът на потребителския интерфейс на това приложение използва заглавието „контакт“ многократно, идеален кандидат за включване като компонент в ръководство за стил. (от Иван Белаяц на дрибъл)
Ръководството за стил прави всички общи дизайнерски стилове, ръководства за марка, спецификации и правила достъпни за всички във вашата компания и само с едно щракване. Те могат да отидат на URL адрес за лесен достъп или да го изтеглят в PDF. Дизайнът става работа на всеки - това не е отговорност само на дизайнерския екип. Това е по-разумен подход, който ще подобри потребителския интерфейс на вашия продукт. 
2. Ръководство за стил ще направи вашия дизайн по-последователен
Той предоставя нещо като речник за вашия език за дизайн на потребителския интерфейс. Можете да използвате същата терминология, когато искате да съобщите нещо, което вече сте изразили. Представете си, ако имахме различни думи, за да изразим едно и също нещо:
- 'Вали, имам нужда от чадъра си.'
- „Вали, имам нужда от чадъра си“
- „Вали, имам нужда от чадъра си“
Това ще направи езика поетичен, но е труден за разбиране. По принцип това е същата идея с потребителския интерфейс на сайт или приложение. За да го направите лесен за използване, трябва просто да измислите нова „дума“, когато всъщност създавате нещо ново. По този начин ще бъдете обвързани със строго правило, което гласи: „В продукта и впоследствие в ръководството за стил ще бъдат разрешени само компоненти, които решават повтарящ се проблем с дизайна чрез продукта“.
Последователността прави вашия продукт по-лесен за употреба; изключително използваем продукт се превръща в продажби и повече маркетингов ангажимент.
(от Мурат Гурсой на Dribbble).
3. Повторното използване на същата система от компоненти прави приложението ви лесно за използване
Както в примера с езика, последователността е ключова. Всеки път, когато всеки компонент е разбран от потребителя, когато той се използва отново и в различен контекст, хората вече ще са запознати с предишното поведение. Що се отнася до взаимодействието с потребителите, тази последователност обикновено подобрява използваемостта на продукта. 
Eventbrite използвайте оформление с три икони в много от вашите раздели. Когато потребителят отново се натъкне на тези компоненти, той вече е запознат с общото си поведение.
Работата със система за дизайн, базирана на компоненти, спестява време и също така прави продукта лесен за надграждане. Ако има проблем с използваемостта на компонент в определена ситуация, той може да бъде отстранен, след като всички други възможни проблеми с този компонент бъдат актуализирани.
4. Ръководство за стил прави приложението ви лесно за дългосрочно разработване
Когато вашият екип разработва общ компонент за дисплей, те разработват решение, което ще използват и другаде. Това спестява време за разработка - всъщност много. Когато вашата компания се разрасне, това може би ще спести 10 пъти човекочасовете, необходими за създаване на нов екран.
разлика между s corp и partnership
5. Ръководство за стил улеснява ефективността на производството и иновациите
Създаването на ръководство за стил прави дизайните по-достъпни и достъпни за останалата част от компанията. Разработчиците и дизайнери те могат да прототипират идея по-бързо и лесно. Bootstrap обикновено се похвали, че улеснява живота разработчици да създадете работещ прототип - вашето ръководство за стил служи на същата цел. Той предоставя основна справка за нов потребителски интерфейс, който може да бъде създаден от разработчици, без дизайнерският екип първо да създаде екрана (въпреки че дизайнерският екип трябва да направи QA или тест за качество на крайните екрани).
Предизвикателствата пред стартиране, ръководство за стил при постоянна промяна
Създаването на система за проектиране в стартираща среда не е толкова линейно, колкото изглежда в една зряла компания, където те са свикнали с по-рационализиран процес. В по-традиционна компания дизайнерският екип разработва a UX изследвания , идеи и експерименти, а след това излезе с окончателно ръководство за стил на брандиране. Този процес не е за всички компании, тъй като стартиращите компании работят в среда, в която тяхната визия и продуктови изисквания не винаги се променят постоянно. Те работят с MVP (минимално жизнеспособни продукти), непълни версии на техните приложения, които се използват, за да тестват идеите им и да ги показват на потенциални потребители.
Що се отнася до създаването на стил на ръководство, това може да се превърне в проблем.
В среда, в която тя винаги се развива, a дизайнер обикновено сте силно натиснати да създадете ръководен стил, който би трябвало да е нещо „фиксирано“. Дизайнерът няма да има време наистина да премисли всички компоненти, които се създават, въпреки че те могат да се появят последни. освобождаване на приложението. Facebook променя своето меню 'хамбургер' за навигация раздели когато узреят малко. Мислите ли, че който е сложил менюто за хамбургер там, също го е добавил към ръководството за стил на Facebook?
Може също да помислите, че все още не е моментът да създадете ръководство за стил. Може да откриете, че в дългосрочен план ще ви е необходим, но сега е по-важно масовото производство на дисплеи. Нещо повече, ще ви трябват няколко маркетингови страници, за да популяризирате приложението си. Изведнъж вашият дизайн трябва да удвои залога и докато създавате дисплеи, започвате да виждате ползата от наличието на ръководство за стил, което може да поддържа марката и дизайна на вашата компания последователни.
Проблемът е, че не знаете точно кога е подходящият момент да търгувате гъвкавост за стабилност. Трябва да решите кога да започнете да се фокусирате върху ръководството за стил и кога да създадете дисплеи. Оптималният подход може да бъде да се създаде ръководство за стил едновременно с доставката на дисплеи - по този начин можете да имате най-доброто от двата свята.
Започнете с малко вдъхновение за потребителския интерфейс
Един добър начин да започнете, особено ако не сте дизайнер, е да събирате примери за дизайнерски стилове, които харесвате, или нещо по-важно, на което мислите, че потребителите ще отговорят. Съберете колкото можете повече примери и ги поставете в папка или дъска InVision / Niice и т.н. Те могат да бъдат използвани за справка и вдъхновение във връзка с вашата дизайнерска чувствителност. Можете да надграждате върху тях по-късно, за да създадете библиотека с модели.
Например, когато работех по ръководство за стил за компания, популяризираща артисти в развлекателната индустрия, се чудехме дали светлият или тъмен фон ще има голямо влияние върху нашите потребители. Разгледах стотици различни уебсайтове за игри / филми / визуални продукции, за да видя как са използвали светъл и тъмен фон.
Направих мамят, където подчертах най-често срещаните модели. Един модел, който идентифицирах, беше, че компаниите в индустрията са склонни да използват по-тъмен фон, когато представят своите продукти, но използват бял фон в своите усилия за маркетинг, електронна търговия и магазини.
Не е нужно да навлизате толкова дълбоко, но установих, че наличието на визуални препратки помага не само при създаването на ръководство за стил, но и при запомнянето на някои от случаите на употреба, които може да са ви необходими за проектиране. След като се почувствате добре от събраните референции, можете да започнете да работите по визуалния дизайн.
(източници: Лятна чайка Симпсън Хич ; Вивек Венкатраман ; Амбър на дрибъл)
Проектирайте твърди компоненти на потребителския интерфейс
Докато работите в стартиращи компании, е по-трудно да създавате компоненти, отколкото да създавате страници - поне в началото. Когато проектирате страница, обикновено имате представа как ще бъде използвана. Това не е задължително случаят, когато проектирате компонент; вие се опитвате да проектирате за конкретен случай на употреба, но искате той да бъде част от универсална система за дизайн и трябва да подходите по този начин. Например, може да искате да създадете компонент за под-навигация с три бутона. Може да искате да работите и с четири, пет или десет бутона и те ще трябва да работят на мобилни устройства, таблети и настолни компютри. Ще трябва да мислите отвъд. 
Искате определено ниво на упоритост или фиксирана мощност в компонент. Общите компоненти не трябва да се променят прекалено много и те трябва да бъдат повторно използвани на много места във вашия продукт. Например, ако се интересувате само от приложение за iOS, тогава ще искате да тествате компонентите си въз основа на броя опции или дължината на съдържанието, а не непременно размера на екрана. Идеята е, че ако е жизнеспособен в потребителския интерфейс на много места във вашето приложение, тогава знаете, че това е компонент, който има потенциал да бъде част от вашето ръководство за стил.
Стартирането трябва да започне от само себе си и да се движи бързо. Вашият шеф може да иска дисплей, проектиран за края на деня, а това означава, че няма да можете наистина да разработите ръководство за стил и след това да проектирате дисплея. Още по-лошото е, че може да създадете ръководство за стил с компоненти, които никога няма да видят бял свят, защото визията на компанията се е променила. Както се казва, по-добре е да стартирате сега.
пример за оценка на разходите за софтуерен проект
Създаването на добро ръководство за стил отнема време и тъй като то ще се превърне в основата на вашата система за дизайн, вие искате да го направите правилно. В стартираща среда ще трябва да работите върху ръководството си за стил, като имате предвид всичко. ## Ръководството за стил като жив документ
Трябва да мислите за вашето ръководство за стил като за незавършена работа. Като стартиращо предприятие, което се опитва да разбере стратегията си, ще трябва да разберете ръководството си за стил по пътя. Ще го редактирате и коригирате с течение на времето, докато стане основата на вашия потребителски интерфейс. Полезен подход е да започнете с първия макет по едно и също време, когато започнете с вашето ръководство за стил. Отворете два файла с любимия си софтуер (в моя случай Sketch); един, наречен nombre de página и друг guía de estilo. Докато работите върху проектирането на абажур, можете да започнете да насаждате ръководството си за стил с елементи, съставляващи вашия дизайн.
c corp или s corp
Колкото повече работите по повече от тези ръководства, ще разберете почти веднага, че има някои важни компоненти, които трябва да бъдат включени в ръководството за стил. Например, ако сте избрали стил на икона, тогава всичките ви икони могат да отидат в ръководството от самото начало.
Обикновено създавам раздел, наречен „икони досега“. И ако в даден момент някой се нуждае от икона, първо трябва да премине през този раздел, преди да създаде нова.
Други очевидни елементи, които трябва да се вземат предвид, са цветове, селектори, заглавия, заглавия, текстове на тялото и т.н. Ако използвате специален стил за маркетинг, може да помислите да го поставите във вашето ръководство за стил и да го маркирате по подходящ начин. Добре е, ако не сте напълно сигурни за даден елемент, можете да прецизирате елементите на потребителския интерфейс във вашата система за проектиране по-късно, когато се появи възможност, и да актуализирате ръководството правилно. Не забравяйте, че ръководството за стил е жив документ , особено при стартиране. 
В крайна сметка, когато започна да поставям оформления в ръководството, знам, че започвам да достигам точка, в която всички компоненти трябва да са близо до крайното си състояние. Тази част отбелязва критичния момент в процеса на създаване на ръководството за стилове - сега можете да празнувате! Един добър начин да отпразнувате подобно постижение е да създадете лого или икона (помислете за нейното именуване) за версия 1.0 на ръководството.
Някои хора дори отпечатват логото / иконата като стикер, така че екипът да има нещо подобно на трофей. Това е и точката, в която обикновено отивам към по-традиционния начин на работа с ръководството, който е първо да отворя ръководството и след това да създам нов файл за какъвто и да е интерфейс.
заключение
Като дизайнер, създавайки възможно най-рано ръководство за стил, вие гарантирате, че вашето стартиране се придържа към доста висок стандарт на качество. Може да е предизвикателство, но си струва всички усилия, положени в него. Солидното и добре направено ръководство не само ще ви помогне да имате добър продукт, но и ще намали разходите за разработка.
Има начин да направите това възможно в забързана среда, където се взимат бързи решения и където дизайнът понякога трябва да се променя бързо. Надяваме се, че описаният по-горе процес ще помогне дизайнери във всеки стартъп, за да се справите с предизвикателствата на сложността и бързината и в същото време да създадете силно ръководство за стил в полза на продукта.
