Firefox 4 New User Interface

تیم تجارب کاربری بنیاد موزیلا در ویدئو زیر توضیحاتی در مورد طراحی رابط کاربری فایرفاکس نسخه ی 4 که عرضه شد میدهند .



منبع : وبلاگ الکس فابورگ

فروشگاه الکترونیکی ورچین Varchin

یکی از مواردی که در در فروش بسیار تاثیرگزار است بسته بندی و اصطلاحا رنگ و لعاب بسته بندی است ، در صنعت اینترنت و فروشگاه های الکترونیکی یکی از مواردی که در فروش بسیار تاثیر گزار است رابط کاربری مناسب وب سایت است که باعث میگردد تا کاربر جذب این وب سایت ها گردد و مدت زمان زیادی را در یک وب سایت سپری کند و نهایتا به خرید منجر گردد

فروشگاه الکترونیکی ورچین یکی از این وب سایت ها است که رابط کاربری بسیار مناسبی را برای وب سایت خود در نظر گرفته است که در ادامه به بررسی اجمالی آن میپردازیم .

1. نشانه ( لوگو )
طراحی لوگوی مجموعه ی ورچین را رسول کمالی انجام داده است ، نشان دهنده ی دست در حالت باز کردن یک هدیه است

2. مجموعه ی اوراق اداری
اوراق اداری و طراحی گرافیکی ورچین را باز هم رسوال کمالی انجام داده است ، البته در مجموعه ی اوراق اداری حالت قلب بین انگشت سبابه و شست برداشته شده است

 3. وب سایت
وب سایت ورچین توسط تیم طراحی شرکت آتیه پرداز دیجیتال طراحی شده است که به نظر من یکی از بی نقص ترین طراحی رابط کاربری در بین وب سایت های فارسی زبان است ، استفاده مناسب از رنگ ها و چیدمان بسیار مناسب وب سایت ورچین باعث شده تا کاربر بتونه خیلی سریع به بخش های مختلف وب سایت دسترسی داشته باشه

قسمت Header
در این بخش منوی بسیار مناسبی طراحی شده و همچنین بخش هایی که کاربر در هنگام وارد شدن به سایت و خرید نیاز داره به صورت مناسبی در اختیار کاربر قرار داده شده است

قسمت Menu
قسمت منو یا نوار راهبری بسیار مناسبی برای ورچین طراحی شده است ، کاربر با کلیک کردن بر روی هر گزینه بدون مراجعه به صفحه ی مذبور میتواند اطلاعات جامعی به بخش های زیر مجموعه دست پیدا کند که دسترسی بسیار سریع تری به سایر بخش های سایت داشته باشد ، اطلاعات دسته بندی بخش ها و همچنین پرفروش ترین محصولات باعث شده تا کاربر نیازی به گردش زیاد در بین صفحات را نداشته باشد

یکی از موارد جالب در این سایت بخش ویژه ی نوروز با عنوان "عیدانه" بود که تصویر سازی بسیار مناسبی برای این بخش انجام شده بود ، تصویر سازی در وب سایت ها یکی از قطعات گم شده در طراحی وب سایت های ایرانی است .

محتوای وب سایت
در صفحه ی اول اطلاعات جامعی از پرفروش ترین و جدیدترین و فروش ویژه محصولات قرار دارد و هم چنین اطلاعات و آگهی های بسیار مناسبی نیز در سمت راست صفحه پیاده شده است.

توضیحات محصولات
صفحه ی توضیحات محصولات نیز بسیار کامل است و کاربر با مراجعه به صفحه ی مشخصات محصول می تواند جزئیات کاملی از محصول را مشاهده نماید

پا صفحه Footer
در پایان قسمت پائین وب سایت نیز به سایر بخش های وب سایت پیوند دارد و کاربر خیلی سریع می تواند به سایر بخش های وب سایت مراجعه کند

وب سایت فروشگاه الکترونیکی یکی بهترین طراحی های وب سایت های ایرانی را دارد و این موضوع نشان دهنده ی دقت بالای طراحان و مدیران این وب سایت را دارد

طراحی گرافیکی برای گردشگری در باهاماس Bahamas

کشور باهاماس واقعا در آمریکای مرکزی یک مجموعه ی گرافیکی شامل لوگو ، وب سایت و هدایایی را برای گردشگری در این کشور طراحی کرده است

طراحی این مجموعه را شرکت دوفی Duffy انجام داده است

وب سایت Duffy
وب سایت Bahamas

لوگوی Bahamas

پاکت های Bahamas

کاتالوگ Bahamas

مجموعه سربرگ و کارت و پاکت نامه

وب سایت bahamas.com

طراحی مجدد صفحات داخلی Google

گوگل در حال طراحی مجدد صفحات داخلی مبتنی بر HTML5 و Google Web Fonts می باشد

صفحات جدید در سال 2011

صفحات قدیمی

نمونه ی صفحات داخلی Google UX

طراحی مجدد وب سایت بانک سامان sb24.com

طراحی مجدد وب سایت بانک سامان را به جرات میشه یکی از طراحی مجدد های حرفه ای نامید که ساختار وب سایت قبلی را به طور کلی دگرگون کرده ، در وب سایت جدید یا در واقع پرتال جدید در فضای مفید صفحه ی نمایش به کاربر یک دید کلی از خدمات اصلی بانک داده میشه که کاربران خیلی سریع میتونند به سرویس های مختلف بانک دسترسی پیدا کنند .

از مهمترین اقدامات دیگه که در طراحی مجدد پرتال بانک سامان انجام شده استفاده از فونت های مناسب برای عناوین و متمایز کردن بخش های مختلف با رنگ های خاص هر بخش هست .

در طرح جدید از باکس های مختلف و کاملا منظم برای ساماندهی اطلاعات و بخش ها استفاده شده و این مورد در وب سایت  قبلی مشابه استفاده از CMS ها بود و تقسیم بندی مناسبی را نداشت .

پرتال جدید از عید سعید فطر آغاز به کار میکند و با راه اندازی پرتال در وبلاگ رابط کاربری به بررسی پرتال جدید نیز میپردازیم .

البته گویا طراحی جدید غیرفعال شده است!

وب سایت پلیس فتا ( Cyber Police ) ایران

حتما در جریان راه اندازی پلیس فتا ( سایبر ) ایران قرار گرفته اید ، بعد از راه اندازی و اعلام خبرگزاری ها سری به سایت پلیس سایبری که بر روی بنرهای تبلیغاتی در کنفرانس خبری بود که محوریت فعالیت آن بر روی وب بود زدم ، در ابتدا که سایت در دسترس نبود و سپس با تصویر زیر روبرو شدم !

• عنوان صفحه New Page 1
• استفاده از MS Word برای طراحی وب سایت !!
• استفاده از تصاویر بی کیفیت
• استفاده از آدرس www قبل cyber

براستی هزینه ی طراحی یک وب سایت مناسب در ایران چقدر است ؟

آیا بهتر نبود قبل از هزینه ی زیاد برای کنفرانس خبری و چاپ بیلبورد در ابتدا وب سایت طراحی و راه اندازی میشد ؟!

و فکر میکنم دوران استفاده از نرم افزار Word برای طراحی وب سایت به پایان رسیده !!

متاسفانه نبود استانداردها و چارچوب های لازم در طراحی وب سایت های دولتی در ایران وضعیت اسف باری را برای طراحی وب سایت های دولتی ایرانی در پی داشته است

وب سایت پلیس فتا

نوشته ی سایت آی کلاب درباره ی وب سایت پلیس فتا

طراحی لوگوی HTML5

اگر اخبار دنیای وب را دنبال کرده باشید حتما در خبرها خوانده اید که چند روز پیش W3C لوگوی جدید HTML5 را معرفی کرد
لوگوی HTML5 را شرکت Ocupop طراحی کرده است

تصویر زیر اسکچ های اولیه برای طراحی لوگوی HTML5 هست

لوگوهای HTML5 که آماده شد

لوگوهایی که برای بخش های مختلف HTML5 طراحی شدند

و نهایتا صفحه ای برای HTML5 بوسیله ی HTML5 و CSS3 و SVG و WOFF طراحی شد

اطلاعات بیشتر در سایت Ocupop
سایت HTM5
در طراحی لوگوی HTML5 چه گذشت
درباره ی طراحی لوگوی HTML5
An HTML5 Logo

مانی پیکسل

نیما عربی طراحی رابط کاربری که با هم استایلز را راه اندازی کرده بودیم یک سایت برای طراحی رابط کاربری راه اندازی کرده ، فارغ از این سایت بخش وبلاگ مانی پیکسل بسیار پر محتوا است

نیما در بخش وبلاگ مانی پیکسل نمونه های برای رابط کاربری را ارائه میکنه و همچنین فایل اصلی طرح ها را به صورت PSD در اختیار کاربران قرار میده .

وبلاگ مانی پیکسل

رابط کاربری وب سایت وزارت امور خارجه ایران ، آمریکا ، آنگلیس

یکی از وب سایت های مهم یک دولت وب سایت وزارت امور خارجه است ، متاسفانه وب سایت وزارت امور خارجه ایران یکی از ضعیف ترین وب سایت های دولتی از لحاظ طراحی رابط کاربری است ، وب سایت وزارت امور خارجه ایران را با وب سایت وزارت امور خارجه کشورهایی نظیر آمریکا ، آلمان ، فرانسه و انگلیس مقایسه کنید !

صفحه ی ورودی وب سایت وزارت امور خارجه ایران

صفحه ی ورودی وب سایت وزارت امور خارجه آمریکا

کانون پرورش فکری کودکان و نوجوانان

وب سایت کانون در سال 2010

وب سایت کانون در سال 2004

بدون شرح !