ორ ათწლეულზე მეტი გავატარე მომხმარებლის გამოცდილების დიზაინის სანგრებში. მახსოვს ცხრილზე დაფუძნებული განლაგებიდან CSS-ზე გადასვლა, iPhone-ის გაშვების დროს რეპასუხიულ დიზაინზე გადასვლა და „ყურადღების ეკონომიის“ ზრდა. მაგრამ როდესაც ჩვენ 2026 წლის ნავიგაციას ვახდენთ, ინდუსტრია ჯერ კიდევ ყველაზე მნიშვნელოვანი ცვლილების წინაშე დგას. ჩვენ გადავდივართ „დიზაინის ნებისმიერ ფასად“ ეპოქას მდგრადი UX-ის ეპოქაში. ეს არ არის ის, რაზეც დიზაინერების უმეტესობა ფიქრობს, მათ შორის მეც, სანამ არ მომეთხოვა ამის შესახებ მოსმენა, როგორც კონცეფცია. წლების განმავლობაში ჩვენ ინტერნეტს ვუყურებდით, როგორც ეთერულ, უწონო ღრუბელს. ჩვენ ვივარაუდეთ, რომ ციფრული პროდუქტები იყო „მწვანე“ მხოლოდ იმიტომ, რომ ისინი არ იყო დაბეჭდილი ქაღალდზე. მეც ასე ვფიქრობდი და სანამ კლიმატის ცვლილების კონცეფცია გაჩნდებოდა, ეს უფრო ხეების გადარჩენას ეხებოდა. ჩვენ ვცდებოდით. ღრუბელი არის ფიზიკური ინფრასტრუქტურა, მონაცემთა ცენტრების, წყალქვეშა კაბელების და გაგრილების სისტემების ფართო ქსელი, რომელიც გუგუნებს 24/7. მიუხედავად იმისა, რომ AI-ზე ორიენტირებული მონაცემთა ცენტრები ემთხვევა მასიური ალუმინის ქარხნების ენერგიის მოხმარებას, მათი მაღალი გეოგრაფიული სიმკვრივე ქმნის კიდევ უფრო ინტენსიურ და ლოკალიზებულ გარემოს. როგორც UX დიზაინერები, ჩვენ ვართ ამ ენერგიის მოხმარების არქიტექტორები. თითოეული მაღალი გარჩევადობის გმირის სურათი, ყოველი ავტომატურად დაკვრა ფონური ვიდეო და ყველა რთული JavaScript ანიმაცია, რომელსაც ჩვენ ვამტკიცებთ, არის პირდაპირი ინსტრუქცია პროცესორისთვის ენერგიის მოხმარების შესახებ. თუ ჩვენ გვსურს ავაშენოთ მომავალი, რომელიც გაგრძელდება, ჩვენ უნდა შევწყვიტოთ "ვაუ"-ს დიზაინი და დავიწყოთ ეფექტურობისთვის დიზაინი. მუქი რეჟიმი 2000-იანი წლების დასაწყისში თეთრი ფონი იყო სტანდარტი, რადგან ისინი ასახავდნენ ქაღალდის ნაცნობობას. თუმცა, აპარატურა განვითარდა და ჩვენი დიზაინის ფილოსოფია უნდა დაიცვას. LCD-დან OLED (ორგანული სინათლის გამოსხივების დიოდი) ტექნოლოგიაზე გადასვლამ ფუნდამენტურად შეცვალა ფერების გავლენა ენერგიაზე.
ლოგიკა განსხვავებით ტრადიციული LCD ეკრანებისგან, რომლებიც საჭიროებენ განათებას, რომელიც ყოველთვის ჩართულია (მაშინაც კი, შავი ფერის ჩვენებისას), OLED ეკრანები ანათებს თითოეულ პიქსელს ინდივიდუალურად. როდესაც პიქსელი დაყენებულია ნამდვილ შავზე (#000000), ეს კონკრეტული დიოდი მთლიანად გამორთულია. ის ატარებს ნულოვან სიმძლავრეს. ინტერფეისების შემუშავებით, რომელიც ხელს უწყობს მუქი პალიტრებს, ჩვენ არ მივყვებით მხოლოდ ტენდენციას; ჩვენ ფიზიკურად ვამცირებთ მომხმარებლის მოწყობილობის ენერგიის მოთხოვნილებას. მონაცემები ენერგიის დაზოგვა არ არის უმნიშვნელო. 2021 წელს პერდუს უნივერსიტეტის მიერ ჩატარებულმა საეტაპო კვლევამ, რომელიც გახდა ოქროს სტანდარტი ამ დისკუსიისთვის, აჩვენა, რომ 100% სიკაშკაშის დროს, სინათლის რეჟიმიდან ბნელ რეჟიმში გადართვამ შეიძლება დაზოგოს ბატარეის ენერგიის საშუალოდ 39%-დან 47%-მდე. გლობალური მასშტაბით, თუ ყველა ძირითადი აპი ნაგულისხმევი იქნება ბნელ რეჟიმში, ქსელის მოთხოვნის შემცირება ასტრონომიული იქნება. დიზაინის მიზანი 2026 წელს, Dark Mode აღარ უნდა იყოს მეორადი „თემა“, რომელიც მოთავსებულია პარამეტრების მენიუში. ჩვენ უნდა ვიმუშაოთ „ბნელი-პირველი“ მენტალიტეტით. ეს არ ნიშნავს, რომ ყველა საიტი უნდა გამოიყურებოდეს Matrix-ის მსგავსი, მაგრამ ეს ნიშნავს, რომ უპირატესობა მიანიჭოს მაღალი კონტრასტის ბნელ თემებს, როგორც სისტემის ნაგულისხმევ მდგომარეობას. ეს ახანგრძლივებს მოწყობილობის მუშაობის ხანგრძლივობას და ამცირებს ნახშირბადის კვალს ყოველი ურთიერთქმედებისას. მე პირადად მირჩევნია Light-Mode კითხვისთვის, ამიტომ აზრი აქვს ხელმისაწვდომი იყოს როგორც მსუბუქი, ასევე მუქი რეჟიმის ვარიანტები. ასევე არსებობს ხელმისაწვდომობის მოსაზრებები ორივე ვარიანტის მიწოდებით. გამოსახულების და ვიდეოს ოპტიმიზაცია ჩვენ გავხდით ზარმაცი დიზაინერები. მაღალსიჩქარიანი 5G და ოპტიკურ-ბოჭკოვანი სისტემის საშუალებით, ჩვენ შევწყვიტეთ ფიქრი ფაილის ზომაზე. მობილური გვერდის საშუალო წონა ბოლო ათწლეულში გაიზარდა 500%-ით, ძირითადად არაოპტიმიზებული ვიზუალური აქტივების გამო. ლოგიკა ვებსაიტის "ციფრული ცხიმი" (ეს 4 მბ Unsplash ფოტოები და 15 მბ ფონური ვიდეოები) არის გვერდის ჩატვირთვის ენერგიის ყველაზე დიდი წვლილი. სერვერიდან კლიენტზე გადაცემული ყოველი მეგაბაიტი საჭიროებს ელექტროენერგიას გადაცემისთვის, სერვერის დამუშავებისთვის და მომხმარებლის რენდერის ძრავისთვის. როდესაც ვიყენებთ მასიურ ფაილებს, ჩვენ არსებითად „ვწვავთ“ ენერგიას სურათის საჩვენებლად, რომელიც შეიძლებოდა ისეთივე ეფექტური ყოფილიყო მცირე ზომის შემთხვევაში. რომ აღარაფერი ვთქვათ, თქვენ ასევე უზრუნველყოფთ მომხმარებლის უკეთეს გამოცდილებას გვერდით, რომელიც ბევრად უფრო სწრაფად იტვირთება.
მონაცემები HTTP არქივის თანახმად, სურათები და ვიდეო მუდმივად იკავებს ლომის წილს გვერდის მთლიან წონაში. თუმცა, თანამედროვე ფორმატებზე გადასვლამ, როგორიცაა AVIF და WebP, შეიძლება შეამციროს გამოსახულების წონა 50%-მდე JPEG-თან შედარებით, ხარისხის შესამჩნევი დაკარგვის გარეშე. მიუხედავად იმისა, რომ ეს ფორმატები ჩემთვის არც ისე ნაცნობია, როგორც JPG და PNG, მე ნამდვილად მოუთმენლად ველი მათ გამოყენებას გვერდის ზომის შესამცირებლად. Theდიზაინის მიზანი მე ახლახანს ვხელმძღვანელობდი კიბერუსაფრთხოების პლატფორმის ხელახალი დიზაინით. "ადრე და შემდეგ" აუდიტის განხორციელებით აღმოვაჩინეთ, რომ მათი საწყისი გვერდი იტვირთებოდა 5,5 მბ მონაცემს. მაღალი რეზოლუციის ფოტოგრაფიის SVG (Scalable Vector Graphics) ხელოვნებით ჩანაცვლებით და გამოსახულების აქტივების ნაცვლად ჭკვიანური CSS გრადიენტების გამოყენებით, ჩვენ დავწიეთ დატვირთვა 1.2 მბ-მდე. ეს არის ენერგიის დატვირთვის 78%-ით შემცირება! როგორც დიზაინერი, თქვენი პირველი შეკითხვა ყოველთვის უნდა იყოს: "მჭირდება ფოტო ამისთვის, თუ შემიძლია მივაღწიო იგივე ემოციურ რეზონანსს კოდით?"
განზრახ მოძრაობა: "ხმამაღლა" ანიმაციების ამოჭრა ჩვენ ვცხოვრობთ „გადახვევის“ და რთული 3D პარალაქსის ეფექტების ეპოქაში. მიუხედავად იმისა, რომ ამან შეიძლება მოიგოს ჯილდოები Awwwards.com-ზე, ისინი ხშირად ეკოლოგიური კატასტროფებია. ლოგიკა ანიმაცია არ არის უფასო. რთული ანიმაციის გამოსატანად, მოწყობილობის GPU (გრაფიკული დამუშავების ერთეული) უნდა მუშაობდეს მაღალი სიმძლავრით. ეს ზრდის პროცესორის ტემპერატურას, ააქტიურებს გაგრილების ვენტილატორების (ლეპტოპებში) და ბატარეის სწრაფად დაცლას. „ხმამაღლა“ ანიმაციები, რომლებიც მუდმივად მუშაობს ფონზე ან იწვევს ბრაუზერის მასიურ ხელახლა შეღებვას, ენერგიის ეკვივალენტია თქვენი მანქანის უმოქმედოდ დატოვების გზაზე.
მონაცემები Google-ის მასალების დიზაინის მითითებები ხაზს უსვამს "მნიშვნელოვან მოძრაობას". ისინი ამტკიცებენ, რომ ანიმაცია უნდა იყოს გამოყენებული მხოლოდ მომხმარებლის ორიენტირებისთვის ან უკუკავშირის მიწოდებისთვის. და JPEG-ის ნაცვლად WebP-ის გამოყენებამ შეიძლება დაზოგოს გვერდის მონაცემების 25-50%. დიზაინის მიზანი ჩვენ უნდა მივიღოთ აზრიანი მოძრაობა. თუ ანიმაცია არ ეხმარება მომხმარებელს დავალების შესრულებაში ან იერარქიის გაგებაში, ეს ფუჭია. ჩვენ უნდა მივცეთ უპირატესობა CSS გადასვლებს მძიმე JavaScript ბიბლიოთეკებთან შედარებით, როგორიცაა GSAP ან Lottie, სადაც ეს შესაძლებელია, რადგან CSS არის ტექნიკით დაჩქარებული და ბევრად უფრო ეფექტური ბრაუზერის გამოსათვლელად. როგორც UX დიზაინერი, მე არ შემიძლია ამ მიდგომის მტკიცება. ეს არა მხოლოდ ხელს უწყობს მონაცემთა ნარჩენების შემცირებას, არამედ აუმჯობესებს UX-ს ჩვენი მომხმარებლებისთვის. ყველა პროექტისთვის „მონაცემთა ბიუჯეტის“ დაყენება ჩემი UX 20+ წლის განმავლობაში, ყველაზე წარმატებული პროექტები, როგორც წესი, ყველაზე მკაცრი შეზღუდვების მქონე პროექტები იყო. როგორც პროექტს აქვს ფინანსური ბიუჯეტი, მას ასევე უნდა ჰქონდეს ნახშირბადის და მონაცემთა ბიუჯეტი. ლოგიკა მონაცემთა ბიუჯეტი არის გვერდის მთლიანი ზომის მჭიდრო ზღვარი (მაგ., „ეს სადესანტო გვერდი არ უნდა აღემატებოდეს 1 მბაიტს“). ეს აიძულებს დიზაინერების გუნდს გააკეთოს რთული, მიზანმიმართული არჩევანი. თუ გსურთ დაამატოთ ახალი თრექინგის სკრიპტი ან ლამაზი შრიფტის წონა, თქვენ უნდა „გადაიხადოთ“ ამისთვის ოპტიმიზაციის ან სხვა რამის წაშლის გზით. ეს ხელს უშლის "ფუნქციური ცოცხალს" გადაქცევას "ნახშირბადის ცოცხალში". მონაცემები მდგრადი ვებ დიზაინის მოდელი, რომელიც შემუშავებულია პიონერების მიერ, როგორიცაა Wholegrain Digital, გთავაზობთ ფორმულას CO2-ის გამოსათვლელად გვერდის ნახვაზე. საშუალო ვებსაიტი აწარმოებს დაახლოებით 0,5 გრამ CO2 თითო ნახვაზე. საიტისთვის, რომელსაც ყოველთვიური ნახვები აქვს 1 მილიონი, ეს არის 6 ტონა CO2 წელიწადში, რაც უდრის მანქანის 15000 მილის გატარებას. დიზაინის მიზანი მდგრადი UX საკონტროლო სია
სურათების შემცირება დაუსვით კითხვები ყველა ვიზუალის აუცილებლობას და გამოიყენეთ უმცირესი გარჩევადობა და ყველაზე ეფექტური ფაილის ფორმატები (როგორიცაა AVIF) მონაცემთა გადაცემის მინიმუმამდე შესამცირებლად. ვიდეოს ოპტიმიზაცია გააუქმეთ ავტომატური დაკვრის მედია და მიეცით პრიორიტეტი ძალიან შეკუმშული, მოკლე მარყუჟების უზრუნველსაყოფად ენერგიის დახარჯვა მხოლოდ კონტენტზე, რომლის ნახვასაც მომხმარებელი აპირებს. Limit Fontsგამოიყენეთ მაქსიმუმ ორი ვებ შრიფტის წონა ან მიჰყევით კლასიკურ სისტემის შრიფტებს სერვერის არასაჭირო მოთხოვნების მოსაშორებლად და ადიდებულობის გამოსახატავად. Recycle AssetsRepurpose ერთი სურათი ან ვიდეო რამდენჯერმე CSS ფილტრების და გადაფარვების გამოყენებით ვიზუალური მრავალფეროვნების შესაქმნელად გვერდის მთლიანი წონის გაზრდის გარეშე. აირჩიეთ Green HostingHost თქვენი ციფრული პროდუქტები სერვერებზე, რომლებიც დამოწმებულია Green Web Foundation-ის მიერ, რათა დარწმუნდეთ, რომ ისინი იკვებება განახლებადი ენერგიის წყაროებით. მონაცემთა დისტანციის მინიმიზაცია აირჩიეთ სერვერის მდებარეობები გეოგრაფიულად თქვენს ძირითად აუდიტორიასთან ახლოს, რათა შემცირდეს ფიზიკური ინფრასტრუქტურის მეშვეობით მონაცემების გადაადგილებისთვის საჭირო ენერგია.
ბიზნეს საქმე ეკოლოგიურად სუფთა დიზაინისთვის ზოგიერთი შეიძლება ამტკიცებდეს, რომ "მწვანე UX" ჟღერს ხარისხზე კომპრომისად. პირიქით, ეს არის კონკურენტული უპირატესობა. მდგრადი დიზაინი არის შესრულების დიზაინი. როდესაც ამცირებთ გვერდის წონას, თქვენი საიტი უფრო სწრაფად იტვირთება. როდესაც თქვენი საიტი უფრო სწრაფად იტვირთება, თქვენი Core Web Vitals გაუმჯობესდება. როდესაც თქვენი Core Web Vitals გაუმჯობესდება, თქვენი SEO რეიტინგი იზრდება. გარდა ამისა, მომხმარებლებს ძველ მოწყობილობებზე ან უფრო ნელი მონაცემების გეგმებზე (განსაკუთრებით განვითარებად ბაზრებზე) შეუძლიათ რეალურად წვდომა თქვენს პროდუქტზე. ეს არის "ინკლუზიური დიზაინის" განმარტება. "ციფრული ცხიმის" მოჭრით, ჩვენ ვქმნით უფრო მყუდრო, სწრაფ და უფრო ხელმისაწვდომ ქსელს. ჩვენ ვშორდებით 2010-იანი წლების „ერთჯერად დიზაინს“ აუფრო მუდმივი, პატივსაცემი ციფრული არქიტექტურა. დასკვნა: "სუფთა" დიზაინის მომავალი ჩემი დიზაინის ორი ათწლეულის განმავლობაში, მე ვნახე მრავალი ტენდენცია, რომელიც მოდის და მიდის. სკეუმორფიზმი, ბრტყელი დიზაინი, ნეიმორფიზმი - ეს ყველაფერი ესთეტიკური არჩევანი იყო. მაგრამ მდგრადი UX არ არის ტენდენცია; ეს ახლა აუცილებლობაა. ჩვენ ვართ დიზაინერების პირველი თაობა, რომლებმაც უნდა გაითვალისწინონ ჩვენი ციფრული მუშაობის ფიზიკური შედეგები. მდგრადი UX არის "მოგება-მოგება". ეს უკეთესია პლანეტისთვის, რადგან ამცირებს ენერგიის მოხმარებას. ეს უკეთესია მომხმარებლისთვის, რადგან ეს იწვევს უფრო სწრაფ, უფრო საპასუხო ინტერფეისებს. და ეს უკეთესია ბიზნესისთვის, რადგან ამცირებს ჰოსტინგის ხარჯებს და აუმჯობესებს კონვერტაციის მაჩვენებლებს. "შეუზღუდავი პიქსელების" ერა დასრულდა. 2026 წელს ყველაზე დახვეწილი დიზაინი არის ის, რომელიც ყველაზე მცირე კვალს ტოვებს. ჩვენ აღარ ვართ მხოლოდ დიზაინერები; ჩვენ ვართ მომხმარებლის ბატარეის, მათი მონაცემთა გეგმის და, საბოლოოდ, გარემოს მცველები. მოქმედებისკენ მოწოდება მე გამოგიწვევთ დღეს თქვენი მიმდინარე პროექტის მხოლოდ ერთი გვერდის აუდიტირებას. გამოიყენეთ ისეთი ინსტრუმენტი, როგორიცაა ვებსაიტის ნახშირბადის კალკულატორი, რომ ნახოთ მისი გავლენა. შემდეგ მოძებნეთ „უხილავი ნარჩენები“. შეიძლება ეს სურათი იყოს SVG? შეიძლება ეს ვიდეო იყოს სტატიკური გმირი? შეიძლება თუ არა ამ "ხმამაღლა" ანიმაციის გაჩუმება? დაიწყეთ პატარა. ყველაზე ელეგანტური გადაწყვეტა ხშირად არის ყველაზე ნაკლები ბაიტი.
