საიტის დიზაინის ნიმუშები

Სარჩევი:

საიტის დიზაინის ნიმუშები
საიტის დიზაინის ნიმუშები
Anonim

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

მიზიდულობის ეფექტი

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

მოდით შევხედოთ სავაჭრო პლატფორმის ორი საიტის მაგალითს:

საიტების მაგალითები
საიტების მაგალითები

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

ფერების აღქმა

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

უსაფრთხო ფერების ცხრილი
უსაფრთხო ფერების ცხრილი

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

ფერთა თავსებადობა

თითოეულ ფერს აქვს თავისი "მეგობრული" ფერი - ეს ის ფერია, რომელსაც ის საუკეთესოდ უხდება. არ არის საჭირო ბორბლის ხელახლა გამოგონება და შერჩევის ექსპერიმენტი, ყველაფერი დიდი ხანია გამოიგონეს და საჯარო დომენშია. ფერის დისკები გამოიყენება ფერების შესარჩევად. Itten. ქვემოთ მოყვანილი სურათი გვიჩვენებს ფერის ბორბალს 2 შესაბამისი ფერის შესატყვისად.

დამატებითი ფერის კომბინაცია
დამატებითი ფერის კომბინაცია

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

ტრიადა - 3 ფერის კომბინაცია
ტრიადა - 3 ფერის კომბინაცია

და ბევრი ასეთი წრეა, შეგიძლიათ მეტი შესატყვისი ფერები აირჩიოთ. მაგალითად, ოთხი.

ტეტრადი - ოთხი ფერის კომბინაცია
ტეტრადი - ოთხი ფერის კომბინაცია

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

საიტის შიდა სტრუქტურა

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

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

ყველაზე დიდი შეცდომა

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

საიტის ცუდი ნავიგაცია
საიტის ცუდი ნავიგაცია

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

რეგისტრაციის ფორმა

საიტზე კიდევ ერთი მნიშვნელოვანი და საშიში ფაქტორია რეგისტრაციის ფორმა. ზოგიერთი ცდილობს შეაგროვოს თითქმის დიდი ბებიის მონაცემები რეგისტრაციის ფანჯარაში.

არასწორი სარეგისტრაციო ფორმა
არასწორი სარეგისტრაციო ფორმა

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

სწორი სარეგისტრაციო ფორმა
სწორი სარეგისტრაციო ფორმა

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

საიტის შაბლონები

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

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

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

ფინალური ნაწილი

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

გირჩევთ: