بهترين لايه بندی و طراحی صفحه برای وب سايت های محتواي
من داشتم با يكی از ناشران باتجربه و بازنشسته در صنعت چاپ گفتگو می كردم كه در حدود سی سال نشرياتی را توليد می كرد.
او سرش را به نشانه ی نارضايتی تكان می داد، در حالی كه داشت به من می گفت كه هر ساله شاهد مجلات جديدی است كه تحت عنوان نشريه با تيترهای عمودی روی جلد در پيش خوان دكه های مطبوعاتی عمودی قرار می گيرند.
او گفت: هروقت من اين را می بينم، می دانم كه توسط يك شركت انتشاراتی جديد انجام شده است كه دركی از صنعت ندارد. هر كسی با هرتجربه ای در انتشارات ادواری می داند كه نشريه با عناوين عمودی شكست می خورد، يا حداقل برای ادامه بقاء بايد سريعاً تغييراتی كند. بازار به ما اين درس را اگر نه هزاران بار، شايد صدها بار آموخته است. اما هنوز مردم همان اشتباه را مرتكب می شوند.
اين پيام، فقط مربوط به طرح بندی وب سايتی است كه برای مجله طراحی می شود. در پيرامون ما وب هايی وجود دارد كه به اندازه كافی قواعد داشته باشند و بهترين تمرينها در طی سالها سعی و خطا توسط هزاران تن از صاحبان وب به دست آمده اند. شما يا می توانيد به دنبال اينها برويد و ممنون باشيد از اينكه می توانيد تجربيات ديگران را بياموزيد، و يا آنكه برخلاف جريان شنا كرده و سعی كنيد بازار را متقاعد كنيد كه شما درست می گوييد و بقيه اشتباه می كنند.
بايد توصيه كنم كه شناكردن در پايين رود بسيار آسانتر است و به شما فرصت موفقيت بيشتری میدهد.
برای درك اينكه كدام طرح بندی را به كار بنديد، فقط لازم است كه به غولهای صنعت نگاهی بيندازيد. اينها انتشاردهندگان محتويات آنلاين هستند كه سالها گشته اند و تركيبات هر طرح بندی را جداگانه آزموده اند. بهترين مثالها آنهايی هستند كه پرخواننده ترين وبسايت در اينترنت هستند:
طراحی كليد و عناصر طرح بندی كه می بايد ثابت باقی بماند، عباتند از:
تيتر اصلی مجله در بالا- اين عنوان در جايی می آيد كه لوگو يا نشان مخصوص قرار گرفته و معمولاً تصويری است كه موضوع وبسايت را تقويت می كند.
ستون سمت چپ [برای ما فارسی زبانان، ستون سمت راست] بايد شامل همه ی ناوبری های(دگمه های عملياتی) اوليه باشد كه در سراسر وب سايت ثابت باقی می ماند. آن بايد شامل فهرستی از دسته بندی های اصلی وبسايت باشد، به طوری كه كاربران بتوانند مسيرشان از هر صفحه پيدا كنند.
ستون سمت راست [برای ما فارسی زبانان، ستون سمت راست] در صفحه خانگی بايد هدايت به صفحات خاص در سايت را كه می خواهيد برجسته باشد، انجام دهد. يا می تواند برای كاربردهای كوچك مثل عضويت در خبرنامه پست الكترونيكی، مرور عناوين اخبار، اتصال به فوروم و ... به كار رود. اين ستون گرايش دارد كه از صفحات محتوايی مخفی شود تا فضای بيشتری برای مقاله و تصاوير باقی بماند.
نوار منوی بالا- برخیسايتها بيشتر دكمه های عملياتی خود را در نوار منوی بالا می گذارند كه در بالای صفحه و زير عنوان اصلی می آيد (برای مثال نگاهی به www.guardian.co.uk يا www.forbes.com بيندازيد). من اينها را به دو دليل نمی پسندم. اول اين كه آن، تعداد گزينه منوهايی را كه می توانيد داشته باشيد، محدود می كند. دوم اينكه آن معمولاً بدين معنی است كه سايت دارای منوهای پايين كشيدنی لحظه ای است تا آنها را برای جا دادن لينك های بيشتر، فعال سازد. منوهای لحظه ای (فوری) كاربرپسند نيستند. آنها خوانندگان شما را مجبور می كنند كه در محتوايی كه نگاه می كنند، برای لينك های بيشتر جستجو كنند. كاربر را برای پاسخ هايش مجبور به كار نكنيد. همچنين موتورهایجستجو برای ايندكس كردن سايتهايی با منوهای فلش(لحظه ای)، با زحمت بيشتری مواجه می شوند.
نوار منوی دكمه ای- اين نوار باريك در پايين هر صفحه متمايل به آن است كه شامل لينك هايی به اصطلاحات و شرايط سايت، شرح مستقل بودن، نقشه سايت و ... باشد.
ستون مركزی شامل محتويات است. در صفحه خانگی، اين می تواند تركيبی از يك معرفی وبسايت و تبليغ مقالات باشد. در صفحات محتوايی،مقالات و تصاوير در ستون مركزی می نشينند.
جستجوگر در بالای سمت راست[در فارسی چپ] هر صفحه- اين كادر جستجو است كه برای جستجو درون محتويات سايت به كار می رود. جايگذاری آن خيلی سخت و بدون انعطاف نيست. اما شما نيز نبايد اشتباه كنيد.
تاريخ و ساعت- معمولاً در سمت راست [در فارسی چپ] زير عنوان اصلی قرار می گيرد. اين اختياری است اما به خوانندگاه اين احساس را می دهد كه سايت به روز است.
در اين طرح بندی، زمانی كه شما طرح تان را در ساختار صفحه اصلی روی هم قرار می دهيد، يك نوع انعطاف پذيری در هويت، سبك و خصوصيات شخصی خودتان افزوده می شود. به هرحال هميشه هدف شماره يك شما بايد ثابت باشد، كه سايت خود را ساده و قابل فهم كنيد، برای هر خواننده ای كه آن را می بيند. برای موفقيت در اين امر، از سايت هايیكه با تجربه ترند ياد بگيريد.
شخصي نباشيد كه يك عنوان(تيتر) عمودی را در اول جلد قرار می دهد!
منبع: www.shinysun.ir الف
او سرش را به نشانه ی نارضايتی تكان می داد، در حالی كه داشت به من می گفت كه هر ساله شاهد مجلات جديدی است كه تحت عنوان نشريه با تيترهای عمودی روی جلد در پيش خوان دكه های مطبوعاتی عمودی قرار می گيرند.
او گفت: هروقت من اين را می بينم، می دانم كه توسط يك شركت انتشاراتی جديد انجام شده است كه دركی از صنعت ندارد. هر كسی با هرتجربه ای در انتشارات ادواری می داند كه نشريه با عناوين عمودی شكست می خورد، يا حداقل برای ادامه بقاء بايد سريعاً تغييراتی كند. بازار به ما اين درس را اگر نه هزاران بار، شايد صدها بار آموخته است. اما هنوز مردم همان اشتباه را مرتكب می شوند.
اين پيام، فقط مربوط به طرح بندی وب سايتی است كه برای مجله طراحی می شود. در پيرامون ما وب هايی وجود دارد كه به اندازه كافی قواعد داشته باشند و بهترين تمرينها در طی سالها سعی و خطا توسط هزاران تن از صاحبان وب به دست آمده اند. شما يا می توانيد به دنبال اينها برويد و ممنون باشيد از اينكه می توانيد تجربيات ديگران را بياموزيد، و يا آنكه برخلاف جريان شنا كرده و سعی كنيد بازار را متقاعد كنيد كه شما درست می گوييد و بقيه اشتباه می كنند.
بايد توصيه كنم كه شناكردن در پايين رود بسيار آسانتر است و به شما فرصت موفقيت بيشتری میدهد.
برای درك اينكه كدام طرح بندی را به كار بنديد، فقط لازم است كه به غولهای صنعت نگاهی بيندازيد. اينها انتشاردهندگان محتويات آنلاين هستند كه سالها گشته اند و تركيبات هر طرح بندی را جداگانه آزموده اند. بهترين مثالها آنهايی هستند كه پرخواننده ترين وبسايت در اينترنت هستند:
- بی بی سی http://www.bbc.com
- فايننشال تايمز http://www.ft.com
- اكونوميست http://www.economist.com
- وال استريت ژورنال http://www.wsj.com
طراحی كليد و عناصر طرح بندی كه می بايد ثابت باقی بماند، عباتند از:
تيتر اصلی مجله در بالا- اين عنوان در جايی می آيد كه لوگو يا نشان مخصوص قرار گرفته و معمولاً تصويری است كه موضوع وبسايت را تقويت می كند.
ستون سمت چپ [برای ما فارسی زبانان، ستون سمت راست] بايد شامل همه ی ناوبری های(دگمه های عملياتی) اوليه باشد كه در سراسر وب سايت ثابت باقی می ماند. آن بايد شامل فهرستی از دسته بندی های اصلی وبسايت باشد، به طوری كه كاربران بتوانند مسيرشان از هر صفحه پيدا كنند.
ستون سمت راست [برای ما فارسی زبانان، ستون سمت راست] در صفحه خانگی بايد هدايت به صفحات خاص در سايت را كه می خواهيد برجسته باشد، انجام دهد. يا می تواند برای كاربردهای كوچك مثل عضويت در خبرنامه پست الكترونيكی، مرور عناوين اخبار، اتصال به فوروم و ... به كار رود. اين ستون گرايش دارد كه از صفحات محتوايی مخفی شود تا فضای بيشتری برای مقاله و تصاوير باقی بماند.
نوار منوی بالا- برخیسايتها بيشتر دكمه های عملياتی خود را در نوار منوی بالا می گذارند كه در بالای صفحه و زير عنوان اصلی می آيد (برای مثال نگاهی به www.guardian.co.uk يا www.forbes.com بيندازيد). من اينها را به دو دليل نمی پسندم. اول اين كه آن، تعداد گزينه منوهايی را كه می توانيد داشته باشيد، محدود می كند. دوم اينكه آن معمولاً بدين معنی است كه سايت دارای منوهای پايين كشيدنی لحظه ای است تا آنها را برای جا دادن لينك های بيشتر، فعال سازد. منوهای لحظه ای (فوری) كاربرپسند نيستند. آنها خوانندگان شما را مجبور می كنند كه در محتوايی كه نگاه می كنند، برای لينك های بيشتر جستجو كنند. كاربر را برای پاسخ هايش مجبور به كار نكنيد. همچنين موتورهایجستجو برای ايندكس كردن سايتهايی با منوهای فلش(لحظه ای)، با زحمت بيشتری مواجه می شوند.
نوار منوی دكمه ای- اين نوار باريك در پايين هر صفحه متمايل به آن است كه شامل لينك هايی به اصطلاحات و شرايط سايت، شرح مستقل بودن، نقشه سايت و ... باشد.
ستون مركزی شامل محتويات است. در صفحه خانگی، اين می تواند تركيبی از يك معرفی وبسايت و تبليغ مقالات باشد. در صفحات محتوايی،مقالات و تصاوير در ستون مركزی می نشينند.
جستجوگر در بالای سمت راست[در فارسی چپ] هر صفحه- اين كادر جستجو است كه برای جستجو درون محتويات سايت به كار می رود. جايگذاری آن خيلی سخت و بدون انعطاف نيست. اما شما نيز نبايد اشتباه كنيد.
تاريخ و ساعت- معمولاً در سمت راست [در فارسی چپ] زير عنوان اصلی قرار می گيرد. اين اختياری است اما به خوانندگاه اين احساس را می دهد كه سايت به روز است.
در اين طرح بندی، زمانی كه شما طرح تان را در ساختار صفحه اصلی روی هم قرار می دهيد، يك نوع انعطاف پذيری در هويت، سبك و خصوصيات شخصی خودتان افزوده می شود. به هرحال هميشه هدف شماره يك شما بايد ثابت باشد، كه سايت خود را ساده و قابل فهم كنيد، برای هر خواننده ای كه آن را می بيند. برای موفقيت در اين امر، از سايت هايیكه با تجربه ترند ياد بگيريد.
شخصي نباشيد كه يك عنوان(تيتر) عمودی را در اول جلد قرار می دهد!
منبع: www.shinysun.ir الف