فیگما امکان فاصلهٔ منفی در تنظیمات Auto layout نداره، اما میشه هر آیتمی رو که میخوایم فاصلهٔ منفی یا مثبت متفاوت با تنظیمات Auto layout داشته باشه، داخل یه Frame قرار بدیم و از جهتهای مورد نظرمون اندازهش رو تغییر بدیم.
مثلاً اگه میخوایم یه آیتمی فاصلهش از سمت راست ۴ پیکسل کمتر از بقیه باشه، کافیه انتخابش کنیم با میونبر
یکی از جاهایی که این ترفند به کار میاد ساخت Base component برای دکمههاست.
یه نکتهٔ دیگه هم اینکه اگه فقط به فاصلهٔ مثبت متفاوت نیاز داریم میتونیم یه فریم یا لایهٔ بدون استایل به اون قسمت اضافه کنیم و اندازهاش رو به مقداری که میخوایم تنظیم کنیم.
در پستهای آینده در مورد Base componentها توضیح خواهیم داد.
#FigmaTips
@designdivar
مثلاً اگه میخوایم یه آیتمی فاصلهش از سمت راست ۴ پیکسل کمتر از بقیه باشه، کافیه انتخابش کنیم با میونبر
Alt + Ctrl + G یا option + command + G یک فریم دورش ایجاد کنیم. حالا با نگه داشته کلید Ctrl یا command اون فریم رو از سمت راست ۴ پیکسل کوچک کنیم.یکی از جاهایی که این ترفند به کار میاد ساخت Base component برای دکمههاست.
یه نکتهٔ دیگه هم اینکه اگه فقط به فاصلهٔ مثبت متفاوت نیاز داریم میتونیم یه فریم یا لایهٔ بدون استایل به اون قسمت اضافه کنیم و اندازهاش رو به مقداری که میخوایم تنظیم کنیم.
در پستهای آینده در مورد Base componentها توضیح خواهیم داد.
#FigmaTips
@designdivar
👍19
سعید مهندس تجربهٔ کاربر در دیواره و در این مطلب توضیح داده «چرا» فیگما رو بهعنوان ابزار اصلی برای فرایند طراحی رابط کاربر و انتقالش به تیم توسعه انتخاب کردیم و «چطور» به سمتش مهاجرت کردیم.
مطلب سعید رو از دست ندید و از تجربیات خودتون برامون بنویسید.
تجربهٔ مهاجرت تیمی به فیگما
https://vrgl.ir/Hg4SN
#FigmaTips
@designdivar
مطلب سعید رو از دست ندید و از تجربیات خودتون برامون بنویسید.
تجربهٔ مهاجرت تیمی به فیگما
https://vrgl.ir/Hg4SN
#FigmaTips
@designdivar
❤15👍10
شمارهٔ ۰۱۸ ❄️
مسئله چیه؟
• عنوانها به منبع لینک شدهاند •
نشانههای وجود مسئله
مقاله • این مقاله از نشانههایی توی محصول صحبت میکنه که میتونند بیانگر وجود مشکل، و نیازمند به طرح مسئله و حلش باشند.
تعریف مسئله
مقاله • تعریف مسئله به عنوان مرحلهٔ دوم تفکر طراحی چیه و با استفاده از «بیان مسئله» چه طور انجام میشه؟
پژوهش برای تعریف مسئله
مقاله • توی این مقاله میخونیم که با بهکارگیری روشهای پژوهشی مقیاس مسئلههامون رو کوچیک و واضح کنیم تا بتونیم به بهترین شکل به حلشون بپردازیم.
تصمیم برای حل مسئله
مقاله • ماتریکس کنِوین (Cynefin) روشی برای تصمیمگیری سریعتر دربارهٔ روش حل مسئله رو در اختیارمون میذاره.
ــــــ
اگر شما هم نمونههای خوب سراغ دارید، برامون بفرستید.
هفتهتون خوش!
@designdivar
مسئله چیه؟
• عنوانها به منبع لینک شدهاند •
نشانههای وجود مسئله
مقاله • این مقاله از نشانههایی توی محصول صحبت میکنه که میتونند بیانگر وجود مشکل، و نیازمند به طرح مسئله و حلش باشند.
تعریف مسئله
مقاله • تعریف مسئله به عنوان مرحلهٔ دوم تفکر طراحی چیه و با استفاده از «بیان مسئله» چه طور انجام میشه؟
پژوهش برای تعریف مسئله
مقاله • توی این مقاله میخونیم که با بهکارگیری روشهای پژوهشی مقیاس مسئلههامون رو کوچیک و واضح کنیم تا بتونیم به بهترین شکل به حلشون بپردازیم.
تصمیم برای حل مسئله
مقاله • ماتریکس کنِوین (Cynefin) روشی برای تصمیمگیری سریعتر دربارهٔ روش حل مسئله رو در اختیارمون میذاره.
ــــــ
اگر شما هم نمونههای خوب سراغ دارید، برامون بفرستید.
هفتهتون خوش!
@designdivar
👍3🔥1
شمارهٔ ۰۱۹ ❄️
بازخورد (feedback) چطور کار میکنه؟
• عنوانها به منبع لینک شدهاند •
مغالطهٔ بازخورد
مقاله • این مقاله سه فرضیهٔ اساسی رو که باعث شده نتیجه بگیریم «بازخورد یا ارزیابی عملکرد منجر به یادگیری میشه» بررسی کرده و نشون میده که لزوماً درست نیستند.
تأثیر گوش دادن در تغییر رفتار
مقاله • بازخورد دادن در بیشتر موارد منجر به افت عملکرد میشه. با درست گوش دادن و پیدا کردن نیازهای رشد هر شخص میشه فضای رقابتی رو به رشد تبدیل کرد و انگیزه رو برای یادگیری بالا برد.
درست به رسمیت شناختن
مقاله • به رسمیت شناختن تأثیرات اشخاص در سازمان، نتایج مثبتی به دنبال خودش میاره؛ چه برای شخص و چه خود سازمان. آمار و ارقام این مقاله این قضیه رو برامون ملموستر توضیح میده.
بازخورد از راه دور
مقاله • همهٔ ما ممکنه زمانی نیاز داشته باشیم به همکارمون بازخورد مستقیم بدیم که از راه دور کار حتی سختتریه. در این مقاله بخونیم که چطور با همراهی هم به درک مشترک برسیم.
ــــــ
اگر شما هم نمونههای خوب سراغ دارید، برامون بفرستید.
هفتهتون خوش!
@designdivar
بازخورد (feedback) چطور کار میکنه؟
• عنوانها به منبع لینک شدهاند •
مغالطهٔ بازخورد
مقاله • این مقاله سه فرضیهٔ اساسی رو که باعث شده نتیجه بگیریم «بازخورد یا ارزیابی عملکرد منجر به یادگیری میشه» بررسی کرده و نشون میده که لزوماً درست نیستند.
تأثیر گوش دادن در تغییر رفتار
مقاله • بازخورد دادن در بیشتر موارد منجر به افت عملکرد میشه. با درست گوش دادن و پیدا کردن نیازهای رشد هر شخص میشه فضای رقابتی رو به رشد تبدیل کرد و انگیزه رو برای یادگیری بالا برد.
درست به رسمیت شناختن
مقاله • به رسمیت شناختن تأثیرات اشخاص در سازمان، نتایج مثبتی به دنبال خودش میاره؛ چه برای شخص و چه خود سازمان. آمار و ارقام این مقاله این قضیه رو برامون ملموستر توضیح میده.
بازخورد از راه دور
مقاله • همهٔ ما ممکنه زمانی نیاز داشته باشیم به همکارمون بازخورد مستقیم بدیم که از راه دور کار حتی سختتریه. در این مقاله بخونیم که چطور با همراهی هم به درک مشترک برسیم.
ــــــ
اگر شما هم نمونههای خوب سراغ دارید، برامون بفرستید.
هفتهتون خوش!
@designdivar
👍2
تیم مهندسی تجربهٔ کاربر دیوار که پر کردن فاصلهٔ بین طراحان و توسعهدهندگان محصول نقش اصلی اونهاست، دنبال یک همتیمی جدیده. کسی که نگاه سیستمی به دیزاین داشته باشه و به جزئیات کوچک توجه کنه. دیزاینری که بتونه با ساخت سریع پروتایپ، ویژگیهای جدید محصول رو تست کنه.
نیازمندیهای لازم برای این موقعیت بهطور خلاصه:
• تسلط به ابزارهای طراحی و پروتوتایپ مانند فیگما، اسکچ و …
• تجربهٔ طراحی رابط کاربر و کامپوننت لایبرری
• درک و دانش طراحی فراگیر و استانداردهای دسترسیپذیری
• درک و دانش طراحی واکنشگرا
• تجربهٔ ساخت یا استفاده از دیزاینسیستمها
• دانشاولیه HTML, CSS
در این پست از بلاگ دیزاین دیوار میتونید با این نقش بیشتر آشنا بشید. همچنین کتاب «مهندسی دیزاین» که ترجمهٔ مهندسان تجربهٔ کاربرمونه، مفصل این نقش رو شرح داده که خوندنش خالی از لطف نیست. اگر شرایط لازم برای این موقعیت رو دارید، منتظر رزومههاتون هستیم:
https://careers.divar.ir/positions/UX-Engineer-Quality-527EB9AB7B
@designdivar
نیازمندیهای لازم برای این موقعیت بهطور خلاصه:
• تسلط به ابزارهای طراحی و پروتوتایپ مانند فیگما، اسکچ و …
• تجربهٔ طراحی رابط کاربر و کامپوننت لایبرری
• درک و دانش طراحی فراگیر و استانداردهای دسترسیپذیری
• درک و دانش طراحی واکنشگرا
• تجربهٔ ساخت یا استفاده از دیزاینسیستمها
• دانشاولیه HTML, CSS
در این پست از بلاگ دیزاین دیوار میتونید با این نقش بیشتر آشنا بشید. همچنین کتاب «مهندسی دیزاین» که ترجمهٔ مهندسان تجربهٔ کاربرمونه، مفصل این نقش رو شرح داده که خوندنش خالی از لطف نیست. اگر شرایط لازم برای این موقعیت رو دارید، منتظر رزومههاتون هستیم:
https://careers.divar.ir/positions/UX-Engineer-Quality-527EB9AB7B
@designdivar
🔥12👍1
امید لیدر چپتر پژوهش تجربهٔ کاربر، در این یادداشت توضیح داده ما چطور در دیوار اطلاعاتی که از پژوهشها بهدست میاریم رو با تگزنی دستهبندی میکنیم. همچنین تگزنی صحیح رو هم شفاف و کامل شرح داده.
مطلب امید رو از دست ندید و نظراتتون رو برای ما بنویسید.
دستهبندی اطلاعات با تگزنی صحیح
https://vrgl.ir/tp072
@designdivar
مطلب امید رو از دست ندید و نظراتتون رو برای ما بنویسید.
دستهبندی اطلاعات با تگزنی صحیح
https://vrgl.ir/tp072
@designdivar
👍9🔥1
شمارهٔ ۰۲۰ ❄️
شرکتهای شناختهشده چطور محصولشون رو میسازند؟
• عنوانها به منبع لینک شدهاند •
Slack
مقاله • مصاحبهایه در مورد فرهنگ کاری slack و نکاتی که براش ارزش قائلند.
The New York Times
مقاله • مصاحبهایه در مورد نوآوری و فرآیند دیزاین در دنیای پرسرعت خبر.
AirBNB
مقاله • این مقاله بر اساس توضیحات چهار نفر شاغل در airBNB نوشته شده و میگه که داستانسرایی چه نقش مهمی در تولید محصول داره.
Stripe
مقاله • مصاحبهایه در مورد فرهنگ کاری stripe و نگاهی که به محصول و افراد سازندهاش دارند.
ــــــ
اگر شما هم نمونههای خوب سراغ دارید، برامون بفرستید.
هفتهتون خوش!
@designdivar
شرکتهای شناختهشده چطور محصولشون رو میسازند؟
• عنوانها به منبع لینک شدهاند •
Slack
مقاله • مصاحبهایه در مورد فرهنگ کاری slack و نکاتی که براش ارزش قائلند.
The New York Times
مقاله • مصاحبهایه در مورد نوآوری و فرآیند دیزاین در دنیای پرسرعت خبر.
AirBNB
مقاله • این مقاله بر اساس توضیحات چهار نفر شاغل در airBNB نوشته شده و میگه که داستانسرایی چه نقش مهمی در تولید محصول داره.
Stripe
مقاله • مصاحبهایه در مورد فرهنگ کاری stripe و نگاهی که به محصول و افراد سازندهاش دارند.
ــــــ
اگر شما هم نمونههای خوب سراغ دارید، برامون بفرستید.
هفتهتون خوش!
@designdivar
👍9
This media is not supported in your browser
VIEW IN TELEGRAM
توی فیگما اگه نیاز به حذف یک یا چند گره از یک مسیر رو دارید و میخواید مسیرتون از حالت بسته خارج نشه یا اتصال بین گرههای اطرافشون برقرار بمونه، کافیه همراه با delete، کلید shift رو هم نگه دارید.
#FigmaTips
#FigmaShortcuts
@designdivar
#FigmaTips
#FigmaShortcuts
@designdivar
👍23🔥3🤩1
شمارهٔ ۰۲۱ ❄️
پر بازدیدترین لینکهای خبرنامه کدوما بوده؟
• عنوانها به منبع لینک شدهاند •
چکلیست آمادهشدن برای مصاحبه
مقاله • این متن شامل یکی از بهترین چکلیستهای آمادگی برای مصاحبهٔ کاریه.
پورتفولیوی دیزاین؟ چطور؟
مقاله • یکی از کمککنندهترین راهنماهای آمادهسازی پورتفولیو برای طراح تجربهٔ کاربر. خودتون ببینید ...
من و کدام شاخهٔ UX
مقاله • فرق بین طراح و پژوهشگر تجربهٔ کاربر چیه؟ نویسندهٔ تجربه چه کار میکنه؟ مهندس تجربه چه ویژگیهایی داره؟ این مقاله تا حد خیلی خوبی موضوع رو براتون شفاف میکنه.
اریکا هال و پژوهش کاربر
ویدیو • در این ویدیو اریکا هال توضیح میده که چطور میتونیم با تکنیکهای عملی و بهینه در روند طراحی و توسعهٔ محصول، محصولی مطابق نیازمندی کاربرها طراحی کنیم و ریسک مسیر اشتباه رفتن رو کاهش بدیم.
ــــــ
نوروزتون مبارک!
@designdivar
پر بازدیدترین لینکهای خبرنامه کدوما بوده؟
• عنوانها به منبع لینک شدهاند •
چکلیست آمادهشدن برای مصاحبه
مقاله • این متن شامل یکی از بهترین چکلیستهای آمادگی برای مصاحبهٔ کاریه.
پورتفولیوی دیزاین؟ چطور؟
مقاله • یکی از کمککنندهترین راهنماهای آمادهسازی پورتفولیو برای طراح تجربهٔ کاربر. خودتون ببینید ...
من و کدام شاخهٔ UX
مقاله • فرق بین طراح و پژوهشگر تجربهٔ کاربر چیه؟ نویسندهٔ تجربه چه کار میکنه؟ مهندس تجربه چه ویژگیهایی داره؟ این مقاله تا حد خیلی خوبی موضوع رو براتون شفاف میکنه.
اریکا هال و پژوهش کاربر
ویدیو • در این ویدیو اریکا هال توضیح میده که چطور میتونیم با تکنیکهای عملی و بهینه در روند طراحی و توسعهٔ محصول، محصولی مطابق نیازمندی کاربرها طراحی کنیم و ریسک مسیر اشتباه رفتن رو کاهش بدیم.
ــــــ
نوروزتون مبارک!
@designdivar
👍9
شمارهٔ ۰۲۲ 🌸
چطور پرسشنامه بنویسم؟
• عنوانها به منبع لینک شدهاند •
اصول کلی
مقاله • با جزئیات خوبی مراحل اجرای یک پژوهش رو از راه پرسشنامه توضیح میده و بایدها و نبایدهایی رو گوشزد میکنه.
اسکرینر چیه؟
مقاله • با اسکرینر میتونیم مناسبترین افراد رو از بین پاسخدهندهها برای پژوهشمون انتخاب کنیم و دادههای واقعیتری جمع کنیم.
چرا پاسخ نمیگیرم؟
مقاله • چند توصیه رو دربارهٔ چگونگی نوشتن پرسشنامه بهمون میکنه تا تعداد جوابهایی که میگیریم به بیشترین میزان ممکن باشه.
روشهای جایگزین
ویدیو • در اینجا بعد از معرفی موارد استفادهٔ پرسشنامه با روشهای جایگزینی که میتونیم به کار ببریم آشنا میشیم.
ــــــ
اگر شما هم نمونههای خوب سراغ دارید، برامون بفرستید.
هفتهتون خوش!
@designdivar
چطور پرسشنامه بنویسم؟
• عنوانها به منبع لینک شدهاند •
اصول کلی
مقاله • با جزئیات خوبی مراحل اجرای یک پژوهش رو از راه پرسشنامه توضیح میده و بایدها و نبایدهایی رو گوشزد میکنه.
اسکرینر چیه؟
مقاله • با اسکرینر میتونیم مناسبترین افراد رو از بین پاسخدهندهها برای پژوهشمون انتخاب کنیم و دادههای واقعیتری جمع کنیم.
چرا پاسخ نمیگیرم؟
مقاله • چند توصیه رو دربارهٔ چگونگی نوشتن پرسشنامه بهمون میکنه تا تعداد جوابهایی که میگیریم به بیشترین میزان ممکن باشه.
روشهای جایگزین
ویدیو • در اینجا بعد از معرفی موارد استفادهٔ پرسشنامه با روشهای جایگزینی که میتونیم به کار ببریم آشنا میشیم.
ــــــ
اگر شما هم نمونههای خوب سراغ دارید، برامون بفرستید.
هفتهتون خوش!
@designdivar
👍10
بالاخره فیگما پشتیبانی از زبانهای راست به چپ رو اضافه کرد. از امروز هر متن فارسی که در یک لایهٔ متنی جدید بنویسید درست نمایش داده میشه و متنهای قدیمی به همون شکل قدیم میمونن و اگه بخواین میتونید آپگریدشون کنید تا فارسی رو پشتیبانی کنن. البته بعد از آپگرید، متن معکوس نشون داده میشه که نیاز هست اصلاح بشه.
اگه از کامند reset to original text در پلاگین RTL PLZ استفاده کنید، متنهای درست جایگذاری و هم لایههای متنی آپگرید میشن.
البته اگه با ویرایشگر پلاگین یک لایه رو ویرایش کنید هم اون لایه آپگرید میشه.
یه ترفند کوچولو هم برای اینکه یه لایهٔ قدیمی رو بدون نیاز به پلاگین یا رفتن به منوهای فیگما سریع آپگرید کنید اینه که متنش رو پاک کنید و یه حرف انگلیسی داخلش بنویسید.
#FigmaTips
#FigmaPlugins
@designdivar
اگه از کامند reset to original text در پلاگین RTL PLZ استفاده کنید، متنهای درست جایگذاری و هم لایههای متنی آپگرید میشن.
البته اگه با ویرایشگر پلاگین یک لایه رو ویرایش کنید هم اون لایه آپگرید میشه.
یه ترفند کوچولو هم برای اینکه یه لایهٔ قدیمی رو بدون نیاز به پلاگین یا رفتن به منوهای فیگما سریع آپگرید کنید اینه که متنش رو پاک کنید و یه حرف انگلیسی داخلش بنویسید.
#FigmaTips
#FigmaPlugins
@designdivar
❤32👍14🤩11🔥3
شمارهٔ ۰۲۳ 🌸
جلسهٔ نقد طراحی چه شکلیه؟
• عنوانها به منبع لینک شدهاند •
اهمیت نقد طراحی
مقاله • اینجا دربارهٔ ویژگیهای جلسهٔ نقد طراحی، نکتههایی که خوبه در اون رعایت کنیم و روشهای برخوردمون در موقعیتهای مختلف میخونیم.
نقد طراحی در Treehouse
مقاله • این مقاله توصیفی دربارهٔ روش برگزاری جلسات نقد طراحی در گروههای کوچکتر در Treehouse میده.
بهبود نقد طراحی در Treehouse
مقاله • دنبالهٔ مقالهٔ بالا است که به بهبود فرآیند همون جلسات نقد طراحی میپردازه.
نقد طراحی با facebook
مقاله • متن جلسهٔ نقد طراحی یک دانشجو با تیمی از facebook که تعریف مسئله و طرحش رو به چالش میکشند.
ــــــ
اگر شما هم نمونههای خوب سراغ دارید، برامون بفرستید.
هفتهتون خوش!
@designdivar
جلسهٔ نقد طراحی چه شکلیه؟
• عنوانها به منبع لینک شدهاند •
اهمیت نقد طراحی
مقاله • اینجا دربارهٔ ویژگیهای جلسهٔ نقد طراحی، نکتههایی که خوبه در اون رعایت کنیم و روشهای برخوردمون در موقعیتهای مختلف میخونیم.
نقد طراحی در Treehouse
مقاله • این مقاله توصیفی دربارهٔ روش برگزاری جلسات نقد طراحی در گروههای کوچکتر در Treehouse میده.
بهبود نقد طراحی در Treehouse
مقاله • دنبالهٔ مقالهٔ بالا است که به بهبود فرآیند همون جلسات نقد طراحی میپردازه.
نقد طراحی با facebook
مقاله • متن جلسهٔ نقد طراحی یک دانشجو با تیمی از facebook که تعریف مسئله و طرحش رو به چالش میکشند.
ــــــ
اگر شما هم نمونههای خوب سراغ دارید، برامون بفرستید.
هفتهتون خوش!
@designdivar
❤4👍2
اوایل دی ماه، دیوار رویداد آنلاینی برگزار کرد با نام «دیوار تجربه» برای علاقهمندانی که میخواستن دربارهٔ صنف تجربهٔ کاربر بیشتر بدونن. اگر نتونستید شرکت کنید و سوالی دربارهٔ صنف تجربهٔ کاربر داشتید که جوابش رو نمیدونید، این پست رو بخونید. به بهانهٔ نزدیکی رویداد دوم، مهتاب حمزهلوی طراح تجربهٔ کاربر در دیوار و میزبان این رویداد تمام سوال و جوابهای این جلسه رو در این پست تحریر کرده.
https://vrgl.ir/70MYG
@designdivar
https://vrgl.ir/70MYG
@designdivar
❤21👍5🤩3😱1
شمارهٔ ۰۲۴ 🌸
چطور فرآیندهامون رو ارزیابی کنیم؟
• عنوانها به منبع لینک شدهاند •
رترو چیه؟
ویدیو • رترو فرصیته که دورهای به فعالیتها و فرآیندهای تیم نگاه کنیم و نقاط قوت و ضعفش رو شناسایی کنیم.
مراحل اجرای رترو
مقاله • نویسنده مراحل اجرای رترو رو توضیح میده و برای هر مرحله میگه میانگین چند تیم اون مرحله رو یادشون میره.
کی مقصره؟
مقاله • این مقاله دربارهٔ این حرف میزنه که چطور توجهمون رو از خطای انسانی به خطای سیستمی معطوف کنیم و به جای اتهام زدن از اشتباهات یاد بگیریم.
ریشهیابی
مقاله • این مقاله که در ادامهٔ مقالهٔ بالا میتونه خونده بشه، با یک مثال روش ریشهیابی خطاها و یاد گرفتن ازشون رو به ما نشون میده.
ــــــ
اگر شما هم نمونههای خوب سراغ دارید، برامون بفرستید.
هفتهتون خوش!
@designdivar
چطور فرآیندهامون رو ارزیابی کنیم؟
• عنوانها به منبع لینک شدهاند •
رترو چیه؟
ویدیو • رترو فرصیته که دورهای به فعالیتها و فرآیندهای تیم نگاه کنیم و نقاط قوت و ضعفش رو شناسایی کنیم.
مراحل اجرای رترو
مقاله • نویسنده مراحل اجرای رترو رو توضیح میده و برای هر مرحله میگه میانگین چند تیم اون مرحله رو یادشون میره.
کی مقصره؟
مقاله • این مقاله دربارهٔ این حرف میزنه که چطور توجهمون رو از خطای انسانی به خطای سیستمی معطوف کنیم و به جای اتهام زدن از اشتباهات یاد بگیریم.
ریشهیابی
مقاله • این مقاله که در ادامهٔ مقالهٔ بالا میتونه خونده بشه، با یک مثال روش ریشهیابی خطاها و یاد گرفتن ازشون رو به ما نشون میده.
ــــــ
اگر شما هم نمونههای خوب سراغ دارید، برامون بفرستید.
هفتهتون خوش!
@designdivar
👍6
• یه دورهمی دیگه، دوباره با دیوار تجربه •
این بار رفتیم سراغ بررسی یکی از مسائل دیوار و قصد داریم با توضیح ابعاد مختلفش، تعامل اعضای صنف و چگونگی حل مسئله در دیوار رو روشن کنیم. اگر به مطالعههای موردی علاقه دارید و دوست دارید بدونید ما توی دیوار چطور به مسائل نگاه و اونها رو حل میکنیم، برای این دورهمی ثبتنام کنید.
مثل دورهمی قبلی، این رویداد هم آنلاینه و در زوم برگزار میشه.
تاریخ رویداد: سهشنبه، ۶ اردیبهشت ماه ۱۴۰۱
ساعت رویداد: ۱۶:۳۰ تا ۱۸:۰۰
مسئله: چه کار کنیم آگهیهای فروشگاه بیشتر بشن؟
اینجا ثبتنام کنید.
ما حسابی منتظرتونیم.
این بار رفتیم سراغ بررسی یکی از مسائل دیوار و قصد داریم با توضیح ابعاد مختلفش، تعامل اعضای صنف و چگونگی حل مسئله در دیوار رو روشن کنیم. اگر به مطالعههای موردی علاقه دارید و دوست دارید بدونید ما توی دیوار چطور به مسائل نگاه و اونها رو حل میکنیم، برای این دورهمی ثبتنام کنید.
مثل دورهمی قبلی، این رویداد هم آنلاینه و در زوم برگزار میشه.
تاریخ رویداد: سهشنبه، ۶ اردیبهشت ماه ۱۴۰۱
ساعت رویداد: ۱۶:۳۰ تا ۱۸:۰۰
مسئله: چه کار کنیم آگهیهای فروشگاه بیشتر بشن؟
اینجا ثبتنام کنید.
ما حسابی منتظرتونیم.
🔥23👍7🤩3
Divar Design
• یه دورهمی دیگه، دوباره با دیوار تجربه • این بار رفتیم سراغ بررسی یکی از مسائل دیوار و قصد داریم با توضیح ابعاد مختلفش، تعامل اعضای صنف و چگونگی حل مسئله در دیوار رو روشن کنیم. اگر به مطالعههای موردی علاقه دارید و دوست دارید بدونید ما توی دیوار چطور به…
رویداد دوم دیوار تجربه شروع شده عزیزان.
🔥2
متین طراح تجربهٔ کاربر در دیواره و در این یادداشت توضیح داده چطور میتونیم رابطهٔ طراح و تیم فنی رو بهینهتر کنیم؟ همچنین در نوشتن این مطلب از نظرات تعدادی از طراحان، توسعهدهندگان و کارشناسهای QA دیوار استفاده و نتایج رو بهخوبی دستهبندی و تشریح کرده. مطلب متین رو از دست ندید و برامون از تجربههاتون بنویسید.
چطور ارتباط طراح تجربهٔ کاربر و تیم فنی را بهینهتر کنیم؟
https://vrgl.ir/pp5OH
@designdivar
چطور ارتباط طراح تجربهٔ کاربر و تیم فنی را بهینهتر کنیم؟
https://vrgl.ir/pp5OH
@designdivar
👍13❤10
شمارهٔ ۰۲۵ 🌸
وایرفریم کجا به دردم میخوره؟
• عنوانها به منبع لینک شدهاند •
وایرفریم (wireframe) چیه؟
مقاله • وایرفریم مثل نقشهٔ ساختمانه. اینجا دربارهٔ انواعش و نکاتی برای اجرای بهترش میخونیم.
داستان محصول چیه؟
مقاله • برای انسجام محصول و البته ذهن، خوبه قبل از ایجاد وایرفریم به داستانی بپردازیم که زیربنای طراحی میشه.
صفحهبندی یا محتوا؟
مقاله • وقتی محتوا همزمان با صفحهبندی طراحی میشه لازمه که انعطاف به خرج بدیم تا از هزینههای اضافی جلوگیری کنیم. چطوریش رو این مقاله توضیح میده.
وایرفلو (wireflow) چیه؟
مقاله • وایرفلوها ترکیبی از وایرفریم و فلوچارت هستند که میتونند از همون مراحل اول طراحی تجربهٔ کاربر و تعاملش رو با اپ نشون بدن.
ــــــ
اگر شما هم نمونههای خوب سراغ دارید، برامون بفرستید.
هفتهتون خوش!
@designdivar
وایرفریم کجا به دردم میخوره؟
• عنوانها به منبع لینک شدهاند •
وایرفریم (wireframe) چیه؟
مقاله • وایرفریم مثل نقشهٔ ساختمانه. اینجا دربارهٔ انواعش و نکاتی برای اجرای بهترش میخونیم.
داستان محصول چیه؟
مقاله • برای انسجام محصول و البته ذهن، خوبه قبل از ایجاد وایرفریم به داستانی بپردازیم که زیربنای طراحی میشه.
صفحهبندی یا محتوا؟
مقاله • وقتی محتوا همزمان با صفحهبندی طراحی میشه لازمه که انعطاف به خرج بدیم تا از هزینههای اضافی جلوگیری کنیم. چطوریش رو این مقاله توضیح میده.
وایرفلو (wireflow) چیه؟
مقاله • وایرفلوها ترکیبی از وایرفریم و فلوچارت هستند که میتونند از همون مراحل اول طراحی تجربهٔ کاربر و تعاملش رو با اپ نشون بدن.
ــــــ
اگر شما هم نمونههای خوب سراغ دارید، برامون بفرستید.
هفتهتون خوش!
@designdivar
👍4
شمارهٔ ۰۲۶ 🌸
گروه هدف برای پژوهش رو چطور انتخاب کنم؟
• عنوانها به منبع لینک شدهاند •
کلیات
مقاله • اینجا کلیاتی دربارهٔ ویژگیهای گروه هدف برای پژوهش، تعدادشون و روش انتخابشون میخونیم.
سوگیریها
مقاله • در انتخاب گروه هدف سوگیریهایی وجود داره. اونها رو بشناسیم و یاد بگیریم چه جوری باهاشون برخورد کنیم.
گروه هدف حرفهای
ویدیو • گاهی برای یک پژوهش نیازه که گروه حرفهایتری از کاربرها رو داشته باشیم که پیدا کردنشون سخته. چند پیشنهاد رو در این باره بخونیم.
گروه هدف پشتیبان
مقاله • برای پژوهشهای یکبهیک لازمه که با تعداد بیشتری از افراد به عنوان گروه پشتیبان هماهنگ کنیم. چرا و با چه ملاحظاتی؟
ــــــ
اگر شما هم نمونههای خوب سراغ دارید، برامون بفرستید.
هفتهتون خوش!
@designdivar
گروه هدف برای پژوهش رو چطور انتخاب کنم؟
• عنوانها به منبع لینک شدهاند •
کلیات
مقاله • اینجا کلیاتی دربارهٔ ویژگیهای گروه هدف برای پژوهش، تعدادشون و روش انتخابشون میخونیم.
سوگیریها
مقاله • در انتخاب گروه هدف سوگیریهایی وجود داره. اونها رو بشناسیم و یاد بگیریم چه جوری باهاشون برخورد کنیم.
گروه هدف حرفهای
ویدیو • گاهی برای یک پژوهش نیازه که گروه حرفهایتری از کاربرها رو داشته باشیم که پیدا کردنشون سخته. چند پیشنهاد رو در این باره بخونیم.
گروه هدف پشتیبان
مقاله • برای پژوهشهای یکبهیک لازمه که با تعداد بیشتری از افراد به عنوان گروه پشتیبان هماهنگ کنیم. چرا و با چه ملاحظاتی؟
ــــــ
اگر شما هم نمونههای خوب سراغ دارید، برامون بفرستید.
هفتهتون خوش!
@designdivar
👍9🤩2
This media is not supported in your browser
VIEW IN TELEGRAM
فیگما بهزودی امکان دارک مود رو برای همه فعال میکنه، اما اگه دوست دارید زودتر امتحانش کنید، از بوکمارکلتی که تو این صفحه هست استفاده کنید.
🔗 qqrl.ir/darkfigma
کاربرایی که از اپ فیگما استفاده میکنن و امکان استفاده از بوکمارکلت ندارن هم کافیه این تکه کد رو در کنسولِ اپ فیگما اجرا کنن. هر بار که این کد رو اجرا کنید، تم از حالت دارک به لایت یا برعکس تغییر حالت میده.
@designdivar
🔗 qqrl.ir/darkfigma
کاربرایی که از اپ فیگما استفاده میکنن و امکان استفاده از بوکمارکلت ندارن هم کافیه این تکه کد رو در کنسولِ اپ فیگما اجرا کنن. هر بار که این کد رو اجرا کنید، تم از حالت دارک به لایت یا برعکس تغییر حالت میده.
document.body.dataset.preferredTheme = document.body.dataset.preferredTheme === 'dark'?'light':'dark'
#FigmaTips@designdivar
❤18👍7🤩4👎1
شمارهٔ ۰۲۷ 🌸
داده به چه دردم میخوره؟
• عنوانها به منبع لینک شدهاند •
تعیین اولویت با داده
ویدیو • تعریف مسئله با مطالعهٔ داده همراهه تا بتونیم در بهبود محصول تشخیصهای دقیقتری از اولویتهامون داشته باشیم.
انواع داده
مقاله • اینجا دربارهٔ دادههای کمی و کیفی میخونیم و این که کِی و چهجوری باهم همراهشون کنیم.
مواجهه با دادهٔ پیچیده
مقاله • در ۵ مرحله میتونیم دادههای پیچیده رو قابل هضم و به داستانهای جذاب تبدیل کنیم.
تحلیل داده با IBM
دوره • با گذروندن این دورهٔ رایگان پایههای تحلیل داده رو یاد بگیریم.
ــــــ
اگر شما هم نمونههای خوب سراغ دارید، برامون بفرستید.
هفتهتون خوش!
@designdivar
داده به چه دردم میخوره؟
• عنوانها به منبع لینک شدهاند •
تعیین اولویت با داده
ویدیو • تعریف مسئله با مطالعهٔ داده همراهه تا بتونیم در بهبود محصول تشخیصهای دقیقتری از اولویتهامون داشته باشیم.
انواع داده
مقاله • اینجا دربارهٔ دادههای کمی و کیفی میخونیم و این که کِی و چهجوری باهم همراهشون کنیم.
مواجهه با دادهٔ پیچیده
مقاله • در ۵ مرحله میتونیم دادههای پیچیده رو قابل هضم و به داستانهای جذاب تبدیل کنیم.
تحلیل داده با IBM
دوره • با گذروندن این دورهٔ رایگان پایههای تحلیل داده رو یاد بگیریم.
ــــــ
اگر شما هم نمونههای خوب سراغ دارید، برامون بفرستید.
هفتهتون خوش!
@designdivar
👍16