اطلاعات عمومي وب

گرايش هاي طراحي مگامنو در وب سايت هاي مدرن

همه ي ما مگامنوها و منوهاي ابشاري تمام صفحه را در اينترنت ديده ايم. انها در شبكه ي وب بسيار متداول و كارامد (به خصوص در سايت هايي با هزاران لينك) مي باشند. اما طراحي يك مگامنوي قابل استفاده و مفيد در طراحي سايت مي تواند كار مشكلي باشد زيرا هيچ دستورالعمل دقيقي براي طراحي اين گونه منوها وجود ندارد. بنابراين شما بايد طراحي سايت هاي ديگر را مد نظر خود قرار داده و سعي كنيد منويي را كه مناسب پروژه ي شما مي باشد، طراحي كنيد.

 

بياييد باهم نگاهي به برخي از مگامنوهاي باب روز بياندازيم و ببينيم چگونه طراحان منوهاي ابشاري مرسوم را به يك مرحله جلوتر پيش مي برند.

دسته بندي هاي تو در تو

ساختارهاي ستوني مناسب ترين استايل در طراحي سايت براي مگامنوها مي باشند. اين ساختارها به شما اجازه مي دهند تا براي لينك هاي مختلف دسته بندي تعيين كنيد و لينك هاي پيچيده تري بدون استفاده از چندين منوي flyout ايجاد كنيد. يك مگامنوي ابشاري تمام صفحه را اشغال ميكند بنابراين معمولا مي توان حداقل 3 الي 4 ستون در يك منوي ابشاري جاي داد.

سايت Wayfair

نگاهي به طراحي سايت Wayfair كه از يك منوي ابشاري بسيار خاص استفاده مي كند، بياندازيد. در اين وب سايت يك لينك براي بخش مختلف وجود دارد كه به وسيله ي ان شما مي توانيد بر اساس دسته بندي هاي مختلف و حتي دسته بندي هاي زير مجموعه (براي مثال اتاق خواب ها > ميزهاي كنار تخت) جست و جو كنيد. در كنار اين لينك يك منوي ابشاري ديگر به نام ايده هاي اتاق وجود دارد كه به شما اجازه مي دهد بر اساس اتاق هاي مختلف جست و جو كنيد.در اين طراحي سايت ، اين منو شامل عكس هايي در كنار لينك هايش مي باشد كه زمان جست و جو را بسيار كم تر كرده است. طولي نمي كشد تا متوجه شويد انها جست و جو و راهيابي كردن را به وسيله ي دسته بندي هايي كه از يك روند پيروي مي كنند، ساده تر كرده اند. همان طور كه مشاهده مي كنيد منوي اصلي Wayfair تنها شامل 2 لينك اصلي براي استفاده مي باشد.

سايت puma

فروشگاه الكترونيكي Puma نيز از لحاظ طراحي سايت ، ساختار ستوني مشابهي دارد. با اين تفاوت كه اين وب سايت دسته بندي ها را بر اساس ايتم ها و طبقه بندي مردم از نظر سن و جنسيت تقسيم كرده است. سپس درون هر مگامنو ستون هايي براي انواع ايتم ها (براي مثال محصولات، لباس ها، ورزشي و غيره) وجود دارد. توجه كنيد كه هر ستون عنوان مخصوص به خود را دارد كه انها از بقيه ي لينك ها جدا مي كند. تمام اينها يك ساختار ستوني واقعي را مي سازد زيرا شما مي توانيد ابتدا نگاه مختصري به عناوين ستون ها بياندازيد و سپس لينك هاي زير مجموعه را جست و جو كنيد.

سايت lucky brand

شما مي توانيد ساختار مشابهي را در وب سايت Lucky Brand با تغيير اندكي در طراحي سايت مشاهده كنيد. براي نوشته هاي تمام ستون هاي اين وب سايت از يك رنگ يكسان اما با تايپوگرافي متفاوت استفاده شده است. اين طراحي جست و جوي سريع را كمي مشكل تر مي كند، اما با اين وجود هنوز كارامد مي باشد. افكت هاي انيميشن اين وب سايت به خوبي طراحي شده اند بنابراين به انها نيز توجه كنيد.

اگر شما در مورد طبقه بندي مگامنوها گيج شده ايد، به شما پيشنهاد مي كنم ابتدا لينك هاي خود را به صورت دسته بندي هاي پيچيده تري مرتب كنيد.

 

منبع : http://generalinfo1.parsiblog.com/Posts/71/


برچسب: ،
امتیاز:
 
بازدید:
+ نوشته شده: ۳۱ فروردين ۱۳۹۸ساعت: ۰۹:۴۱:۰۳ توسط:گرگ سفيد موضوع:

ارسال نظر
نام :
ایمیل :
سایت :
پیام :
خصوصی :
کد امنیتی :