Თქვენი საიტი მუშაობს სენსორული ეკრანებზე?

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

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

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

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

ძირითადი სენსორული დიზაინი წესები

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

• მოსმენების ზუსტი არ არის. იმ შემთხვევაში, თუ კლიენტს აქვს toddler of თითები, თუნდაც ძალიან ზუსტი პროგრამული კონტროლი, ეს შეიძლება იყოს რთული Tap და იყოს ზუსტი.
• ჟესტები განსხვავებულია ონკანებიდან. იმისათვის, რომ სენსორული ეკრანზე გრძელი გვერდი გადავიდეს, მომხმარებელს ერთი ფანჯრის გადახვევის ბრაუზერი ფანჯარა. ეს არ ჩანს, როგორც ჩანს, სანამ ხვდებიან, რომ ათვალიერებთ თაგვის მეშვეობით, გადაადგილებთ თაგვის ქვევით .
• ორი (და მეტი) თითის ონკანები. მომხმარებელს შეუძლია ისარგებლოს მრავალჯერადი თითი ონკანი მოწყობილობისთვის ამავე დროს, რათა გააკონტროლოს იგი. ეს დამატებითი taps შეიძლება ნიშნავს კონკრეტული დამოკიდებულია ოპერაციული სისტემის მომხმარებლის მოწყობილობა.
• მაღალხარისხიანი მოწყობილობები. ეკრანის უმეტესად სენსორული დაფები მზადდება მყარი მინისგან. ეს მასალა შეიძლება იყოს ძალიან რთული წაკითხვის გზით, ბევრი თვალისმომჭრელ ელვარებას, ნათელი სინათლის სიტუაციებში. Plus, ყველა ეხება, ისინი თითის ანაბეჭდები და smudges ეკრანზე, რომელიც შეიძლება გავლენა იქონიოს, თუ როგორ თქვენს გვერდებზე გამოიყურება.
• ეკრანის კლავიატურის. მიუხედავად იმისა, რომ ზოგიერთ მომხმარებელს აქვს უკაბელო კლავიატურა, ისინი უერთდებიან მათ ტაბლეტებზე, აბონენტთა უმეტესობამ გამოიყენოს ეკრანის კლავიატურა მონაცემთა შესვლისთვის. OSK- ის ჩანაწერი შეიძლება გამოიწვიოს რაღაც იუმორისტული ტიპოსი, ასევე არასასიამოვნო გამოყენება ხანგრძლივი დროის განმავლობაში.

მოწყობილობის ამ მახასიათებლების გამო, ვებ დიზაინერებმა ხაზი უნდა გაუსვან სენსორული მომხმარებლებისთვის რამდენიმე ძირითადი დიზაინის წესს:

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

• არ არის მაუსი. და ეს იმას ნიშნავს, რომ არ არის მაუსის მაჩვენებელი . თქვენ არ უნდა დაეყრდნოთ მაუსის მაჩვენებელს შეცვლისთვის, რომ მიუთითოთ, რომ რაღაც არის clickable.
• Hover სახელმწიფოები არ არსებობს. როგორც ზემოთ მიუთითებს, რადგან მაუსი არ არის, არაფერია მიტოვებული. ბმული არ არის დაჭერილი (დაბლოკილი) ან არა სენსორული ეკრანით, ამიტომ მომხმარებელს არ შეუძლია რაიმე სასარგებლო ინფორმაცია მიაწოდოს ისეთ მწვერვალებს, როგორიცაა ფერის ცვლილებები, ინსტრუმენტი რჩევები ან სტატუს-ბარი ცვლილებები.
• შავი ფონის გაუმჯობესება glare. შავი ფონის მქონე საიტი ძალიან რთულია იმისთვის, რომ წაიკითხოთ სენსორული მოწყობილობის შესახებ თვალის შუქის გამო. შავი ხდის თითის ანაბეჭდები მოწყობილობებზე უფრო ნათლად აჩვენებს ეკრანზე. და შავმა შეიძლება ეკრანზე გადააქციოს სარკე, რომელიც ასახავს მომხმარებლებს, რომლებიც ხშირად ეკრანის ზედაპირზე უფრო ხშირად ხდებიან.
• ტექსტების ხანგრძლივი ბლოკირება რთულია დაწერა. მიუხედავად იმისა, რომ შესაძლებელია მთელი რომანი რომ iPad ან Android ან Windows ტაბლეტი, ყველაზე ხალხი არ მოსწონთ გამოყენებით ეკრანზე კლავიატურის ხანგრძლივი გადაჭიმული ტექსტი. მეტი თქვენი დიზაინი შეუძლია მონაცემების შესვლის როგორც მოკლე და მარტივია, რაც შეიძლება, მით უკეთესი.

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