شروع طراحی واکنشگرا – Responsive

Responsive Web Desgin نوعی از تفکر در طراحی وب است که نسبت به طرح دیدی فراگیر دارد که کاربر با هر نوع دستگاهی وبسایت را متناسب با نیاز و اندازه صفحه نمایش دستگاه ببیند.

برای روشن شدن مسله به معنی کلمه Responsive در فرهنگ لغت Longman نگاهی می‌اندازیم:

Responsive | Longman Dictionary

Responsive | Longman Dictionary

کلمه Responsive را به معنی عکس العمل سریع در جهت مثبت معرفی می‌کند، Responsive Web Design که از آن در نسخه جدید ووردپرس فارسی به عنوان “واکنشگرا” نام برده، به مفهوم جابجایی، نمایش و یا عدم نمایش عناصر صفحه است که نسبت به رزولوشن دستگاه بر اساس اولویت نمایش داده شوند.

این نوع از طراحی موضوعی است که از سال‌ها پیش با عناوینی چون ”Progressive enhancement”, “Adaptive web design”, “Graceful degradation” کم و بیش مطرح شده بود اما اصطلاح Responsive Web Design توسط Erhan Marcotte با ظهور CSS3 و قابلیت Media Queries آن به سرعت توسعه یافت و مورد توجه قرار گرفت.

با گسترش روزافزون موبایل و تبلت‌ها و  وجود بیش از ۴ میلیارد موبایل در سراسر جهان دیگر نمی‌توانیم فرض کنیم سایت ما بر روی یک مونیتور با رزولوشن متوسط دیده خواهیم شد. RWD تفاوت‌های مهمی با ساخت نسخه مجزا برای موبایل دارد:

ادامه مطب…

دیدگاه روانشناسان در طراحی تجارب کاربری(UXD)

با توجه به این که تصمیم گرفتم مطلب تکراری در وبلاگ منتشر نکنم و تمرکز را روی مباحث جدید بذارم، از تعاریف اولیه “طراحی تجربه کاربری” یا “User Experience Design” میگذرم. دوستانی که در این مورد اطلاعی ندارند، پیشنهاد میکنم قبل از خواندن این مطلب نگاهی به تعاریف اولیه طراحی تجربه کاربری(UXD) بیاندازند تا درک بهتری نسبت به این مقاله پیدا کنند.

احتمالا داستان فیل و کوران را شنیده اید:

نگاه روان شناسان به طراحی تجربه کاربری(UX)

نگاه روان شناسان به طراحی تجربه کاربری(UX)

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

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

Susan Weinschenk روانشناس است که طی مقاله‌ایی که در سایت UX Magazine منتشر کرده: مغز، سیستم بینایی، حافظه و انگیز در طراحی تجربه کاربری را مورد بررسی قرار داده.
نتیجه این بررسی رسیدن به آن تجربه‌هایی از فیل است که هر یک از ما درباره افراد میدانیم و میتوانیم در طراحی تجربه کاربری مورد استفاده قرار دهیم.

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

ادامه مطب…

به نام بی نام دوست

برای من همیشه شروع جز سخت‌ترین بخش‌های هرکاری بود و حالا هم ماجرای انتخاب قالب و نوشتن اولین مطلب …

اما بهترین کار اینه که به ساده‌ترین روش و با خیالی آسوده شروع کرد  :)

پرهام خوشبخت هستم، علاقه و کارم طراحی و توسعه وب است و البته گه‌گاهی به هنر و عکاسی هم میزنم. (اطلاعات بیشتر)

تصمیم دارم در این وبلاگ از تجربیات و چالش‌هایی که در کار برخورد میکنم بنویسم، موضوعاتی نظیر:

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