რატომ გამოვიყენოთ დიზაინის სისტემა?

დიზაინის სისტემებს, როდესაც კარგად დანერგავთ, შეუძლიათ ბევრი სარგებელი მოუტანონ დიზაინის გუნდს:

დიზაინის (და განვითარების) სამუშაო შეიძლება შეიქმნას და განმეორდეს სწრაფად და მასშტაბურად.

დიზაინის სისტემების უპირველესი სარგებელი არის მათი დიზაინის სწრაფად გამეორების უნარი წინასწარ დამზადებული UI კომპონენტებისა და ელემენტების გამოყენებით. გუნდებს შეუძლიათ განაგრძონ ერთი და იგივე ელემენტების გამოყენება უსასრულოდ, რაც ამცირებს ბორბლის ხელახლა გამოგონების აუცილებლობას და, შესაბამისად, გაუთვალისწინებელი შეუსაბამობის რისკის ქვეშ.

ეს ამსუბუქებს დიზაინის რესურსების დატვირთვას უფრო დიდ, რთულ პრობლემებზე ფოკუსირებისთვის.

ვინაიდან უფრო მარტივი UI ელემენტები უკვე შექმნილია და ხელახლა გამოყენებადია, დიზაინის რესურსებს შეუძლიათ ნაკლები ფოკუსირება მოახდინონ ვიზუალური გარეგნობის შეცვლაზე და მეტი უფრო რთულ პრობლემებზე (როგორიცაა ინფორმაციის პრიორიტეტიზაცია, სამუშაო ნაკადის ოპტიმიზაცია და მოგზაურობის მართვა). მიუხედავად იმისა, რომ ეს ანაზღაურება შეიძლება მცირე ჩანდეს, როდესაც თქვენ ქმნით მხოლოდ მცირე რაოდენობის ეკრანებს, ის მნიშვნელოვანი ხდება, როდესაც თქვენ უნდა კოორდინაცია გაუწიოთ ძალისხმევას ათობით გუნდსა და ათასობით ეკრანზე.

ის ქმნის ერთიან ენას მრავალფუნქციურ გუნდებში და მათ შორის.

განსაკუთრებით მაშინ, როდესაც დიზაინის პასუხისმგებლობა იცვლება ან როდესაც გუნდები გეოგრაფიულად იშლება, ერთიანი ენა ამცირებს დიზაინის ან განვითარების დროის დაკარგვას არასწორი კომუნიკაციების გარშემო. მაგალითად, ჩამოსაშლელი მენიუს ფუნქციონალურობაზე ან გარეგნობაზე კამათი არ იქნება, რადგან ეს ტერმინი დაცულია დიზაინის სისტემის კონკრეტულად განსაზღვრულ ელემენტზე.

ის ქმნის ვიზუალურ თანმიმდევრულობას პროდუქტებში, არხებსა და (პოტენციურად მოდებულ) განყოფილებებში.

განსაკუთრებით მაშინ, როდესაც გუნდები მუშაობენ სილოსებში, სადაც თითოეული პროდუქტი ან არხი მუშაობს სხვებისგან დამოუკიდებლად, ორგანიზაციის მასშტაბით დიზაინის სისტემის არარსებობამ შეიძლება გამოიწვიოს არათანმიმდევრული ვიზუალური გარეგნობა და გამოცდილება, რომელიც, როგორც ჩანს, ფრაგმენტული ან დაუკავშირებელია ბრენდთან. დიზაინის სისტემები უზრუნველყოფენ კომპონენტების, შაბლონებისა და სტილის ერთ წყაროს და აერთიანებს განცალკევებულ გამოცდილებას ისე, რომ ისინი ვიზუალურად იყოს შეკრული და ჩანდეს ერთი და იგივე ეკოსისტემის ნაწილი. როგორც დამატებითი ბონუსი, ნებისმიერი ძირითადი ვიზუალური რებრენდინგი ან რედიზაინი შეიძლება განხორციელდეს მასშტაბური დიზაინის სისტემის მეშვეობით.

ის შეიძლება იყოს საგანმანათლებლო ინსტრუმენტი და მითითება უმცროსი დონის დიზაინერებისა და შინაარსის შემქმნელებისთვის.

მკაფიოდ დაწერილი გამოყენების სახელმძღვანელო და სტილის სახელმძღვანელოები ეხმარება ბორტზე ინდივიდუალურ კონტრიბუტორებს, რომლებიც ახალია UI დიზაინში ან კონტენტის შექმნაში და ასევე ემსახურება როგორც შეხსენებას დანარჩენი კონტრიბუტორებისთვის.

რატომ არ გამოვიყენოთ დიზაინის სისტემა?

არსებობს პოტენციური დაბრკოლებები და შეზღუდვები, რამაც შეიძლება ხელი შეუშალოს დიზაინის გუნდს დიზაინის სისტემის გამოყენებაში:

დიზაინის სისტემის შექმნა და შენარჩუნება არის დროში ინტენსიური საქმიანობა, რომელიც მოითხოვს ერთგულ გუნდს. დიზაინის სისტემები, სამწუხაროდ, არ არის ერთჯერადი გადაწყვეტა. საუკეთესო შემთხვევაში, ისინი მუდმივად ვითარდებიან, რადგან გუნდები აგროვებენ უკუკავშირს მათგან, ვინც მათ იყენებს.

დრო სჭირდება სხვებს ასწავლოს დიზაინის სისტემის გამოყენება. ნებისმიერი დიზაინის სისტემა, თუნდაც ის უკვე არსებულიდან ადაპტირებული იყოს, საჭიროებს გამოყენების ინსტრუქციას - წინააღმდეგ შემთხვევაში, არსებობს რისკი, რომ ის არათანმიმდევრულად ან არასწორად იქნას გამოყენებული ეკრანებზე ან გუნდებში.

შეიძლება არსებობდეს მოსაზრება, რომ პროექტები არის სტატიკური, ერთჯერადი ქმნილებები, რომლებიც საერთოდ არ საჭიროებს მრავალჯერადი გამოყენების კომპონენტებს. მართალია თუ არა, ეს perc

დიზაინის სისტემის ელემენტები

დიზაინის სისტემაში ორი მნიშვნელოვანი ნაწილია:

დიზაინი-სისტემის საცავი,ადამიანები, რომლებიც მართავენ მას

დიზაინის საცავებს შეიძლება ჰქონდეს მრავალი ფორმა, მაგრამ ისინი ხშირად შეიცავს სტილის სახელმძღვანელოს, კომპონენტის ბიბლიოთეკას და ნიმუშის ბიბლიოთეკას.

სტილის გზამკვლევი (style guide)

სტილის სახელმძღვანელო შეიცავს კონკრეტულ განხორციელების სახელმძღვანელო მითითებებს, ვიზუალურ მითითებებს და დიზაინის პრინციპებს ინტერფეისების ან დიზაინის სხვა მიწოდების შესაქმნელად. ყველაზე გავრცელებული სტილის სახელმძღვანელოები ფოკუსირებულნი არიან ბრენდინგზე (ფერები, ტიპოგრაფია, სავაჭრო ნიშნები, ლოგოები და ბეჭდური მედია), მაგრამ სტილის სახელმძღვანელოები ასევე გვთავაზობენ მითითებებს კონტენტზე (როგორიცაა ხმის ტონი და ენის რეკომენდაციები) და ვიზუალური და ინტერაქციის დიზაინზე. სტანდარტები (ასევე ცნობილია როგორც წინამძღოლის სტილის სახელმძღვანელო). ეს სახელმძღვანელო მითითებები ზოგჯერ შედის კომპონენტის ბიბლიოთეკაში, რათა უზრუნველყოს შესაბამისი მითითებები კონტექსტში.

კომპონენტის ბიბლიოთეკა

ბევრი ბიბლიოთეკა არის დიზაინის სისტემებთან დაკავშირებული ბიბლიოთეკები: ეს საფუძვლიანი ბიბლიოთეკები შეიცავს წინასწარ განსაზღვრულ, მრავალჯერადი გამოყენების ინტერფეისის ელემენტებს და ემსახურება როგორც დიზაინის დიზაინერებს, ასევე დეველოპერებს, რომ გაეცნონ და განახორციელონ ინტერფეისის კონკრეტული ელემენტები. ამ ბიბლიოთეკების შექმნას მნიშვნელოვანი დრო და რესურსები სჭირდება. კომპონენტების ვიზუალური მაგალითების გარდა, ისინი მოიცავს:

კომპონენტის სახელი: კონკრეტული და უნიკალური UI კომპონენტის სახელი, რათა თავიდან იქნას აცილებული არასწორი კომუნიკაცია დიზაინერებსა და დეველოპერებს შორის

აღწერა: მკაფიო ახსნა იმის შესახებ, თუ რა არის ეს ელემენტი და როგორ გამოიყენება ის ჩვეულებრივ, ზოგჯერ თან ახლავს გასაკეთებელი და არა კონტექსტისთვის და განმარტებისთვის

ატრიბუტები: ცვლადები ან კორექტირება, რომლებიც შეიძლება განხორციელდეს კომპონენტის მორგებისთვის ან ადაპტირებისთვის კონკრეტული საჭიროებებისთვის (მაგ. ფერი, ზომა, ფორმა, ასლი)

მდგომარეობა: რეკომენდებული ნაგულისხმევი და შემდგომი ცვლილებები გარეგნობაში

კოდის ფრაგმენტები: ფაქტობრივი კოდის ამონაწერი ელემენტისთვის (ზოგიერთი დიზაინის სისტემა მიდის იქამდე, რომ აზიარებს მრავალ მაგალითს და გვთავაზობს „ქვიშის ყუთს“ გარემოს სხვადასხვა კომპონენტის პერსონალიზაციის გამოსაცდელად)

წინა და უკანა ჩარჩოები ბიბლიოთეკის დასანერგად (ასეთის არსებობის შემთხვევაში), მტკივნეული და არასაჭირო გამართვის თავიდან ასაცილებლად

ნიმუშების ბიბლიოთეკა

ზოგჯერ, ტერმინები "კომპონენტის ბიბლიოთეკა" და "ნიმუშის ბიბლიოთეკა" სინონიმურად გამოიყენება; თუმცა, არსებობს განსხვავება ამ ორი ტიპის ბიბლიოთეკას შორის. კომპონენტების ბიბლიოთეკები აკონკრეტებენ ინდივიდუალური ინტერფეისის ელემენტებს, ხოლო ნიმუშების ბიბლიოთეკები შეიცავს UI-ელემენტების დაჯგუფებების ან განლაგების კოლექციებს. შაბლონური ბიბლიოთეკები ხშირად განიხილება, როგორც ნაკლებად მძლავრი კომპონენტებთან შედარებით, მაგრამ ისინი შეიძლება იყოს ისეთივე საფუძვლიანი ან მაღალი დონის, როგორც საჭიროა. მათ, როგორც წესი, აქვთ შინაარსის სტრუქტურები, განლაგება და/ან შაბლონები. კომპონენტების მსგავსად, შაბლონები განკუთვნილია ხელახლა გამოსაყენებლად და ადაპტირებისთვის.

დიზაინი-სისტემის გუნდი

დიზაინის სისტემა ისეთივე ეფექტურია, როგორც გუნდი, რომელიც მას მართავს. შექმნილია თუ ადაპტირებული, დიზაინის სისტემები საჭიროებს მუდმივ მოვლას და ზედამხედველობას, რათა არ გახდეს მოძველებული, მოძველებული ან გადატვირთული ზედმეტი შენატანებით ან წარდგენით. ამ გუნდის ზომა შეიძლება განსხვავდებოდეს, იმის გათვალისწინებით, რომ თავად დიზაინის სისტემებს შეუძლიათ მიიღონ სხვადასხვა ზომის და დონის პერსონალიზაცია, მაგრამ, მინიმუმ, გუნდში უნდა შედიოდეს 1 ინტერაქციის დიზაინერი, 1 ვიზუალური დიზაინერი და 1 დეველოპერი, რომელთაგან თითოეული უნდა დაეხმაროს წერაში. ურთიერთქმედების დიზაინის სახელმძღვანელო მითითებები, შექმნათ ვიზუალური მაგალითები და უზრუნველყოთ კოდის ფრაგმენტები და განხორციელების სპეციფიკაციები, შესაბამისად, თითოეული ელემენტისთვის. იდეალურ შემთხვევაში, გუნდში ასევე უნდა შედიოდეს ნახევარ განაკვეთზე მკვლევარი, ნახევარ განაკვეთზე არქიტექტორი და შინაარსის ავტორი, თუ ეს როლები აშკარად არის განსაზღვრული თქვენს ორგანიზაციაში.

როგორ მივუდგეთ დიზაინი-სისტემის მიღებას

ზოგადად, დიზაინის სისტემის გამოყენების სამი მიდგომა არსებობს:

არსებული დიზაინის სისტემის მიღება

არსებული დიზაინის სისტემის ადაპტირება

შექმენით თქვენი საკუთარი დიზაინის სისტემა

თითოეულს აქვს დადებითი და უარყოფითი მხარეები, მაგრამ ზოგადად, რაც უფრო მორგებულია თქვენი დიზაინის სისტემის გადაწყვეტა, მით მეტი დრო და ფული დასჭირდება მის განხორციელებას. ამდენად, არსებული დიზაინის სისტემის გამოყენება არის ყველაზე იაფი მიდგომა და მოითხოვს უმცირეს დროს განხორციელებას. (ამას მაინც მეტი დრო დასჭირდება, ვიდრე ჩვეულებისამებრ დიზაინის გაგრძელების შემთხვევაში, რადგან მოგიწევთ შეცვალოთ ან განაახლოთ ზოგიერთი UI ელემენტი და დაეთანხმოთ სტანდარტს).

საბაჟო დიზაინის სისტემაში ინვესტიცია ღირებული იქნება, თუ ორგანიზაციას აქვს კონკრეტული საჭიროებები, რომელთა დაკმაყოფილება შეუძლებელია ღია კოდის დიზაინის სისტემებით. დიზაინის სისტემის პერსონალიზაციისა და კორექტირების გაზრდისას, ხარჯების დაზოგვა, რომელიც შეიძლება მიგეღოთ არსებული დიზაინის სისტემის გამოყენებით, შემცირდება და, გრძელვადიან პერსპექტივაში, თქვენ შეიძლება მაინც უკეთესი იყოს თქვენი დიზაინის სისტემის შექმნა. დარწმუნდით, რომ იცით, რა სჭირდება თქვენს ორგანიზაციას, სანამ დაიწყებთ დიზაინის სისტემის მცდელობებს და შეაფასებთ კომპრომისებს.

და ბოლოს, კონცეფციის მტკიცებულებისთვის ან საწყისი პროტოტიპისთვის, რომელიც სავარაუდოდ შეიცვლება, სრულფასოვანი დიზაინის სისტემის შექმნა, სავარაუდოდ, არ გამოიწვევს სასურველ ROI-ს უახლოეს პერსპექტივაში. სარგებელი, ბოლოს და ბოლოს, არის დიზაინის გამეორება, რაც მომავალში იქნება. მიუხედავად იმისა, რომ თავიდანვე მაცდური შეიძლება იყოს მათი ჩამოყალიბება, გახსოვდეთ, რომ დიზაინის სისტემა არ უნდა განიხილებოდეს როგორც სამუშაოს პორტფოლიო, არამედ როგორც ფუნქციონალური ინსტრუმენტების ნაკრები ან რესურსი დიზაინერებისა და დეველოპერებისთვის უფრო სწრაფად მუშაობისთვის. როგორც ითქვა, თუ თქვენ ეჭვი გეპარებათ დიზაინის სისტემის სარგებლიანობაში, შეიძლება ღირს იმ ვადების გათვალისწინება, რომელსაც გამოიყენებთ თქვენი დიზაინის მუშაობის შესაფასებლად. დიზაინის სისტემები საუკეთესოა, როდესაც კომპანია ითვალისწინებს სამომავლო, გამეორებადი დიზაინის მუშაობას.