ویدئو | منصور ضابطیان در «آپارات» میزبان ستارگان دوران مدرن می‌شود ویدئو | بخش هایی از گفتگوی جنجالی محمدحسین مهدویان با هوشنگ گلمکانی حادثه در تنکابن | یادی از مرحوم منوچهر حامدی خراسانی، بازیگر سینما و تلویزیون تمدید مهلت ارسال اثر به نوزدهمین جشنواره بین‌المللی شعر فجر به نام مادر | مروری بر مشهورترین مادر‌های سینمای پس از انقلاب اسلامی بومیان جزیره سی پی یو آموزش داستان نویسی | شکل مولکول‌های جهان (بخش اول) همه چیز درباره فیلم گلادیاتور ۲ + بازیگران و خلاصه داستان نقش‌آفرینی کیانو ریوز و جیم کری در یک فیلم کارگردان فیلم ۱۰۰ ثانیه‌ای ردپا: پیام انسانی، رمز موفقیت در جشنواره‌های جهانی است اسکار سینمای اسپانیا نامزدهای خود را معرفی کرد برج میلاد، کاخ چهل و سومین جشنواره فیلم فجر شد آمار فروش سینمای ایران در هفته گذشته (٢ دی ١۴٠٣) استوری رضا کیانیان در واکنش به بستری‌شدن محمدعلی موحد و آلودگی هوا + عکس صوت | دانلود آهنگ جدید بهرام پاییز با نام مادر + متن صفحه نخست روزنامه‌های کشور - یکشنبه ۲ دی ۱۴۰۳
سرخط خبرها

الگوهای محیط‌های ارتباطی آنلاین

  • کد خبر: ۳۱۲۱۷
  • ۰۱ تير ۱۳۹۹ - ۱۰:۵۸
الگوهای محیط‌های ارتباطی آنلاین
یونس شکرخواه - استاد ارتباطات
شاید باورنکردنی به‌نظر برسد، اما لی‌اوت (Layout) یا همان الگو یا چینش عناصر گوناگون در یک سایت، از صفحه خانگی تا صفحات مقوله‌ها و زیرمقوله‌ها، نقشی بسیار کلیدی در اوج‌گرفتن یا سقوط وبگاه ایفا می‌کند. لی‌اوت یا همان الگو را می‌توان ساختار سایت خواند. بین میزان قدرت الگو و میزان ارتباط و تعامل کاربران با الگو رابطه مستقیم وجود دارد. اگر الگو خوب باشد، کاربران زمان بیشتری به‌حضور در سایت اختصاص می‌دهند. لی‌اوت خوب سریع‌ترین راه‌های دسترسی به اطلاعات را به کاربران می‌دهد. لی‌اوت از نگاه توسعه‌دهندگان وب همان پوسته سایت است که در برابر مشتری (کلاینت) قرار می‌گیرد. عده‌ای این پوسته را رابط کاربری (UI) می‌نامند و عده‌ای دیگر تجربه کاربری (UX). طراحی یوآی به‌عنوان پوسته یا محیط ارتباطی به این دلیل است که دارایی یا محصولات و خدمات شما هرچه هست دیده شود و لذا می‌شود گفت کارکرد یوآی نمایش است، اما هدف یوایکس انتقال حس مورد نظر سایت به کاربران.
الآن چند نوع الگو در جهان طرف توجه هستند. ۱. الگوی اف: این مدل بر اساس هیت‌مپ (نقشه گرمایی) به‌دست آمده است. جهت حرکت چشم کاربران در صفحه خانگی به‌صورت حرف انگلیسی «F» یا حرف «E» است و لذا سایت‌ها مطالب را در صفحه خانگی بر اساس یکی از این دو حرف می‌چینند. این الگو خاص وبسایت‌های خبری است.
۲. الگوی زیگزاگی: این الگو شبیه حرف «Z» است و حاکی از حرکت چشم کاربران از چپ به راست و سپس به‌صورت مورب و دوباره از راست به چپ است و بیشتر به کار سایت‌هایی می‌آید که فرم‌هایی برای پرکردن دارند و به‌عبارت بهتر از یک یا چند کارکرد خاص برخوردار است. صفحه ورود به فیسبوک نمونه بارز رفتار «Z» است.
۳. الگوی مجله‌ای: ترکیبی از الگو‌های غالب است؛ ترکیبی از عکس، عکس‌های بندانگشتی، تیتر و متن و اتکا به الگوی «F» مناسب سایت‌های خبری.
۴. الگوی شبکه‌ای: این الگو بر توزیع برابر اطلاعات در صفحه خانگی استوار است و به کاربر فرصت توقف در موارد مورد نظرش را می‌دهد. الگوی شبکه‌ای هم برای سایت‌های خبری بد نیست.
۵. الگوی عکس سراسری: الگوی ویژه تک‌مضمونی‌ها و تک‌محصولی‌هاست. نیاز به عکس‌های درجه‌یک دارد که با متن‌ها و تیتر‌های کوتاه روی عکس اصلی همراه می‌شود. اگر از عکس‌های پرقدرت برخوردار نیستید، هرگز طرف این الگو نروید؛ کسی روی اسب مرده شرط نمی‌بندد. حواستان باشد که عکس‌ها باید روی موبایل هم پرقدرت به‌نظر برسند.

۶. الگوی نامتقارن: الگوی مورد قبول اکثر برندها‌ست. عکس‌ها در این الگو باید کنتراست داشته باشند. پایه این الگو بر پویایی، کشمکش عناصر موجود در صفحه و بر کنتراست رنگ‌ها و هایلایت‌ها استوار است و هر نقطه صفحه می‌تواند نقشی چشم‌ربایانه ایفا کند.
۷. الگوی تک‌ستونی: سادگی و گردش آسان در صفحه ویژگی این مدل است. دارایی‌های شما در این مدل پشت سر هم به‌نمایش درمی‌آیند. این مدل در وبلاگ‌ها بیشتر دیده شده است؛ و در توییتر نیز روش جاری است. هنوز می‌توان به الگو‌های دیگر هم اشاره کرد، اما در جمع‌بندی بحث باید افزود که سایت‌ها را می‌توان به ۳ گونه محتوایی، شخصی و فروش محصول و نرم‌افزار تقسیم کرد. بهترین الگو‌ها برای محتوایی‌ها این دو الگو هستند: الگوی اف و الگوی مجله‌ای. بهترین الگو‌ها برای شخصی‌ها دو الگوی تک‌ستونی و زیگزاگی هستند. برای فروشندگان نیز الگوی زیگزاگی بهترین انتخاب است.
گزارش خطا
ارسال نظرات
دیدگاه های ارسال شده توسط شما، پس از تائید توسط شهرآرانیوز در سایت منتشر خواهد شد.
نظراتی که حاوی توهین و افترا باشد منتشر نخواهد شد.
پربازدید
{*Start Google Analytics Code*} <-- End Google Analytics Code -->