درباره دیزاین

این مقاله هم در ارتباط با طراحی Responsive و adaptive را حتما بخوانید: 

https://amanjacademy.com/6-key-points-of-adaptive-design-compared-to-responsive-design/

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

 

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

 

مقایسه طراحی responsive و adaptive

Ethan Marcote به عنوان معرف واژه طراحی واکنش گرا شناخته می شود. این واژه به معنای استفاده از کوئری هایMedia و قوانین آن در CSS است که به سایت اجازه می دهد تا هنگام قرارگیری در صفحه های نمایش با اندازه های مختلف، ظاهر خود را تغیییر دهد. بنابراین به شکل خلاصه می توان گفت که این کار تنها با کمک دستورات پیشفرض HTML و CSS به سادگی امکان پذیر است.

 

طراحی سازگار  (Adaptive)عنوان کتابی از Aaron Gustafson است، بنابراین عموما او را به عنوان پیشگام معرفی طراحی سازگار می نامند. او طراحی سازگار را به شکل وجود طراحی واکنش گرا یا رسپانسیو در وبسایت که با عناصر جاوااسکریپت برای کنترل بیشتر روی محتوا تقویت شده است تعریف کرد.

 

در واقع طراحی سازگار نوعی طراحی رسپانسیو است که محتوای HTML آن با استفاده از جاوااسکریپت حرفه ای تر کنترل می شوند. طراحی سازگار یا Adaptive همچنین به نام “بهبود پیش رونده” (Progressive Enhancement) نیز نامیده می شود.

 

اگر بخواهیم طراحی سازگار را با یک مثال توضیح دهیم می توان آن را اینطور عنوان کرد : شما ممکن در نسخه دسکتاپ یک وبسایت یک نوار جانبی نویگیشن داشته باشید، و در هنگام مشاهده در گوشی هوشمند، برای ذخیره فضای موجود در رابط کاربری(UI) ، این فهرست به یک لیست ساده تر تبدیل می شود. مثال دیگر این است که ممکن است قابلیتی بر روی دستگاه تلفن همراه ارائه شود که در دسکتاپ وجود ندارد. وب سایت یک رستوران را در نظر بگیرید، هنگام استفاده در گوشی تلفن همراه مکان آن با GPS مشخص می شود؛ پنلی ظاهر شده که می گوید “دریافت مسیر رستوران ما از محل شما”. در مورد دسکتاپ چنین اتفاقی نمی افتد.

 

طراحی وب  واکنش گرا (RWD)

تفاوت طراحی Responsive و Adaptive

عناصر کلیدی برای ایجاد یک وب سایت رسپانسیو عبارتند از CSS3، خصوصیت @media موجود در CSS و گرید های سیال (Fluid grids) که از درصد برای ایجاد یک اسکلت انعطاف پذیر استفاده می کنند. استفاده از تصاویر انعطاف پذیر، فیلم های انعطاف پذیر، تایپوگرافی سیال(fluid type) و اسفاده از واحد EM به جای پیکسل ها نیز ضروری است. تمام این نکات کلیدی وبسایت واکنش گرا را قادر می سازد تا طرح خود را با توجه به ابعاد صفحه نمایش دستگاه تغییر دهد.

 

طراحی واکنش گرا وابسته به سمت کاربر (client-side ) است، به این معنی که محتوای صفحه به مرورگر دستگاه (کاربر) ارسال شده، و سپس مرورگر ظاهر صفحه را بر طبق اندازه صفحه نمایش خود تغییر می دهد.

 

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

 

طراحی وب سازگار (AWD)

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

 

طراحی سازگار عمدتا سمت سرور(server side) است. به این معنی که سرور وب تمام کارهای تشخیص دستگاه های مختلف و بارگذاری لیست مشخصات مناسب را طبق ویژگی های دستگاه انجام می دهد. این طراحی علاوه بر تغییر طرح بر اساس اندازه صفحه نمایش، بسته به شرایطی مانند وجود صفحه نمایش رتینا در دستگاه نیز تغییر می کند. سرور قادر به تشخیص نمایش گر رتینا بوده و تصاویر با کیفیت بالا را برای دستگاه هایی از قبیل iPad ارائه می دهد، در حالی که در نمایشگر های عادی تصاویری با کیفیت پایین تر نمایش داده می شود.

 

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

 

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

 

مقایسه طراحی Responsive و Adaptive

شباهت آشکار هر دو روش این است که دسترسی به محتوای وب سایت را در دستگاه های تلفن همراه و اندازه های مختلف صفحه نمایش بهبود می بخشند. آنها همچنین تجربه کاربری(UX) بازدید کنندگان با استفاده از گوشی همراه را بهبود می بخشند.

 

این دو روش در شیوه ارائه طراحی واکنش گرا / سازگار به کاربر متفاوت هستند. RWD به گریدهای سیال(fluid) وابسته بوده و AWD بر طرح هایی با اندازه های از پیش تعریف شده متکی است. همچنین از تفاوت های دیگر آنها می توان به سمت سرویس یا سمت سرور بودن آنها اشاره کرد که قبلا راجع آن صحبت کردیم.

 

مزایای طراحی واکنش گرا  یا Responsive:

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

تجربه کاربری(UX) مناسب و یکپارچگی بصری در دستگاههای مختلف، با صرف هزینه کم جهت نگهداری.

سازگاری بیشتر با اصول SEO به دلیل نبود تمایز در صفحات مختلف و شباهت ساختاری صفحات در دستگاههای مختلف.

ارتباط بین نمایش محتوا در تلفن همراه و دسکتاپ بدون انجام ریدایرکت.

حتما بخوانید:  تاثیر UI(رابط کاربری) و UX(تجربه کاربری) بر SEO را جدی بگیرید!َ

مزایای استفاده از طراحی سازگار یا Adaptive:

سازگاری با پروژه های پیچیده

کارایی و کاربرپسندی بیشتر

انجام آزمون بسیار ساده تر و عملیات نسبتا دقیق تر

از طراحی سازگار استفاده کنیم یا طراحی واکنش گرا؟

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

 

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

 

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

 

در ارتباط با تحقیقات کیفی در UX این مقاله از آکادمی آمانج را هم بخوانید : https://amanjacademy.com/8-methods-of-qualitative-research-in-ux/

 

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

 

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

 

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

 

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

 

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

 

با این حال این مهارت ها را می توانید با تمرین زیاد بدست آوردید. اما برای توسعه مهارتتان، باید شروع کنید و اولین و مهترین چیزی که باید به خاطر بسپارید این است:

 

تحقیقات صرفاً یک گفتگو با انسان دیگر، با تمرکز بیشتر برای رسیدن به یک هدف است.

 

و در زیر می توانید چند ایده در مورد چگونگی برقراری یک ذهنیت صحیح را بخوانید تا گفتگوی بهتر و راحت تر داشته باشید.

 

 

 

 این چیزی نیست که باید بترسید!

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

 

 

 

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

 

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

 

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

 

 

 

این مکالمه بین انسانهاست

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

 

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

 

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

 

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

 

 

 

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

 

برنامه تلفن یک اسکریپت نیست.

 

برنامه تلفن یک اسکریپت نیست.

 

برنامه تلفن یک اسکریپت نیست.

 

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

 

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

 

بعضی اوقات بهتر است یک “راهنمای موضوعی” از مضامین کلیدی که می خواهید در مورد آنها بحث کنید، ایجاد کنید. تا زمانی که مباحث را به عنوان یک راهنما در اختیار داشته باشید و سؤالات کلیدی را که باید به آنها پاسخ دهید بدانید، انعطاف پذیری بسیار بیشتری دارید و در نتیجه مکالمه بسیار طبیعی تر خواهد بود.

 

 

 

موضوعات را دنبال کنید.

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

 

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

 

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

 

“اوه واقعاً برای شما جالب است ، اما به اندازه سوال بعدی که اینجا نوشتم مهم نیست …”

 

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

 

اما ، یک ساختار مهم است.

 

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

 

 

 

 

 

چگونه من معمولاً تماسهای تحقیقاتی خود را تنظیم می کنم.

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

 

معرفی

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

 

مباحث اصلی تحقیق طراحی تجربه کاربری – UX

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

 

دوباره شروع کنید به گسترده و باریک کردن به عنوان و ویژگی های خود.

 

 

 

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

 

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

 

همه این موارد برای پیگیری موارد زیادی است، بنابراین روشی دیگر که به شدت می توانم توصیه کنم…

 

یادداشت های دست نوشته

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

 

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

 

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

 

 

 

در آخر…

به یاد داشته باشید که کنترل می کنید

نکته مهم دیگر  اینکه شاید این احساس را داشته باشید که به شرکت کننده اجازه دهید تیم را هدایت کند، به این معنی است که شما کنترل خود را از دست خواهید داد و یافته های مورد نظر خود را نخواهید گرفت. در تمام گفتگو های تحقیقاتی، شرکت کننده باید همیشه بیشتر از شما صحبت کند. شما در آنجا هستید که نظرات او را بشنوید. البته نه راه دیگری که در این مورد وجود دارد. اما از این که می خواهید مکالمه را به سمت هدف خود تغییر دهید در صورت لزوم نترسید. هدف جلسه مهم است و وقت شما به اندازه آنها ارزش دارد. اگر آنها بیش از حد به پایین سوراخ خرگوش می روند، همیشه با گفتن “ممنون – یادآوری می کنیم یا بعداً یادداشت می کنیم” احساس راحتی کنید. اگر برنامه گفتگو خود را به اندازه کافی خوب تنظیم کرده باشید، همیشه در انتها وقت خواهید داشت.

 

جنبه دیگر به نگرانی در مورد داشتن پاسخ به  همه سوال ها برمی گردد. اگر سوالی را از شما بپرسند که نمی توانید به آنها پاسخ دهید، به آنها بگویید: “این برای شما چه معنی دارد؟” این بدان معنی است که آنها مجبور به تجدید نظر هستند. و اغلب این روش خوبی برای درک بهتر آنها است که می توانید با سؤالات بیشتری از خود دفاع کنید.

 

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

 

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

 

فردی با همان میزان هیجان و اشتیاق در اولین تماس باشید.

 

شخص جدیدی برای برقراری ارتباط و چیزهای جدید برای یادگیری در انتظار شماست!

 

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

 

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

 

 

 

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

 

 

 

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

 

 

 

در جهت اجرای تمرینات در طول دوره و منزل لازم است تا دانشجو با ساده‌ترین ابزارها مثل قلم و کاغذ ایده‌های خود را تولید و ارزیابی کند؛ اما در جهت ساخت نمونه‌های نهایی محصولات لازم است تا دانشجو از نرم‌افزارهای کامپیوتری نظیر  Sketch استفاده کند.

 

 

 

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

 

این دوره به آموزه‌هایی از طراحی تعاملی می‌پردازد که دانشجو بتواند:

 

1- دید کلی نسبت به نیازهای کاربر یک سایت یا اپلیکیشن داشته باشد.

 

2- برای رفع نیازهای کاربر راه حل‌های مناسب طراحی کند. 

 

3- با استفاده از قواعدUI و UX طراحی بصری انجام دهد.

 

4- بتواند برای بهبود تعامل کاربر راه حل‌های جدید ارائه دهد.

 

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

 

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

 

1- چه مشکلی را می‌خواهیم حل کنیم؟

 

2- چه کسی این مشکل را دارد؟

 

3- به چه نتیجه‌ای می‌خواهیم برسیم؟

 

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

 

کلاس بر مبنای موضوع مورد بحث در هر جلسه به صورت ورکشاپ، بحث‌های گروهی، کار عملی و ارائه پرزنتیشن باشد.

 

نظر بر ماهیت تعاملی موضوع، در طول جلسات سعی خواهد شد که این تعامل در کلاس هم موجود داشته باشد.

 

 در دوره طراحی رابط کاربری ( UI )    hotjar.com

دوره کاملا رایگان طراحی رابط کاربری حرفه ای  ( UI )

 

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

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

 

این دوره تحت چه نرم افزاری است؟

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

 

آیا می توانیم با این دوره کسب در آمد کنیم؟ 

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

 

آیا این دوره پروژه محور است؟ 

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

 

 

مزیت های این دوره چیست؟

1 از صفرتاصد 

2دارای جمع بندی فوق العاده 

3 دارای نقشه راه 

4 کاملا پروژه محور

 

 

سایر مقالات مربوط به UX آمانج را مطالعه کنید که همگی منابع معتبری دارند.

 

کارگاه طراحی رابط کاربری UI حرفه ای

2021 UI Design Open the gates OTG

 

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

 

2021 ui design

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

 

در پایان این دوره می توانید به صورت حرفه ای شغل طراحی UI را برای خود انتخاب کنید.

ابزار های مورد نیاز جهت کارگاه

شما جهت شرکت در این کارگاه به این ابزار ها و نرم افزار ها نیاز دارید. به جز لپ تاپ شخصی کلیه ابزار ها و نرم افزار ها در کلاس به صورت رایگان در اختیار شما قرار خواهد گرفت. لپ تاپ های مک حتما به آخرین ورژن MAC OS آپدیت باشند. لپ تاپ های ویندوزی حتما ویندوز 10 و رم 8 گیگابایت داشته باشند.

 

پیش نیاز های کارگاه

برای شرکت در این کارگاه پیش نیازی وجود ندارد و در صورت آشنایی با کامپیوتر و علاقه به این رشته می توانید در دوره شرکت کنید.

 

خطکش طراحی UI

پکیج پستی دوره چیست؟

پیش از شروع کلاس یک پکیج پستی برای شما ارسال می شود. در این پکیج اقلام زیر وجود دارد:

 

خط‌کش مهندسی طراحی UI/UX استیل استاد امیرحسین اسماعیلی

دفترچه طراحی UI اختصاصی کارگاه

یک عدد اتود طراحی

یک عدد ماژیک قلمویی

سر فصل های آموزشی در جلسات کارگاه

جلسه اول Intro

در جلسه اول این کارگاه شما ضمن اینکه با طراحی رابط کاربری آشنا میشوید ، استفاده از دو نرم افزار محبوب و پر استفاده برای این موضوع را می آموزید. برای کاربران ویندوز نرم افزار Adobe XD و برای کاربران مک نرم افزار Sketch آموزش داده می شود. همچنین با قوانین و سیستم Atomic Design آشنا خواهید شد تا بتوانید براساس این سیستم پروژه را به صورت پیش رونده به سرانجام برسانید.

 

طراحی رابط کاربری چیست؟

طراحی رابط کاربری UI چه تفاوتی با طراحی تجربه کاربری UX دارد؟

شناخت برند و اهداف آن در طراحی رابط کاربری

Atomic Design اتمیک دیزاین چیست؟ Atomic Design 2 چه تفاوتی با ورژن یک دارد؟

نمونه کار 1

جلسه دوم UI Fundamental

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

 

Grids آشنایی با گریدبندی

Spacing فاصله ها

Sizing ابعاد

Alignment ترازبندی

Light & Shadow نور و سایه

تجزیه و تحلیل زیبایی شناختی پروژه

جلسه سوم طراحی وایرفریم WireFrame Design

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

 

طراحی وایرفریم دستی

طراحی وایرفریم چابک

طراحی Lo-Fi

طراحی Hi-fi

طراحی مودبورد

آموزش طراحی ui

جلسه چهارم رنگ ها Colors

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

 

تئوری رنگ ها

تفاوت RGB و HSB

متدهای استفاده از HSB

طراحی پالت رنگ استاندارد

انتخاب رنگ اصلی

وزن دهی به رنگ ها

Adjustment

بازی با خاکستری مهمترین رنگ

غلظت و شفافیت در رنگ ها

Gradients

متد های انتخاب رنگ

نمونه 2

جلسه پنجم تایپوگرافی Typography

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

 

انتخاب فونت مناسب

اصطلاحات تایپوگرافی

اندازه فونت در بخش های مختلف

افکت های فونت

جلسه ششم 1 Interface Molecules

Lists & Tables طراحی لیست ها و جدول ها

Images تصاویر و عکس ها

Icon Design طراحی آیکون

Vector Editing ادیت وکتور

Shapes طراحی اشکال

Cards طراحی کارت ها

Tycons طراحی تایکون ها

طراحی ui موبایل

 جلسه هفتم 2 Interface Molecules

Carousel طراحی انواع کروسل ها

Sliders طراحی اسلاید

Logo استانداردهای لوگو

Menu طراحی منو ها

Buttons طراحی دکمه ها

Form Controls طراحی فرم ها

جلسه هشتم Interface Organism 1

Header

Tycon Line

Text Area

نمونه 3

جلسه نهم Interface Organism 2

Land Line

Card Line

Carousels

Footer

جلسه دهم Branding & Presentation

خروجی پروژه Project Export

آشنایی با فرمت های تصویری SVG , PNG , JPG , Webp

تکنیک های برندینگ در طراحی رابط کاربری Branding Tips

نمونه 5

ویدیوهای تکمیلی

آموزش استفاده از نرم افزار Adobe XD

آموزش استفاده از نرم افزار Sketch