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

طراحي سايت چيست ؟ ( بخش ششم )

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

 

صفحه آرايي

بخشي از طراحي UI تحت تاثير كيفيت ظاهر صفحات قرار مي گيرد. براي مثال يك طراح هنگام صفحه آرايي سايت تصميم مي گيرد كه طرح در صفحات مختلف يكسان باشد يا خير. در صفحه آرايي، عرض پيكسلي صفحه براي هم تراز كردن چيزهاي مختلف حياتي تلقي مي شود. معمولا محبوب ترين وب سايت هاي با عرض ثابت صفحه، عرض تنظيم شده يكساني براي تطابق با محبوب ترين صفحه ي مرورگر، رزولوشن صفحه و سايز مانيتور دارند. همچنين محتواي اكثر صفحات به خاطر زيبايي در صفحه نمايش هاي بزرگتر وسط چين شده اند.

طراحي سايت Fluid

Fluid layout ها (وب سايت هايي كه متناسب با عرض صفحه تغيير ميكنند) در سال 2000 به عنوان جايگزيني براي طراحي سايت بر اساس بخش بندي و جدول هاي HTML در زمينه ي صفحه آرايي و كد نويسي محبوب شدند. اما انها براي به كارگيري بسيار كند بودند كه اين كندي به علت فعاليت دستگاه بررسي كننده جزئيات صفحه و تغيير سايز پنجره ي مرورگر (كه تحت كنترل طراحان نبود) ايجاد شده بود. روي هم رفته، يك طرح به بخش هايي( سايدبار ها، بخش محتوا، بخش تبليغاتي سايت و بخش منو سايت) تقسيم مي شود كه به مرورگر فرستاده شده و به بهترين صورت ممكن در صفحه نمايش مرورگر نشان داده مي شود. در وب سايت هاي fluid layout، مرورگر جزئيات صفحه نمايش كاربر از جمله سايز پنجره مرورگر، سايز فونت و غيره را متوجه شده و تنظيمات ظاهري مخصوص به ان كاربر را ايجاد مي كند؛ اما وب سايت هايي كه عرض صفحه ي انها ثابت است اين ويژگي را ندارند. هرچند صفحه نمايش fluid layout ممكن است بعضي اوقات مكان قرارگيري نسبي بخش هاي محتواي سايت را تعيير دهد ولي در عوض سايدبار ها در پايين متن اصلي (به جاي كنار ان) قرار مي گيرند. كه اين ويژگي باعث شده انها صفحه نمايش هاي تغييرپذيز تري نسب به صفحه نمايش هاي طراحي شده بر اساس بخش بندي و با كدنويسي هاي غير قابل فهم (كه با پنجره مرورگر متناسب نيستند) باشند. موقعيت نسبي بخش هاي محتواي سايت ممكن است تغيير كنند ولي درمحتواي اصلي انها تغييري رخ نمي دهد كه اين ويژگي به كاربر اجازه مي دهد صفحه را چه عمودي و چه افقي مشاهده كند.

طراحي سايت Responsive

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

 

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


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

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