Web Page Design Considerations and Principles
Web Page Design Considerations and Principles
7.1 Website Planning (वेबसाइट योजना)
Website Planning वेबसाइट बनाने से पहले की जाने वाली योजना है। इसमें वेबसाइट का उद्देश्य, उपयोगकर्ता, सामग्री तथा संरचना निर्धारित की जाती है।
मुख्य बिंदु:
- Website Goal निर्धारित करना
- Target Audience की पहचान करना
- Content Planning करना
- Sitemap बनाना
- Domain Name चुनना
- Hosting चयन करना
उदाहरण:
यदि किसी कॉलेज की वेबसाइट बनानी है तो पहले यह तय किया जाएगा कि उसमें Admission, Courses, Faculty और Contact Information दिखाई जाएगी।
English
Website Planning is the process of defining the purpose, audience, content, and structure of a website before development.
Example: Planning a college website containing admission details, courses, faculty, and contact information.
7.2 Layout Design (लेआउट डिज़ाइन) हिंदी
Layout Design वेब पेज के विभिन्न भागों को व्यवस्थित करने की प्रक्रिया है ताकि वेबसाइट आकर्षक और उपयोग में आसान बने।
मुख्य भाग:
- Header
- Navigation Menu
- Content Area
- Sidebar
- Footer
7.3 Navigation Design (नेविगेशन डिज़ाइन) हिंदी
Navigation Design उपयोगकर्ता को वेबसाइट के विभिन्न पृष्ठों तक पहुँचने में सहायता करता है।
Navigation के प्रकार:
- Horizontal Navigation
- Vertical Navigation
- Dropdown Menu
- Breadcrumb Navigation
7.4 Color and Typography (रंग एवं टाइपोग्राफी) हिंदी Color (रंग)
रंग वेबसाइट की सुंदरता और पहचान को बढ़ाते हैं।
अच्छे Color Selection के नियम:
- सीमित रंगों का उपयोग
- उचित Contrast
- Brand Colors का उपयोग
Typography
Typography वेबसाइट पर Text की शैली और प्रस्तुति को दर्शाती है।
Typography के नियम:
- Readable Fonts
- Proper Font Size
- Consistent Font Style
- Heading और Paragraph अलग-अलग
उदाहरण:
- Heading: Arial 20px
- Paragraph: Arial 14px
7.5 Responsive Web Design (RWD) रिस्पॉन्सिव वेब डिज़ाइन हिंदी
Responsive Web Design ऐसी तकनीक है जिससे वेबसाइट Desktop, Tablet और Mobile पर सही तरीके से दिखाई देती है।
मुख्य विशेषताएँ:
- Flexible Layout
- Flexible Images
- Media Queries
- Mobile Friendly Design
English
Responsive Web Design is a technique that allows a website to adapt automatically to different screen sizes.
7.6 User Experience (UX) उपयोगकर्ता अनुभव
User Experience (UX) वेबसाइट का उपयोग करते समय उपयोगकर्ता द्वारा प्राप्त कुल अनुभव है।
English
User Experience (UX) refers to the overall experience of a user while interacting with a website.
UX के मुख्य तत्व:
- Usability
- Accessibility
- Performance
- Navigation
- Visual Design
उदाहरण:
यदि वेबसाइट जल्दी खुलती है और आसानी से उपयोग की जा सकती है, तो उसका UX अच्छा माना जाता है।
7.7 Accessibility and Usability सुगम्यता एवं उपयोगिता Accessibility (सुगम्यता) हिंदी
Accessibility का अर्थ है वेबसाइट को सभी लोगों, विशेषकर दिव्यांग उपयोगकर्ताओं के लिए उपयोग योग्य बनाना।
उपाय:
- Alt Text (Alternative Text)<img src="computer.jpg" alt="Desktop Computer">
- Keyboard Navigation
- Proper Contrast
- Screen Reader Support
उदाहरण:
दृष्टिबाधित व्यक्ति Screen Reader की सहायता से वेबसाइट का उपयोग कर सके।
English
Accessibility means making websites usable for everyone, including people with disabilities.
Usability (उपयोगिता)
Usability यह बताती है कि वेबसाइट का उपयोग कितना आसान है।
विशेषताएँ:
- Simple Interface
- Fast Loading
- Easy Navigation
- Less Errors
उदाहरण:
एक वेबसाइट जहाँ उपयोगकर्ता आसानी से जानकारी खोज सके।