Archive for the ‘UI’ Category
UX Sketch در طراحی رابط کاربری وب
یکی از مواردی که بین طراحان رابط کاربری مطرح هست و تقریبا میشه گفت توجه خاصی بهش میشه طراحی طرحهای اولیه بر روی کاغذ هست , در بین طراحان گرافیک این موضوع متداول هست ولی بین طراحان وب متدوال نیست ولی رفته رفته در حال متدوال شدن هست , که قبل از طراحی وب سایت شما یک طرح اولهی روی کاغذ بکشید و سپس طرح را پیاده کنید
البته برای این چنین طرح هایی فرم هایی هم برخی طراحی کردن که فرم زیر نمونه ای از این فرم ها است
دریافت فرم UX Sketch ( 3 صفحه )
این فرم را سارا سامر یکی از اعضای بخش User Experience ماکروسافت طراحی کرده .
در زیر یک نمونه از این نوع طراحی را مشاهده میکنید که مایک رود برای یک وب سایت انجام داده است
مایک رود یکی از افراد برجسته در این زمینه است که برشور کنفراس مشهور SXSW Interactive را نیز بدین صورت طراحی کرده , درباره کنفرانس در پست های بعدی می نویسم .
من هم برای خودم چنین طراحی هایی را میکنم البته نه به صورت کامل , صرفا برای طراحی اولیه که طراحی اولیه و ساختار صفحات سایت را آماده کنم
اوباما و طراحی جدید وب سایت کاخ سفید whitehouse.gov
همونطور که میدونین از ساعاتی پیش باراک اوباما به عنوان ۴۴ امین رئیس جمهور آمریکا کار خودش را آغاز کرد .
باراک اوباما که پیش از این در فعالیتهای انتخاباتی نشون داده بود در عرصه ی وب و فناوری اطلاعات یک سر و گردن از بقیه بالاتر هست و حتی گمانه زنی هایی نیز مبنی بر حضور اریک اشمیت مدیر عامل کمپانی گوگل برای پست مدیر ارشد تکنولوژی نیز شده بود .
تیم فناوری باراک اوباما که پیش از این مهارت و توانایی های خودشون را در طراحی وب سایت باراک اوباما obama.com نشان داده بودن , از چند ساعت بعد از مراسم تحلیف باراک اوباما وب سایت جدید کاخ سفید را نیز راه اندازی کردند .
این وب سایت که از لحاظ طراحی در سطح فوق العاده بالایی قرار داره نشان از تیم زبده و زبردست که باراک اوباما برای بخش وب دولت آمریکا در اختیار داره و وب سایت کاخ سفید را از طراحی بی روح وب سایت قبلی در آورده اند .
استفاده از رنگ های مناسب برای طراحی وب سایت که باعث شده کاربر مدت زمان بیشتری را صرف حضور در وب سایت بکنه , رعایت استانداردهای وب در طراحی وب سایت , رعایت موارد Accessibility , رعایت استانداردهای WCAG 2.0 , رعایت اصول Usability ( که همونطور که قبلا اشاره کردم مربوط به سایت usability.gov میشه ) , طراحی فوق العاده User Interface Design , طراحی و بهینه سازی منو ها نسبت به سایت قبلی , فعال شدن وبلاگ کاخ سفید , بهبود نخوه ی آدرس دهی بخش ها در وب سایت ( که از حالت داینامیک به آدرس های ثابت مشخص در اومده )
- jQuery 1.2.6
- تکنولوژی برنامه نویسی هم دات نت هست و بر روی سرورهای ویندوز کار میکنه
در پائین میتونید یک نمای کلی از وب سایت کاخ سفید ببینید , طراحی خیلی سطح بالایی داره .
رعایت Web Standards یا Web Usability ؟
اما سوالی که اینجا مطرح می شود چرا بسیاری از سایتهای بزرگ همانند Google , Yahoo! , Microsoft , Apple , Adobe و … چرا سایتهای آنها استاندارد نیست ؟!
بگونه ای که هم اکنون یاهو ۳۴ خطا , گوگل ۶۱ خطا , مایکروسافت ۱۷۷ خطا , اپل ۵ خطا , آدوبی ۱۴ خطا , سان مایکروسیستمز ۳۸ خطا دارند !
با بسیاری هنگامی که با آنها درباره طراحی وب صحبت می شود و یا سایتی ارائه می شود سریعا حرفه ای بودن طراح و یا توسعه دهنده را بوسیله استاندارد بودن سایت توسط W3C Validator ها و … میدانند و یا اینکه صحبت از Tableless می زنند که آیا سایت شما با استفاده از Table هست یا با استفاده از DIV ؟!
اما کدام درست است و علت چیست ؟
در بخش طراحی وب سایتها دو مبحث بسیار مهم می باشد اول استانداردهای وب و دوم Web Usability یا کاربرد وب می باشد .
برای بسیاری از شرکت های بزرگ همانند گوگل و یاهو و … استانداردهای وب و رعایت اینگونه استانداردها در وهله دوم قرار دارد , برای سایتهایی همچون یاهو و گوگل کاربر پسند بودن وب سایت بسیار مهمتر از رعایت استانداردها می باشد .
در هنگارم طراحی و استفاده از بسیاری از کدها و … را نمی توان از استانداردهای وب استفاده نمود به همین دلیل سایتهای بزرگ و سایتهایی که با اهداف خاص مانند معرفی یک شرکت تبلیغاتی ساخته می شوند لزومی بر رعایت استانداردهای وب نداردند و نمی توان استاندارد نبودن این سایتها را ناشی از ضعف طراحی دانست و طراح به طور مثال یک شرکت گرافیکی بیشتر نمایش توانایی های شرکت هست و نه نشان دادن قدرت برنامه نویسی سایت !
سایتهای مثل گوگل و یاهو و … در وهله اول به جذب کابران و سپس رعایت استانداردهای وب مبادرت می ورزند .