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