طراحی سایت

امروزه رقابت بین کسب و کارهای تجاری در فضای مجازی بسیار تنگاتنگ می باشد و سایت ها زمان زیادی را برای جذب کاربران ندارند بر طبق آمارهای گرفته شده حدود 30 ثانیه زمان وجود دارد تا کاربری جذب سایت شود این زمان واقعا کم و ناچیز است همچنین اگر پارامترهای زیر رعایت نشود این زمان کمتر نیز می باشد پارامترهای مانند :

· سهولت استفاده بسیار ساده

· ارائه یک ظاهر جذاب و حرفه ای

· در نگاه اول یک قالب قابل توجهی ارائه شود

· ایجاد متن شفاف همراه با تصاویر جذاب که اهداف سایت و همچنین درک درست از بخش های مختلف سایت را ارائه دهد

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

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

[ بازديد : 37 ] [ امتياز : 3 ] [ نظر شما : ]

امروزه برای طراحی سایت ابتدا طراحان یک نمونه اولیه را طراحی کرده و سپس بعد از پیدا کردن ایرادات و اشکالات آن و همچنین بازخورد آن از طرف مشتری طراحی نهایی را آغاز می کنند بنابراین نمونه اولیه بسیار مهم می باشد و باعث جلوگیری از اتلاف وقت و همچنین مسیر اشتباه از طرف طراح می گردد همچنین ابزارهای زیادی برای تولید نمونه اولیه وجود دارد اما باید دانست که برای طراحی منحصر به فرد نیاز به ابزاری داریم که تمامی جنبه های طراحی UI و UX را شامل شود . یکی از این ابزار ها که ساده و در عین حال جنبه های مختلف UI و UX را ایجاد کرده است ابزاری است که UXPin معرفی کرده است . UXPin در سال 2011 به عنوان یکی از ابزارهای wireframe آغاز به کار کرده است و از آن زمان توانسته است با استقبال کم نظیر طراحان مواجه شود و ابزار خود را توسعه دهد این پلت فرم در حال حاضر از 5 قسمت فرآیند طراخی پشتیبانی می کند :

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

نمونه اولیه (Prototyping) : طراحی سریع برای نمونه اولیه طرح ها در تمامی دیوایس های مانند موبایل های هوشمند و تبلت ها

همکاری و بازخورد : جمع کردن اطلاعات بازخورد مشتریان از طریق کلیک بر روی المان های نمونه های اولیه

مستندات : ایجاد مستندات کامل از طراحی و بازخورد مشتریان از نمونه اولیه به صورت یک دایکیومنت

ویژگی های CSS : این ابزار به طراحان اجازه می دهد از ویژگی های جدید CSS مانند CSS3 در نمونه های اولیه استفاده نمایند . ما می خواهیم به برخی از این بخش های نگاهی بیاندازیم .

سیستم طراحی

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

نمونه اولیه چند منظوره

ابزار UXPin دارای هر ویژگی Lo-Fi و Hi-Fi می باشد در نمونه اولیه Lo-Fi طراحی اولیه جزئیات کمتری را شامل می شود و فقط قالب اصلی تهیه و طراحی می گردد و لی در نمونه اولیه Hi-Fi جزئیات بیشتری طراحی شده و به طرح نهایی بسیار نزدیک می باشد بنابراین با این توصیفات به خوبی درک می شود که کتابخانه های زیادی برای UI و تعاملات بیشتر برای ایجاد انواع انیمیشن ها در این ابزار وجود دارد . همچنین طراحی نمونه اولیه برای تمامی دیوایس ها قابل اجرا می باشد و می توان نمونه اولیه آن را در انواع موبایل های هوشمند و تبلت ها نیز مشاهده کرد .

همکاری و همکاری طراحی

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

مستندات و ویژگی ها

یکی از ابزارهای که باید همشه مورد توجه باشد مستندات می باشد چرا که مستندات یک ابزار باعث می شود آن ابزار در زمان های مختلف توسط اشخاص مختلف به درستی هدایت شود بدون داشتن مستندات قوی وقتی تیم طراحی تغییر می کنند و تیم دیگری جایگزین آن ها می شوند شاید بدون مستند نتوانند با طرح به درستی رابط خوبی برقرار کنند و زمان زیادی برای دانستن بخش های متعدد آن متحمل شوند بخصوص برای طراحی های بزرگ که واقعا وقت گیر می باشد . یکی از ویژگی های UXPin داشتن مستندات به صورت گردش کار می باشد که باعث از بین رفتن سوء تفسیر و همچنین دانستن درباره چگونگی و تغییر مستندات توسط اشخاص متعدد در سایت می شود .

[ بازديد : 43 ] [ امتياز : 3 ] [ نظر شما : ]

تکنولوژی رابط کاربری صدا در اپلیکیشن ها و تلویزیون های پیشرفته باعث شده است برخی از کارها در آن ها سریع تر ، شفاف تر و راحت تر صورت گیرد حتی بسیاری از اشخاصی که از تکنولوژی سر در نمی آورند مانند سالمندان بتوانند به راحتی با آن در تعامل باشند همین امر باعث شده است بسیاری از شرکت های بزرگ راهی را برای استفاده از این تکولوژی در طراحی سایت پیدا کنند تا بتوانند از آن در سایت ها نیز بهره ببرند . اما در ابتدا می خواهیم به اهمیت صدا و چگونگی آن در دنیای دیجیتال بپردازیم . با توجه به پیشرفت هوش مصنوعی (AI) که می تواند داده های کاربر شامل صدا را به صورت منظم جمع کرده و جمله درست و صحیح از آن ایجاد نماید و بنا به جمله مورد نظر کاری را در دستگاه انجام دهد . بسیاری از شرکت های بزرگ فناوری اطلاعات در دیوایس های که در حال ساخت و یا طراحی آن هستند می خواهند از این تکنولوژی بهره ببرند چرا که یکی از راه های تعامل راحت ، سریع و آسان با دستگاه های دیجیتال صدا می باشد . صدا یک مسابقه بین شرکت های غول پیکر فناوری ایجاد کرده است که هر کدام از آن ها می خواهند به نحوه بهتری از آن در طرح های خود استفاده نمایند . اما چگونه تکنولوژی صدای زندگی ما را تغییر می دهد؟ به طور دقیق تر - چه صنایع می تواند پتانسیل تغییر اساسی داشته باشد؟

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

پیش بینی می شود در دهه آینده طراحان تجربه کاربری به جای کار کردن بر روی طرح های UX بیشتر وقت خود را بر روی طراحی تکنولوژی صدا قرار خواهند داد چرا که برای کاربران هم لذت بخش و هم آسان می باشند و تقریبا تمامی مردم با آن سرو کار دارند و نیاز به دانشی نیز نخواهند داشت .

[ بازديد : 44 ] [ امتياز : 3 ] [ نظر شما : ]

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

Data Charts : این نوع نمودار توسط Kris Olszewski به زیبایی طراحی شده است خصوصیت اصلی این نمودار این است که علاوه بر زیبای بر روی طراحی تجربه کاربری (UX) آن نیز کار شده است هر طراحی دوست دارد هنگام طراحی سایت خود از این نوع نمودارها استفاده کند چرا که در تمامی مرورگرهای فعلی ب راحتی قابل نمایش می باشد .

Pokemon Bar Graph : این نوع طراحی یک طراحی انتزاعی می باشد که شاید شما در دنیای واقعی با آن مواجه نشده اید میله های این نمودار دارای میله های کلاسیک می باشد و دارای یک انیمیشن شناور برای افکت های زیبای این نمودار است .

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

Minimalist Chart : آسان و ساده و همانجور که از اسم آن پیدا می باشد برای طرح های مینیمالیستی مورد استفاده قرار می گیرد . مینیمالیسم اغلب بهترین انتخاب برای وب سایت های پاسخگو یا طرح بندی های ساده است که نیازی به برنامه های رنگی سنگین ندارند. این نمودار در محورY قابل مقدار دهی می باشد و بالای آن نوع و یا داده نمودار قرار خواهد گرفت .

[ بازديد : 25 ] [ امتياز : 3 ] [ نظر شما : ]

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

Proto.io : گرچه نمونه اولیه در درجه اول یک فرآیند طراحی است، توسعه دهندگان و مدیران تولید نیز از نمونه اولیه استفاده می کنند. مدل سازی با کمترین وجهی برای ارائه مدیران محصول با نگاهی سریع به مفاهیم طراحی مورد استفاده قرار می گیرد. Proto.io این کار را به راحتی برای طراحان انجام می دهد شما نیاز ندارید برای کار با این ابزار برنامه نویسی کنید و یا مهارت ویژه طراحی داشته باشید ، شما می توانید با یک مدل wireframe یا مدل کم فای شروع کنید و خودتان را با این ابزار آشنا کنید. این ابزار دارای ویژگی های متعددی شامل نسخه کنترل برای پیگیری تغییرات و تکرار نمونه اولیه می باشد . همچنین این ابزار به طراح اجازه می دهد هنگامی که کاربران در نمونه اولیه طراحی مشغول کار هستند از کلیک ها و دیگر عملیات کاربر ویدئو ضبط نماید که باعث فیدبک بهتر طراحی اولیه می باشد .

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

[ بازديد : 31 ] [ امتياز : 3 ] [ نظر شما : ]

همیشه تجربه طراحی بخصوص طراحی سایت و یا اپلیکیشن توسط شرکت های بزرگ یک آموزش بسیار مفید در طراحی برای طراحان می باشد چرا که با خواندن چگونگی فرآیند طراحی در پروژه های بزرگ توسط شرکت های بزرگ فناورری و چالش های که آن ها در طراحی مواجه می شوند و چگونگی رفع این چالش ها می تواند درست بزرگی برای تمامی طراحان باشد ما در این مقاله به یک تجربه که توسط شرکت Atlassian انجام شده است می پردازیم . هنگامی که شرکت طراحی Atlassian تمرکز خود را در طراحی در سال 2012 گسترش داد جرج اسپنگل به عنوان رئیس جدید طراحی استخدام کرد تا بتواند تحول خود در طراحی را گسترش دهد یکی از اولین پروژه های که جرج اسپنگل در شرکت Atlassian شروع کرد پروژه دستورالعمل طراحی Atlassian با نام ADG می باشد . در آن زمان، آنها با چالش های متعددی برای مقیاس دادن به یک طرح طراحی مواجه بودند:

· ناسازگاری طراحی - به عنوان مثال، 45 نوع مختلف از dropdown ها.

· ابزار کمکی - تیم نیاز به ابزارهای قدرتمندتر طراحی برای مقیاس کار خود در چندین محصول مواجه بود.

· سوالات اضافی - طراحان Atlassian می خواستند زمان بیشتری را در زمینه مشکلات اصلی و زمان کمتری در پاسخ دادن به سؤال های مشابه (به عنوان مثال برای استفاده از دکمه) صرف کنند.

یک بار ناتان کورتیس گفته بود که طراحی سایت یک نوع محصول می باشد که باعث نشان دادن درست و مناسب محصولات دیگر می شود . بنابراین شرکت Atlassian برای سیستم طراحی خود دست به یک جاه طلبی تمام عیار زد تا بتواند به بهترین روش محصولات خود را برای کاربران نمایش دهد . برای بررسی ناسازگاری و چالش های پیش رو اتلوسیان و Jürgen Spangl شروع به برگزاری جلسات و طرح مشکلات کردند تا بتوانند راه حل های مناسب و در عین حال کم هزینه و با سرعت بالا را پیدا کنند . شرکت Atlassian تصمیم گرفت با الهام از سیستم رابط کاربری و انسانی شرکت اپل اولین نسخه طراحی خود را ایجاد نماید افراد از تیم های مختلف به طراحی اولیه آن کمک کردند تیم اختصاصی در ابتدای کار وجود نداشت برای همین از تیم های دیگر شرکت Atlassian برای طرح اولیه استفاده شد . یورگن یکی دیگر از مدیران طراحی این پروژه می گوید : می خواستیم تمامی افراد صاحب نظر در شرکت در تیم های مختلف در این کار سهیم باشند تا بتوانیم نقطه نظر همه افراد را از جنبه های مختلف طراحی جویا شویم برای همین از افراد های مختلف در قسمت های مختلف شرکت بهره بردیم که البته این روند بدون چالش نیز نبود چرا که هماهنگ کردن آن ها و به اجماع رساندن آن ها نیز کار دشواری بود . ما توانستیم به یک چارچوب مناسب برای تمامی محصولات خود و همچنین چگونگی طراحی آن ها و طرز نمایش محصولات خود در سایت و اپلیکیشن بررسیم این کار پس از برگزاری جلسات متعدد امکان پذیر شد . یورگن می گوید: "هرگز آسان نیست که تیم های چندگانه را بر روی یک مسیر پیش رو در زبان طراحی طراحی کنیم." .

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

· هر ماه تیم برای کار در ADG همدیگر را ملاقات می کردند و تصمیم گیری سریع و سرعت بخشیدن به تیم کمک کرد که الگوهای جدیدی را با مجموع 70 تا 80 درصد کامل ایجاد کنند.

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

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

[ بازديد : 35 ] [ امتياز : 3 ] [ نظر شما : ]

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

Flexy Boxes : کار با Css Flexy بسیار پیچیده می باشد و در برخی موارد طراحان سردرگم می شوند برای همین بسیاری از طراحان دوست دارند از ابزارهای تولید کد اتوماتیک این حصول استفاده کنند سایت http://the-echoplex.net/flexyboxes این امکان را در اختیار کاربران قرار داده است تا بتوانند موارد دلخواهی خود را مشخص کنند زمانی که موارد مورد نظر خود را مشخص کرده اند به صورت گرافیک به کاربر و یا طراح نشان می دهد که قالب آن ها چگونه خواهد شد و آن ها به راحتی می توانند موارد اشتباه خود را شناسایی و تصحیح نمایند همچنین به صورت اتوماتیک کد برای قالب های طراحان تولید و آن ها می توانند از این کدها در طراحی سایت خود استفاده ببرند .

htaccess Generator : یک فایل htaccess Generator در سرور قرار دارد که به وسیله آن توسعه دهنده و یا طراح می تواند توابعی را اجرا نماید و چگونگی اجرای توابع را مشخص نماید همچنین مواردی مانند تغییر مسیر ، URL های بازنویسی شده و اقدامات امنیتی مختلف می تواند در داخل این فایل صورت گیرد که بر روی تمامی سایت تاثیر می گذارد . البته نوشتن این فایل دارای پچیدگی های زیادی می باشد که برخی از متخصصان از آن رنج می برند برای همین ابزارهای تولید شده که به راحتی این کار را برای متخصصان انجام می دهد یکی از این ابزارها htaccessredirect.net می باشد که به کمک آن می توان به راحتی این فایل مهم را ایجاد و موارد دلخواهی خود را به وجود آورد .

PHP Date Format Generator : یکی از مشکلات برنامه نویسان در هر زبانی فرمت تاریخ آن پروژه می باشد اینکه چگونه روز و یا ماه و حتی سال را به اشکال مختلف در صفحات مختلف سایت برای کاربران نمایش دهند . این کار می تواند از طریق ابزارهای اتوماتیک صورت گیرد یکی از این ابزارها برای برنامه نویسی PHP ابزار http://www.mraffaele.com/labs/php-date-format-generator/ می باشد که به برنامه نویسان PHP توصیه می شود .

CSS3 Media Queries Generator : به وسیله ویژگی Media در CSS می توان طراحی سایت ریسپانسیو ایجاد کرد این کار باعث شده است که بسیاری از ابزارهای اتوماتیک برای این کار ایجاد شود یکی از این ابزارهای که به طراحان به سادگی کمک می کند ابزار http://giona.net/tools/css3-mediaquery-generator/ می باشد با استفاده از ویژگی ها و انتخاب های متفاوت به طراحان اجازه می دهد طراحی ریسپانسیو خود را به وجود آورند.

Bounce.js : این کتابخانه جاوا اسکریپتی به طراحان اجازه می دهد انیمیشن های متحرک در CSS3 ایجاد نمایند . با استفاده از این ابزار آنلاین طراحان می توانند انیمیشن خود را به صورت گرافیکی ایجاد و تغییرات مورد نظر را با استفاده از تنظیمات داده شده ایجاد نمایند و پس از کامل شدن به راحتی از انیمیشن خود فایل CSS دریافت و در طراحی مورد نظر خود قرار دهند .

[ بازديد : 33 ] [ امتياز : 3 ] [ نظر شما : ]

درک و فهم درست از UX رقیبان در سایت ها و اپلیکیشن ها می تواند به طراحی و در نتیجه رونق دادن کسب و کار آنلاین کمک نماید اینکه بدانیم در طراحی تجربه کاربری رقیبان چه نقطه قوت های وجود دارد و از چه نقطه ضعف های رنج می برند می تواند به طراحی ما برای پوشش آن نقاط ضعف و جذب مخاطبان ناراضی رقیبان کمک شایانی شود . اما چگونه این کار ممکن است ؟ چگونه می توان یک تجزیه و تحلیل درستی از طراحی UX داشته باشیم ؟ می توان راه های زیادی برای تجزیه و تحلیل یک UX به کار برد اما در کل می توان مراحل کار را به دو قسمت اساسی تقسیم کرد :

· دانستن اینکه چگونه به درستی تحقیق کنید و دقیقا همان چیزی را که به دنبال آن هستید را درک کنید

· ترکیب کردن این اطلاعات در کنار هم قبل از اعمال عملیات و تغییرات آن ها

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

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

[ بازديد : 30 ] [ امتياز : 3 ] [ نظر شما : ]

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

UX با احساسات مشتریان به شدت درگیر می باشد و نیاز دارد بداند آن ها چگونه احساس می کنند بنابراین UX یک حس می باشد که در مخاطبان ایجاد می شود این حس می تواند از طریق عناصر موجود در طراحی سایت برانگیخته شود این همان جای است که طراحی رابط کاربری یا همان UI با UX ادغام می شود. بنابراین می بینید جنبه های مهم تر وجود دارند که باید قبل از طراحی به آن پرداخته شود و بررسی گردد چگونه می توان از احساسات و نیازهای کاربر به نفع اهداف سایت و یا اپلیکیشن استفاده کرد . تجربه کاربری (UX) چون به احساسات کاربران درگیر می باشد ناملوس تر می باشد در حالی که UI برای مردم ملموس تر است چرا که قابل مشاهده است . همچنین از UX به عنوان طوفان مغزی قبل از طراحی یاد می شود که می تواند در بهبود و ایجاد خلاقیت و نوآوری قبل از طراحی موثر و مفید باشد و UI را قسمتی از کار می دانند که ایده ها را به واقعیت تبدیل می نماید . برخی دیگر از متخصصان و نظریه پردازان از UX به عنوان استراتژی طراحی و معماری اطلاعات نام می برند که باید قبل از طراحی به صورت دقیق ایجاد شود .

همه این متخصصان و نظریه پردازان اعتقاد دارند که بدترین روش طراحی این است که طراحی تجربه کاربری (UX ) را همزمان با طراحی رابط کاربری (UI) شروع شود این باعث می شود نه تجربه کاربری موفقیت آمیز باشد و نه رابط کاربری به سمتی سوق داداه شود که باعث جذابیت و تعامل بهتر با مشتری گردد.

[ بازديد : 36 ] [ امتياز : 3 ] [ نظر شما : ]

حریم خصوصی همیشه یکی از نگرانی های کاربران در فضای مجازی بوده است بسیاری از کاربران بخاطر نداشتن اعتماد برای پرکردن اطلاعات خود در سایت آن را ترک می کنند و این امر باعث شده است که مدیران سایت از درآمدی که از دست دادن این نوع کاربران که تعداد آن ها قابل توجه می باشد به فکر راه حل های متعدد برای رفع این مشکل باشند . همچنین بسیاری از کشورها قوانینی را برای این منظور اتخاذ کرده اند یکی از قوانینی که طراحان و توسعه دهندگان فضای مجازی بخصوص سایت ها باید آن را رعایت نمایند قوانین Privacy by Design (PbD) می باشد که چارچوبی را برای طراحان ، توسعه دهندگان و مدیران سایت و تمامی اپلیکیشن های فضای مجازی قرار داده است که همه آن ها باید تابع این قوانین باشند تا بتوانند از اطلاعات کاربران خود محافظت نمایند . PbD از دهه 1990 به عنوان چارچوبی برای آگاهی دادن به طراحان ، مدیران و توسعه دهندگان بود ولی کمتر فرد متخصصی به آن توجه داشت اما با استفاده بیشتر کاربران از سایت ها و اپلیکیشن ها و قرار دادن اطلاعات شخصی خود در فضای مجازی نقش این قوانین پررنگ تر شد به طوری که اتحادیه اروپا قوانین دیگری نیز با عنوان GDPR تصویب کرده است که از سال 2018 به صورت یک قانون قابل اجرا می باشد . در واقع این قانون سعی می کند که حفاظا داده ها و اطلاعات کاربران را به شکل سخت تری برای مدیران سایت ها اتخاذ نمایند تا کاربران با آرامش و نگرانی کمتری بتوانند اطلاعات خود را در فضای مجازی قرار دهند . اما این قوانین چه هستند و چگونه در طراحی سایت و یا اپلیکیشن اعمال می شوند ما در ادامه به بررسی آن خواهیم پرداخت .

در سال 1990 کشور کانادا اولین کشوری بود که قوانین PbD را توسط دکتر Ann Cavoukian ابداع کرد و بعدا این قوانین اصلاح و به عنوان اولین و موثرترین قوانین فضای مجازی مور استفاده قرار گرفت . چارچوب PbD حریم خصوصی به صورتی طراحی شده است که از وقایع به سرقت رفتن اطلاعات کاربران جلوگیری شود این چارچوب دارای چند اصل اساسی می باشد :

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

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

· حریم خصوصی باید در زمان طراحی و ایجاد سایت درون آن اعمال شده باشد و نباید به عنوان افزونه بعد از طراحی اعمال شود

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

· حریم خصوصی باید کاربر محور باشد این بدان معنی است که حداکثر پیش فرض های حریم خصوصی ، گزینه های کاربر پسند و آگاه کننده از طریق تغییرات به صورت شفاف ارائه شود تا کاربرا درک درستی از آن ها داشته باشند .

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

[ بازديد : 30 ] [ امتياز : 3 ] [ نظر شما : ]