طراحی ساختار یک وب سایت از ابتدا مستلزم برنامه ریزی دقیق و در نظر گرفتن عوامل مختلف برای اطمینان از تجربه ای بصری و کاربرپسند است. در زیر 35 نکته برای ایجاد ساختار سایت به صورت مرحله به مرحله آورده شده است.
- هدف وب سایت و مخاطبان هدف را برای تعیین اهداف اولیه و الزامات محتوایی تعریف کنید (Laudon، Kenneth C. و Jane P. Laudon. “تجارت الکترونیک: تجارت، فناوری، جامعه.” چاپ).
- تحقیقات کاملی را در مورد صنعت، رقبا و بهترین شیوهها در طراحی وب انجام دهید تا بینشهایی در مورد ساختارهای سایت به دست آورید (Shneiderman, Ben. “طراحی رابط کاربری: استراتژیهایی برای تعامل موثر انسان و کامپیوتر.” چاپ).
- یک نقشه سایت ایجاد کنید تا ساختار سلسله مراتبی صفحات وب سایت و اتصالات آنها را مشخص کند (روزنفلد، لوئیس و پیتر مورویل. “معماری اطلاعات برای شبکه جهانی وب.” چاپ).
- با سازماندهی منطقی و شهودی محتوا، اطمینان از ناوبری و دسترسی آسان، تجربه کاربر را در اولویت قرار دهید (مورویل، پیتر، و جفری کالندر. “الگوهای جستجو: طراحی برای کشف.” چاپ).
- منوهای پیمایش واضح و توصیفی را برای راهنمایی کاربران از طریق بخشها و صفحات وبسایت اجرا کنید (گرت، جسی جیمز. «عناصر تجربه کاربر: طراحی کاربر محور برای وب». چاپ).
- از اصول طراحی ریسپانسیو استفاده کنید تا اطمینان حاصل کنید که ساختار سایت به طور یکپارچه با دستگاه ها و اندازه های مختلف صفحه تطبیق می یابد (Marcotte, Ethan. “Responsive Web Design.” Print).
- برای ارائه مسیرهای واضح به صفحات قبلی در سلسله مراتب سایت (Nielsen, Jakob. “Prioritizing Web Usability.” Print) از خرده نان استفاده کنید.
- ساختار URL را با استفاده از کلمات کلیدی توصیفی و حفظ سلسله مراتب منطقی که سازماندهی محتوای سایت را منعکس می کند، بهینه کنید (فیلدینگ، روی توماس و همکاران “سبک های معماری و طراحی معماری های نرم افزاری مبتنی بر شبکه.” وب).
- از قراردادهای نامگذاری ثابت برای URL های صفحه استفاده کنید، از وضوح و انسجام در سرتاسر وب سایت اطمینان حاصل کنید (Berners-Lee, Tim et al. “Uniform Resource Identifiers (URI): Generic Syntax.” Web).
- محتوا را با استفاده از سرفصلها، زیرعنوانها و نقاط گلوله ساختار دهید تا خوانایی را افزایش دهید و بازیابی اطلاعات را تسهیل کنید (Redish, Janice (Ginny). “Letting Go of the Words: Writing Web Content that Work.” Print).
- یک تابع جستجو را با گزینههای فیلتر پیشرفته ادغام کنید تا کاربران بتوانند محتوای خاصی را بهطور کارآمد پیدا کنند (Tunkelang، Daniel et al. “Faceted Search.” Print).
- محتوای مرتبط را به دستهها یا موضوعات گروهبندی کنید تا مرور و کاوش را در وبسایت تسهیل کنید (روزنفلد، لوئیس و همکاران «معماری اطلاعات: برای وب و فراتر از آن». چاپ).
- با قرار دادن استراتژیک دکمهها یا پیوندهایی که کاربران را به انجام اقدامات دلخواه ترغیب میکند، یک استراتژی فراخوان برای اقدام روشن را پیادهسازی کنید (کوگلمن، برایان و همکاران. «متقاعدسازی آنلاین: کاربرد روانشناسی و علوم اعصاب در طراحی محصولات دیجیتال». چاپ) .
- صفحات فرود با تصاویر متقاعد کننده و پیام های مختصر ایجاد کنید تا بازدیدکنندگان را درگیر کنید و آنها را به سمت بخش های مرتبط وب سایت هدایت کنید (Odden, Lee et al. “بهینه سازی: چگونه با یکپارچه سازی SEO، رسانه های اجتماعی و محتوا مشتریان بیشتری را جذب و جذب کنیم. بازاریابی.» چاپ).
- اطمینان حاصل کنید که هر صفحه هدف خاصی را دنبال میکند و اطلاعات یا عملکرد ارزشمندی را در اختیار کاربران قرار میدهد (Krug، Steve. «مرا به فکر فرو نبرید: رویکرد منطقی برای استفاده از وب.» چاپ کنید).
- در صورت لزوم، ساختار سایت مسطح را انتخاب کنید، به ویژه برای وب سایت های کوچکتر با عمق محتوای محدود، برای به حداقل رساندن کلیک های کاربر مورد نیاز برای پیمایش (اسنایدر، کارولین چندلر و همکاران. «راهنمای پروژه برای طراحی UX: برای طراحان تجربه کاربری در فیلد یا در حال ساخت.» چاپ).
- از تکنیکهای سلسله مراتب بصری مانند کنتراست رنگ، تغییرات تایپوگرافی و تفاوتهای اندازه برای تأکید بر عناصر مهم محتوا استفاده کنید (لیدول، ویلیام و همکاران، «اصول جهانی طراحی». چاپ).
- از وایرفریم ها یا ماکت ها برای تجسم ساختار سایت قبل از ادامه توسعه واقعی استفاده کنید، که امکان بهبودهای تکراری بر اساس بازخورد را فراهم می کند (Babich، Nick و همکاران “فرآیند طراحی UI/UX: از ایده تا محصول.” چاپ).< /li>
- عناصر چندرسانهای را با احتیاط در ساختار سایت بگنجانید تا تعامل بدون به خطر انداختن زمان بارگذاری یا دسترسی را افزایش دهید (Preece, Jenny et al., eds., “Interaction Design: Beyond Human-Computer Interaction.” Print).
- دکمه های اشتراک گذاری اجتماعی را به صورت استراتژیک در صفحات مرتبط ادغام کنید تا تعامل کاربر و انتشار محتوا را تشویق کنید (Solis، برایان و همکاران، ��Engage!: راهنمای کامل برای برندها و کسب و کارها برای ایجاد رشد اندازه گیری موفقیت در وب جدید.”).
- اجرای طرحبندی مبتنی بر کارت برای سازماندهی محتوا در ماژولهای جذاب بصری را در نظر بگیرید که میتوانند به راحتی توسط کاربران اسکن شوند (Tondreau-Betts، Jennifer et al., eds.، «مرتبسازی کارت: طراحی دستههای قابل استفاده». چاپ).< /li>
- اطمینان حاصل کنید که همه پیوندهای داخلی کاربردی هستند و کاربران را به طور یکپارچه بین محتوای مرتبط در وب سایت هدایت می کنند (Krugman Alvin D., “Internal Linking & Site Structure.” Web).
- تصاویر را برای استفاده از وب با فشردهسازی اندازه فایلها بدون کاهش کیفیت یا وضوح بهینه کنید (هوگان دیوید جی.، «بهینهسازی تصویر». وب).
24. 25. 26. 27. 28. 29. 30. 31. 32. 33. 34. 35.
منابع:
بابیچ، نیک و همکاران، “فرایند طراحی UI/UX: از ایده تا محصول.” وایلی و پسران، 2017.
برنرز لی، تیم و همکاران، “شناسه های منبع یکسان (URI): نحو عمومی.” کنسرسیوم وب جهانی
کوگلمن، برایان و همکاران، “اقناع آنلاین: کاربرد روانشناسی و علوم اعصاب در طراحی محصولات دیجیتال.” شرکت انتشارات اسپرینگر.
فیلدینگ، روی توماس و همکاران، «سبکهای معماری و طراحی معماریهای نرمافزاری مبتنی بر شبکه». دانشگاه کالیفرنیا اروین
گرت، جسی جیمز: “عناصر تجربه کاربر: طراحی کاربر محور برای وب.” انتشارات نو سواران.
این منابع در قالب MLA بر اساس انواع مربوطه خود بنا به درخواست ذکر شده اند – منابع چاپی یا وب بر این اساس در داخل پرانتز پس از هر عنوان مرجع ذکر شده اند.