ინტერფეისის სანავიგაციო არქიტექტურა

1) რა არის სანავიგაციო არქიტექტურა და რატომ არის ეს საჭირო

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

პრინციპები: თანმიმდევრობა> კრეატიულობა, აშკარა მითითებები> ფარული ჟესტები, გზა უფრო მოკლეა, ვიდრე 3-4 მოქმედება მთავარ მიზანს.

2) ნავიგაციის ფენები (IA დონე)

1. გლობალური დონე - პროდუქტის სექციები (მაგალითად: ლობი, ლაივი, აქციები, საფულე, პროფილი).
2. განყოფილება/კატეგორია - გამოყოფა და ძირითადი ფუნქციები (დირექტორიები, მოხსენებები, პარამეტრები).
3. გვერდი/ტიპი - კონკრეტული არსებები (თამაში, ანგარიში, ფორმა).
4. ადგილობრივი/კონტექსტური - ტაბები, წამყვანები, „კიდევ“ ჩვენება, პაგინაცია.
5. ისტორია და დაბრუნების გზა - პურის ნამსხვრევები, უკან დაბრუნება, „ამ უკანასკნელთან“.

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

3) ნავიგაციის მოდელები და როდის უნდა აირჩიოთ ისინი

ზედა მენიუ (ტოპ-ნავი): 5-7 ზედა დონის მონაკვეთი. კარგია სამომხმარებლო ინტერფეისებისა და მობილურისთვის (იქცევა ქვედა ტაბებზე).
ქვედა ტაბები: 5 წერტილამდე, ფიქსირებული, ხატი + ეტიკეტი. ძირითადი მოქმედებები ყოველთვის თითის ქვეშ არის.
მარცხენა sidbar: 2-3 დონის სიღრმე, მუშაობს პროდუქტებში და adminks. კოლაფსი/ზურგჩანთა ხშირი წერტილებისთვის.
მეგა მენიუ: დიდი კატალოგები (მაღაზიები, შინაარსის აუზები). ჯგუფდება თემებზე, დასძენს მინიშნებებს და სწრაფ ბმულებს.
პურის ნამსხვრევები: ღრმა ბილიკებისა და SEO შინაარსებისთვის; H1 და ტოპ ნავიგაცია არ შეცვლილა.
კონტექსტური ნავიგაცია: ტაბები, ჩიპის ფილტრები, „მორბენალი“, შინაარსის (TOC) ლონგრიდებში.
ბრძანების პალიტრა/Global search (K): სწრაფი გადასვლები ერთეულების სახელებზე და მოქმედებებზე.
შორტკატები და ჟესტები: ენერგიის მომხმარებლები (ცხელი კლავიშები, სვიპები) - მაგრამ ყოველთვის UI ეკვივალენტით.

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

4) Routing და URL სტრატეგია

წაიკითხეთ URL: '/games/slot/[ slug] ', '/reports/ngr? period=Q3`.
სტაბილურობა: არ შეცვალოთ URL რედაქციის გარეშე; შეინახეთ საპირისპირო თავსებადობა.
მარშრუტები სახელმწიფო პარამეტრებით: ფილტრები/დახარისხება - query; ID - გზაზე.
სახეობების შენარჩუნება: „დააკოპირეთ ბმული მიმდინარე ფილტრის/წამყვანზე“.
ღრმა ბმულები (ღრმა ბმულები): ქვემეხებიდან/ფოსტიდან - პირდაპირ სამიზნემდე, უსაფრთხო ავტორიზაციით.
ხაზგარეშე და აღდგენა: დაბრუნებისთანავე - აღადგინეთ პოზიცია/ფილტრები.

5) ინფორმაციის მითითებები და ნიშნები

პუნქტის აქტიური მდგომარეობა (ფერი/ზოლები, ხატი).
H1 და lead - აღნიშნავენ გვერდის კონტექსტს.
განყოფილების ლოკატორი - sneakers, მარკერები sidbare- ში, ტაბის განათება.
ცარიელი სახელმწიფოები - ამბობენ, სად უნდა წავიდეთ (CTA, დახმარების ბმულები).
სტაბილური ლექსიკონი ელემენტების იგივე სახელებია ყველა ადგილას.

6) ძებნა და გუნდის პალიტრა

Global search: ერთეულების ინდექსი (თამაშები, პროვაიდერები, მოხსენებები) + სწრაფი მოქმედებები („/დეპოზიტი “, „/kyc“).
მანქანის დასრულება: უახლესი და პოპულარული მოთხოვნები, ვიწრო რჩევები.
სემანტიკა: შედეგების ცალკეული „ტიპები“ (არსებითი, სერთიფიკატის გვერდები, პარამეტრები).
ბრძანების პალიტრა (K): მარშრუტიზაცია სახელებისა და ცხენების მიხედვით, რუსული/ინგლისური/სინონიმების მხარდაჭერა.

7) სახელმწიფოები, როლები და წვდომა

RBAC: აჩვენეთ მხოლოდ ხელმისაწვდომი სექციები; ნაცრისფერი „საკეტები“ ეკონომიკურად და განმარტებით.
სტუმრების რეჟიმი: მენიუს შეზღუდული წერტილები, CTA იწვევს რეგისტრაციას/ლოგინს.
ტენანტურობა: ბრენდების/ოპერატორების მიხედვით სივრცეები - გამოყოფა გლობალურ სელექტორში.
უფლებების ესკალაცია: KYC/2FA- ს შემდეგ - იხსნება ახალი მარშრუტები.

8) მობილური მახასიათებლები

ქვედა ნავიგაცია (5): ლობი, ლაივი, აქციები, საფულე, პროფილი.
იარაღი Diplinks: ისინი მიდიან სასურველ black/man/წამყვანზე; დაბრუნება - წინა მდგომარეობაში.
ჟესტები უკან: ისინი არ ეწინააღმდეგებიან swayp-carusels (ღერძული ლაქი).
Sticky ელემენტები: მინი ფლეიერი/მიმდინარე თამაში, „დეპოზიტი“ - მცურავი CTA.

9) ხელმისაწვდომობა და ლოკალიზაცია

ფოკუსის შეკვეთა შეესაბამება ვიზუალურ იერარქიას.
ARIA ატრიბუტები მენიუს/cross/ტაბულებისთვის. ხატების ხელმოწერები სავალდებულოა.
კლავიატურის ნავიგაცია: ისრები/Tab/Enter; ხილული ხრიკი.
RTL/ენები: მარცვლეულის ბადე და წერტილების შეკვეთა, მიკრო საავტორო უფლებების ლოკალიზაცია.
კონტრასტი და ზომები: WCAG AA მინიმალური; tap targets 44px.

10) პროდუქტიულობა და სტაბილურობა

პროგრესული სანავიგაციო დატვირთვა: ჩონჩხი sidbar/მენიუს.
მენიუს/ლექსიკონის კაშხალი: ნაკლებად ხშირად ამოიღეთ ქსელი, მყისიერი ნავიგაცია.
უახლოესი მარშრუტების წინასწარი დატვირთვა: hover/ხრიკი; გონივრული ბიუჯეტები.
სტაბილურობა: არ გადატვირთოთ გადატვირთვის დროს (ფიქსირებული ზომები).
404/403 - დან დაცვა: მეგობრული გვერდები და სწრაფი „დაბრუნება“.

11) ტელემეტრია და მეტრიკა

• 'nav _ click' (წყარო, წერტილი, პოზიცია), 'route _ change', 'search _ query/შერჩევა',
• `breadcrumb_click`, `deeplink_open`, `back_used`, `not_found_view`.

• Time to-Target (სამიზნე ეკრანამდე/მოქმედებამდე).
• Nav Error Rate (404/403/უფლებების შეცდომები).
• Return Rate (რამდენიც დაუყოვნებლივ დაბრუნდა უკან - აშკარა გზის ნიშანი).
• Search Success% (შედეგი 2 დაწკაპუნებით).
• Adoption ბრძანების პალიტრა და ცხელი გასაღებები.

• Sidbar vs მეგა მენიუ; ტაბები vs ჩიპის ფილტრების თავზე; „ძებნა ყოველთვის ჩანს“ დაწკაპუნებით.

12) ნიმუშები iGaming- ისთვის (მაგალითები)

• გლობალურად: ლობი/Live/აქციები/ტურნირები/საფულე/პროფილი.
• ლობის შიგნით: ჩიპის ფილტრები (ახალი, ჯეკპოტი, პროვაიდერები, Buy-Bonus), ძებნა.
• Croshks - პროვაიდერების/სტატიების გვერდებზე და არა ლობირებაში.

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

13) ანტიპატერები

მენიუ 20 + წერტილისთვის ჯგუფის გარეშე (ვიზუალური ხმაური).
იმავე მონაკვეთის სხვადასხვა სახელები სხვადასხვა ადგილებში.
ფარული კრიტიკული ნავიგაცია მხოლოდ ბურგერ მენიუში (დესკტოპზე).
ტაბების, როგორც ფილტრების გადაკეთება (სხვადასხვა მნიშვნელობები - ერთი ტიპი).
გადასვლები, რომლებიც არღვევს მდგომარეობას (ფილტრების გამონადენი „უკან“).
„წებოვანი“ პანელები, რომლებიც გადახურავს შინაარსს და CTA.

14) განხორციელების სიის სია (სპრინტებზე)

Sprint 1 - რუკა: სექციების ინვენტარიზაცია, სამიზნე გზები (top-tasks), ტერმინების ლექსიკონი.
Sprint 2 - IA: ჯგუფი, დონე, მოდელის არჩევანი (ტოპ-nav/side/mega/tabs). პროტოტიპი.
Sprint 3 - Routing/URL: წაკითხული ბილიკები, ფილტრების შენარჩუნება, დიპლინკი, 404/403.
Sprint 4 - ძებნა/K: ერთეულების ინდექსი, მანქანის შეკვეთა, სწრაფი მოქმედებები.
სპრინტი 5 - წვდომა/ლოკალი: კლავიატურა, ARIA, RTL, კონტრასტი.
სპრინტი 6 - ტელემეტრია/A-B: Time-to-Target, Search Success, back-bounces; მოდელების ტესტი.
სპრინტი 7 - პროდუქტიულობა: ლექსიკონის ქეში/მენიუ, მეზობელი მარშრუტების პრეფექტი, ჩონჩხი.

15) გლოსარიუმი

IA (ინფორმაციული არქიტექტურა) არის სექციების/შინაარსის ლოგიკური სტრუქტურა.
Top-nav/Side-nav/Tabs/Mega-menu - სანავიგაციო მოდელები.
Breadcrumbs არის „პურის ნამსხვრევები“ ღრმა იერარქიისთვის.
Deep link - ღრმა ბმული კონკრეტულ მდგომარეობაში/განყოფილებაში.
Command Palette - გლობალური ძებნა/მოქმედება ცხენებზე.
Time to-Target არის დრო, სანამ მიაღწევს მიზნობრივ ეკრანს/მოქმედებას.

16) შედეგი

1. მკაფიო მრავალ დონის IA,

2. სტაბილური წაკითხული URL და სტატუსის შენარჩუნება,

3. ნავიგაციის კომბინირებული მოდელები (მენიუ + ტაბები + ძებნა/კ),

4. ლოკალიზაციის ხელმისაწვდომობა

5. მეტრიკა და A/B მუდმივი გაპრიალებისთვის.

ასე რომ, ინტერფეისი რჩება გასაგები და სწრაფი, მაშინაც კი, როდესაც ფუნქციონირება იზრდება.