محسن نجفی استودیو محسن نجفی استودیو
  • صفحه اصلی
  • مقالات
  • نمونه کار
  • بیشتر
  • دوره‌های طراحی
  • ورکشاپ‌ها
  • دوره صفر تا صد طراحی رابط کاربری
  • ورکشاپ دیزاین سیستم
محسن نجفی استودیو
02اردیبهشت

ورکشاپ دیزاین سیستم

02/02/1401 محسن نجفی ورکشاپ 14

دیزاین سیستم چیست؟

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

چرا باید در این ورکشاپ شرکت کنیم؟

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

ورکشاپ دیزاین سیستم برای چه کسانی مفید است؟

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

ورکشاپ دیزاین سیستم

سر فصل‌های ورکشاپ

بخش اول: مقدمه
بخش دوم: زبان طراحی
بخش سوم: اتمیک دیزاین
بخش چهارم: طراحی کامپوننت المان‌ها – بخش اول
بخش پنجم: طراحی کامپوننت المان‌ها – بخش دوم
بخش ششم: Pro شویم!
بخش هفتم: کار تیمی
بخش هشتم: تجربیات شخصی در دیزاین سیستم‌ها

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

مشاهده اطلاعات تکمیلی و ثبت نام ورکشاپ
مشاهده

خواندن بیشتر
21فروردین

چرا طراحی تجربه کاربری در سال 2020 بیشترین رشد را خواهد داشت؟

21/01/1401 غزاله نهانی طراحی تجربه کاربری 18

استخدام طراح تجربه کاربری

IDC پیش بینی می کند که در 3 سال آینده 500 میلیون برنامه نرم افزاری جدید که برابر با تعداد ساخته شده در 40 سال گذشته است، تولید می شود که نیاز با استخدام طراح تجربه کاربری را بیش از پیش نشان می‌دهد.

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

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

در سال 2017 TD Ameritrade برنامه های مکالمه مبتنی بر صدا و متن را برای مشتریان خود به کار گرفت و از آن زمان دیگر نیازی به استخدام عوامل انسانی جدید ندارد. شرکت Progressive Corp حدود 5 میلیون دلار پس انداز در سال 2019 فقط از طریق برنامه های مکالمه مشتری روبرو کرد ، از جمله برنامه های داخلی و عملیاتی آنها.

Capgemini بیش از 1000 مدیر و 12000 مشتری را مورد بررسی قرار داد. بسیاری از 100 شرکت برتر در هر بخش برنامه های گفتگوی مکالمه را اجرا کرده اند که بر اساس آمار شامل 48٪ شرکت های بخش خودرو ، 23٪ محصولات مصرفی و شرکت های خرده فروشی و 17٪ شرکت های خرده فروشی بانکی و بیمه.

برای اینکه دید بهتری به موضوغ داشته باشیم، امروز حداقل 40 ابزار ایجاد وب سایت ، بیش از 35 سیستم عامل مرکز پشتیبانی و بیش از 350 گزینه CRM پیدا خواهید کرد و همینطور حداقل 1000 سیستم عامل مکالمه را در بازار شناسایی شده است که این ها فقط بسترهایی برای ساخت برنامه های مکالمه هستند. تعداد واقعی برنامه های مکالمه در واقع بیشتر است.

تا سال 2018 بیش از 300،000 برنامه مکالمه فقط در Facebook Messenger وجود داشت. الکسا اکنون بیش از 100،000 برنامه دارد. فهرست برنامه Slack’s بیش از 1500 برنامه را فهرست می کند ( که این آمار شامل همه برنامه های گفتگوی خصوصی شرکت های ساخته شده نیست). این ها شامل برنامه های مکالمه ای نیست که از طریق سیستم های تلفنی و تلفن گویا ، در وب سایت ها (گفتگوی اینترنتی) و سیستم های پیام رسانی داخلی / اینترانت ، واتس اپ ، ایمیل و دیگر برنامه کار می کنند. طبق تحقیقات پیش بینی شده است که 50٪ مشاغل بیشتر از برنامه های تلفن همراه تا سال 2021 جهت برنامه های مکالمه استفاده می کنند.

مانند استفاده از وب سایت ها، برنامه های تلفن همراه و اکثر برنامه های سمت کاربر(front-end) ، موفقیت هر برنامه مکالمه با تجربه کاربری ارائه شده تعریف می شود.

بیشتر تاریخچه رابط کاربری (UI) توسط افرادی تعریف می شود که باید نحوه کار دستگاه‌ها را یاد بگیرند.

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

با توجه به موارد مطرح شده، درک اینکه چرا شرکت ها برنامه های مکالمه محور ایجاد می کنند دشوار نیست و تعجب آور نیست که چرا شرکت ها تمایل به جذب طراح تجربه کاربری با مهارت طراحی مکالمه داشته باشند.

به نوعی، همه ما این قسمت را قبلاً دیده ایم. به یاد می آورید که چه زمانی کسب و کارها به اهمیت UX و طراحی تجربه کاربری پی بردند؟ طراحی مکالمه برای اکثر شرکت ها عملکرد جدیدی است و امروزه یک شبه به یکی از مهمترین مشاغل UX تبدیل می شود.

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

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

نقش یک طراح تجربه کاربری در طراحی مکالمه محور

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

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

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

همه اینها باعث می شود که طراحی مکالمه محور نقش مهمی داشته باشد و به سرعت در حال رشد UX در سال 2020 باشد.

 

منبع: uxmag.com

خواندن بیشتر
08اسفند

کامپوننت‌ فیگما

08/12/1400 مسعود نصراللهی نرم‌افزار 26

کامپوننت‌ها در فیگما

کامپوننت فیگما

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

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

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

اگر این مفهوم به ابزارهای طراحی اضافه شود، چطور؟

https://moh3nnajafi.com/wp-content/uploads/2021/04/178f57224f2c798f1487b65163fc43e3725f13b4.mp4

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

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

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

https://moh3nnajafi.com/wp-content/uploads/2021/04/7dd1e47c3298591f19049fb7ea25038d883d0230.mp4

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

نگرش ما نسبت به کامپوننت‌ها در فیگما

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

هنگام طراحی کامپوننت‌ها در فیگما،‌ هدف ما برای ساختنشان:

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

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

کامپوننت‌ فیگما چطور کار‌ می‌کند؟

کامپوننت فیگما، عینا شبیه فریم‌ها عمل می‌‌کنند، با این پیچیدگی که در اینجا، تکثیر کردن یک جز،‌ نمونه‌ای همانند آن می‌سازد، نه کپی از آن. ما با انتخاب چیزی که قصد تبدیل آن به عنصر را داریم شروع می‌کنیم و روی گزینه‌ی ” Create Component” در نوار ابزار کلیک می کنیم.

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

ما برای ایجاد مثال می‌توانیم کلید آلت را گرفته، بکشیم و رها کنیم یا از گزینه  استفاده کنیم یا یک عنصر را کپی و پیست کنیم:

https://moh3nnajafi.com/wp-content/uploads/2021/04/20cec80210c957bb2adb47c8c6130401583e50b6.mp4

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

هر تغییری که ما روی عنصرمان اعمال می‌کنیم بلافاصله روی مثال‌هایش منعکس می‌شود:

https://moh3nnajafi.com/wp-content/uploads/2021/04/ec2d7dee85712b3ac886b04e94dd042d539a75ea.mp4

جنبه‌ی مهمی وجود دارد که مثال‌ها را خاص می‌کند: آن‌ها انعکاس‌هایی از عنصر نماینده‌یشان هستند و اجازه‌ی … تنظیمات (خصوصیات) زیادی را می‌دهد، ولی تنظیمات کمی را محدود می‌کند، مثل موقعیت (قرارگیری) و اندازه محتویات درونی، همه‌ی این‌ها برای آسانتر کردن مدیریت و برقراری کامپوننت‌ فیگما تا جای ممکن است.

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

سبک و ویژگی‌های کامپوننت فیگما

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

https://moh3nnajafi.com/wp-content/uploads/2021/04/ec2d7dee85712b3ac886b04e94dd042d539a75ea-1.mp4

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

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

وقتی ما نظرمان عوض می‌شود و می‌خواهیم که اعمال‌شده را از مثال‌ها پاک کنیم، می‌توانیم به سادگی اشیایی که می‌خواهیم ریست کنیم، را انتخاب و روی گزینه“Reset Instance” کلیک کنیم.

کامپوننت‌ فیگما، به سبک پیچیده

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

https://moh3nnajafi.com/wp-content/uploads/2021/04/ed00ecc2ee0e87054cd6785b7632f6cd5e286989.mp4

قیدگذاری در کامپوننت فیگما

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

https://moh3nnajafi.com/wp-content/uploads/2021/04/7259ef39f3a6b70c9494bdd391c8763059b308e1.mp4

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

 

منبع: figma.com

خواندن بیشتر
01مهر

ابزارهای عالی برای طراحان

01/07/1400 غزاله نهانی تجربه کاربری 66

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

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

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

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

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

به این نتیجه رسیدم که از 10 برنامه ای که آزمایش کردم ، 3 نرم افزار به اندازه کافی حرفه ای و عملکردی بود تا بتوانم به آن ها اعتماد کنم.

ابزارهای آنلاین

UXPin 

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

ابزارهای عالی برای طراحان

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

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

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

Genially

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

ابزارهای عالی برای طراحان

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

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

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

 

Gingersauce

برای ایجاد سریعتر کتابهای تجاری، که در واقع برای به نمایش گذاشتن یک کسب و کار است استفاده می شود.

ابزارهای عالی برای طراحان

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

به غیر از ایجاد نام تجاری مشهور کتاب برای مشتریانم ، من همچنین Gingersauce را در ارائه لگو (آرم) بسیار مفید دانسته ام.

من تقریباً هر روز لوگوهای زیادی ایجاد می کنم. وقتی Gingersauce را کشف کردم ، تصمیم گرفتم روش ارائه معمول خود را رها کنم و سعی کنم برای هر یک از نمونه های اولیه خود یک کتاب تجاری بسازم. 

برای این کار دو مزیت پیدا کردم: 

1) در زمان صرفه جویی می کند ، زیرا برنامه به طور خودکار تغییرات آرم ،  فاصله و غیره را ایجاد می کند. 

2) مشتریان معمولاً ویرایشهای کمتری را ارسال می کنند و تقریباً بلافاصله آرم را تایید می کنند.

منابع

Anicollection – برای پیدا کردن انیمیشن های CSS

AniCollection منبعی برای طراحانی است که از بیشتر با کد کار می کنند. این کتابخانه دارای انیمیشن های بسیاری است – تماماً آماده و در قالب های CSS ، HTML ، JQuery و AniJS.

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

من مخصوصاً دوست دارم که می توانم همه “anims” را به سبد خرید اضافه کنم و همه آنها را یکباره بارگیری کنم. که بسیار کارآمد است.

Pexels – برای یافتن تصاویر بدون حق امتیاز

ابزارهای عالی برای طراحان

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

همچنین می توانید مجموعه عکسهای خود را که دوست دارید ایجاد کنید.

نکته جالب این است که Pexels  بسیار فعال است: عکس های جدید اغلب به کتابخانه ها  اضافه می شوند. یکی از دلایل آن این است که آنها با جوایز واقعی برای عکاسان مسابقه برگزار می کنند ، بنابراین آنها را ترغیب می کند تا آثار خود را در وب سایت بارگذاری کنند.

Textureking – برای یافتن متریال های رایگان

ابزارهای عالی برای طراحان

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

فقط کافی است بر روی دسته بندی کلیک کنید ، تصویر را انتخاب کنید و آن را دانلود کنید.

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

 

 

منبع:uxplanet.org

خواندن بیشتر
05شهریور

اهمیت حافظه فضایی برای UX

05/06/1400 الهام خوشی تجربه کاربری 72

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

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

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

اما با تمرین سرانجام به یاد می آورم که پرس سیر در چه مکانی می قرار ، تا زمانی که از کشویی به کشوی دیگر حرکت نکند

تعریف: حافظه فضایی توانایی یادگیری مکان اشیا در رابط کاربری گرافیکی.

حافظه فضایی به کاربران امکان می دهد تا هنگام دستیابی به ویژگی ها یا داده های پرکاربرد، سطحی از خودکار بودن را ایجاد کنند

برای اینکه کاربران بتوانند حافظه فضایی را توسعه دهند، دو چیز لازم است

  • رابط کاربر پایدار جایی است که همه چیز در آن حرکت نمی کند (زیاد)
  • تکرار تمرین دسترسی به اشیا

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

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

 

اهمیت حافظه فضایی برای UX

ابتدا، مناطقی از کنترل که به وضوح مشخص شده اند و دارای مرزهای بصری واضح هستند (مانند نوارهای ابزار) برای ساخت حافظه فضایی برای کاربران مهم است.

دوم ، وقتی اندازه Viewport تغییر می کند (به عنوان مثال ، به دلیل تغییر اندازه پنجره های مرورگر) اشیا باید نسبت به مرزهای خارجی تا حد ممکن از نظر موقعیت پایدار باشند.

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

پر کردن مجدد طرح کامل (به عنوان مثال در طرح های رابط کاربری مبتنی بر سنگ تراشی معمول است) باعث ایجاد اختلال اساسی در توانایی کاربران برای جابجایی اشیا می شود.

اگر کاربران شما تمایل دارند که اغلب از سایت یا برنامه شما استفاده نکنند یا همیشه با یک اندازه نمای واحد کار می کنند ، reflowing)) بسیار خوب است.

با تغییر اندازه پنجره مرورگر ، MacOS Finder پوشه Applications را مجدداً رد می کند و نمادها را به سطرهای دیگر فشار می دهد تا پیمایش افقی وجود نداشته باشد.

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

اهمیت حافظه فضایی برای UX

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

اهمیت حافظه فضایی برای UX

روش دیگر کوچک کردن همه نمادها است تا موقعیت نسبی آنها را حفظ کند.

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

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

مردم نسبت به این اشیا به راحتی قابل کشف جهت گیری می کنند

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

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

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

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

به عنوان مثال ، هنگامی که در شهر جدید هستید و می توانید به هتل برگردید (بدون استفاده از برنامه تلفن همراه) ، حافظه فضایی درگیر می شود.

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

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

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

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

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

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

حافظه فضایی ناقص است.

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

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

سرانجام ، با تمرین و تکرار کافی ، کاربران یک حافظه فضایی دقیق از چند مورد را که معمولاً قابل دسترسی است، ایجاد می کنند. حافظه فضایی نادرست است: یادآوری مکان کنترل ها نسبتاً نادرست است.

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

کمک به کاربران در ساخت حافظه فضایی

دستورالعمل های زیر با توجه به این نکته مهم ارائه می شوند: همه باید در برابر سایر ملاحظات UX متعادل باشند تا بهترین انتخاب کلی طراحی برای کاربران شما در شرایط خاص و وظایف آنها تعیین شود.

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

در چنین حالاتی ، جابجایی سریع ویژگی ها و محتوای کلیدی مهم است.

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

از رابط های سازگار خودداری کنید.

رابط های انطباقی عناصر UI را در پاسخ به نیازهای مورد انتظار کاربر مرتب می کنند.

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

نوعی رابط کاربری تطبیقی که حافظه فضایی را نمی شکند ، رابطی با منطقه ویژه برای موارد مکرر یا اخیراً استفاده شده است.

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

اهمیت حافظه فضایی برای UX

با برچسب های نوشتاری و تصاویر کوچک، برجستگی را افزایش دهید.

از آنجا که حافظه فضایی نسبتاً نادرست است، تنها تکیه بر آن برای یافتن موارد در UI بسیار کارآمد نخواهد بود. از آنجا که بیشتر کاربران محله درشت یک جسم را به خاطر می آورند ، برای یافتن جسم خاص مجبور به جستجوی تصویری در آن محله هستند.

برای سرعت بخشیدن به این روند، طراحان باید سایر نشانه های تصویری یا متنی تکمیلی را ارائه دهند.

به این معنی که، به عنوان مثال، آیکون ها را با برچسب های متنی مرتبط کنید یا تصاویر کوچک صفحه را در یک سند قرار دهید تا به کاربران در یافتن صفحات خاص کمک کند

ویژگی های برجسته بصری ، مانند برجسته سازی رنگ یا نشان ، می توانند اشیا را در لیست های متراکم متمایز کنند، اما برای جلوگیری از بهم ریختگی بصری غیر ضروری (که می تواند سرعت جستجو بصری را کاهش دهد) احتیاط کنید

از سلسله مراتب گسترده و کم عمق استفاده کنید.

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

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

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

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

این بدان معنا نیست که سلسله مراتب گسترده و کم عمق ذاتاً در همه موارد برتر هستند، اما، برای ایجاد حافظه فضایی، گستردگی بهتر از عمق است.

نمایش نمای کلی اطلاعات فضا

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

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

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

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

در حقیقت ، یک مطالعه توسط B. Bederson و A. Boltman نشان داد که این روش درک فضایی را برای کاربران بهبود می بخشد.

Apple's Preview PDF viewer showing a series of thumbnails for all the pages in a document

برای کاربران علامت های مشخصی ایجاد کنید

به خصوص در برنامه های غنی از داده ، با پیچیدگی بالا ، کاربران معمولاً نیاز به انبوهی از داده ها دارند و سپس چندین گزینه را مرور می کنند

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

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

خلاصه:

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

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

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

 

منبع: nngroup.com

خواندن بیشتر
22مرداد

ساده ترین روش تجزیه و تحلیل جریان کار

22/05/1400 درسا سادات حسینی پور تجربه کاربری 66

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

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

یکی از بهترین راه ها برای نشان دادن کارایی یک محصول یا عملکرد چیست؟ شماره! برای خاص تر بودن – ایده های معتبر با داده ها. من ساده ترین روش تجزیه و تحلیل جریان کار را در این مقاله با شما به اشتراک می گذارم.

نگاهی به مثال onboarding flow

ساده ترین روش تجزیه و تحلیل جریان کار                                                             Onboarding flow

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

۱:کلیک کردن

۲:تایپ کردن

۳:باز کردن لینک

۴:طومار

در مرحله بعد، باید آنها را با توجه به اهمیت آنها (بار ذهنی)، زمان و تلاش صرف شده ارزیابی کنیم. به عنوان مثال، به نظر می رسد پیمایش ساده ترین کار است زیرا کاربر مجبور نیست تصمیمی اساسی بگیرد. آنها هنگام پیمایش فقط به سرعت به محتوا نگاه می کنند. بنابراین من 1 امتیاز به آن اختصاص دادم. این یک قسمت بسیار ذهنی از فرایند است، بنابراین در هنگام ارزیابی، آزادانه آزمایش کنید. در مورد من Tap 3 امتیاز ، Type 5 امتیاز و لینک خارجی 10 امتیاز است (این بالاترین میزان است زیرا کاربران مجبور به ترک برنامه هستند که می تواند خطرناک باشد).

صفحه ها را ارزیابی کنید

علائم را برای شناسایی هر عمل در نزدیکی صفحه های مربوطه قرار دهید:

ساده ترین روش تجزیه و تحلیل جریان کار

                                12 Taps / 4 Types / 1 External link / 1 Scroll

جریان را ساده کنید

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

ساده ترین روش تجزیه و تحلیل جریان کار                   

                      6 Taps / 3 Types / 1 External link / 1 Scroll

محاسبه

به محض ارزیابی جریان های اولیه و به روز شده، وقت آن است که اکسل را باز کرده و دو صفحه ایجاد کنیم. یکی برای نسخه اولیه و دیگری برای نسخه به روز شده. فرمولهای ساده را در ستون سوم وارد کنید (e.x. = B1 * 3 – در صورت ضربه زدن – تعداد شیپور خاموشی در مقدار آن).

ساده ترین روش تجزیه و تحلیل جریان کار

                                                            Tap counts =B1*3

به محض اینکه فرمولهایی در ستون C وارد شد ، ستون B را با رقم پر کنید. نمره کل در ستون 5 و سطر C نشان داده می شود (برای مشاهده نتیجه = SUM را وارد کنید (C1: C4 در آن).

ساده ترین روش تجزیه و تحلیل جریان کار

کار در Excel اختیاری است ، شما می توانید همه چیز را فقط با استفاده از قلم و کاغذ محاسبه کنید

اکنون می توانید نتایج را مشاهده کنید: جریان به روز شده 37٪ ((67-42) / 67×100 = 37) ساده تر از جریان اصلی است!

 

چه زمانی ساده ترین روش تجزیه و تحلیل جریان کار مفید است؟

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

 

منبع: uxmag.com

خواندن بیشتر
18مرداد

سیستم های طراحی مزخرف هستند

18/05/1400 درسا سادات حسینی پور تجربه کاربری 59

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

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

من در مورد سیستم های طراحی همان احساسی را دارم که قبل از سخنرانی ناتاشا جن در سال ۲۰۱۸ با عنوان “Desin Thinking Is Bullsh * t” در مورد تفکر طراحی احساس کردم. یعنی چرا هیچ کس در مورد نکات منفی صحبت نمی کند؟ معلوم شد که کاملاً درست نیست.

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

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

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

تعریف

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

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

 

هر آنچه باید بدانید

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

. در این نقل قول از براد فراست در تعریف سیستم های طراحی، می توان تفکر مسئله دار دیگری را مشاهده کرد: “

مجموعه ای از اجزای طراحی رابط کاربر بدون همراهی فلسفه، اصول، دستورالعمل ها، فرآیندها و مستندات مانند ریختن یک دسته از اجزای IKEA روی زمین است و گفتن” اینجا ، یک کمد بساز! “دستورالعمل ها و مستندات همراه با اجزای طراحی رابط کاربری به عنوان کتابچه راهنمای همراه با اجزای IKEA برای کمک به کاربر در ساخت درست و موفقیت آمیز مبلمان. ” ~

Illustration of a man in a straitjacket with an overlaying pattern of robots covering the whole image.

 

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

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

سیستم های طراحی ، طراحی را به یک جعبه تأیید تبدیل می کنند

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

ناتاشا جن: تفکر طراحی مزخرف است

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

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

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

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

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

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

 

سیستم های طراحی وقت تلف می کنند

ما ۲ سال را در حال ساخت بهترین بخش مدل مشارکت برای سیستم طراحی GOV.UK هستیم و هنوز کار ما تمام نشده است. حتی نزدیک نیست. ” ~

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

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

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

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

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

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

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

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

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

سیستم های طراحی کار نمی کنند

 چالش با هر سیستم طراحی این است که اگر بدون مشورت از بالا به پایین تحمیل شوند، کار نمی کنند، پذیرفته نمی شوند، رشد نمی کنند یا استفاده نمی شوند.”  

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

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

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

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

 

سیستم های طراحی متن را نادیده می گیرند

طراحان آموزش دیده اند و انتظار می رود که بر اساس قضاوت تصمیمات خوبی بگیرند … برای در نظر گرفتن این قضاوت در سیستمی که از طریق گروه اندیشی آشکار می شود ، ارائه تخصص طراحان فردی به یک نیروی خارجی است.”

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

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

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

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

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

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

اگر چیزی همیشه عملی شود ، همیشه به روز می شود ، چگونه می توان به آن اعتماد کرد؟

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

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

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

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

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

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

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

 دائماً تلاش برای بهینه سازی کار و فشردن کارآیی بیشتر ، سرنوشت شما را در مکانی رها می کند که هیچ چیز از صنعت دستی نمی تواند وجود داشته باشد، درنتیجه شما را از کار خود بیزار می کند.

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

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

نکته آخر

من معتقدم ما باید سیستم ها را نتیجه یک طرز تفکر درباره طراحی بدانیم.

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

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

 

منبع: uxplanet.org

خواندن بیشتر
14مرداد

10 ترفند طراحی

14/05/1400 غزاله نهانی رابط کاربری 60

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

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

10) طرح های سیاه و سفید بزنید.

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

بیایید یک مثال را ببینیم.

 10 ترفند طراحی

ساده اما تاثیر گذار

9) یک “طرح متعادل” ایجاد کنید.

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

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

هدف این است که به اندازه تمام مطالب سیاه و سفید در چپ و راست و بالا و پایین بیاورید. اگر این اصل را در نمونه کارهای ساده

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

 10 ترفند طراحی

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

مطمئنا شما باید طراحی را با چشم ببینید اما اجازه دهید محاسباتی انجام دهیم.

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

(236 * 138) + (934 * 132) + (313 * 69) + (674 * 44) = 207109 پیکسل

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

446 44 446 = 198916 پیکسل.

آنها فقط با اختلاف کمی تفاوت دارند: 3.9558٪!

دقت کنید المان هایی مانند مستطیل که دارای زاویه هستند باعث جلب توجه بیشتر می شود.

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

8) طرح را با پس زمینه ارائه دهید.

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

اما مراقب باشید: در یک وب سایت واقعی فضای اضافی را نخواهید داشت، بنابراین این فقط یک ترفند ارائه است!

دانه های قهوه هم عمق و هم پس زمینه(سایه) دارند.

 10 ترفند طراحی

7) برای اندازه گیری فونت ها از دستورالعمل ها استفاده کنید.

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

 اندازه های پیش فرض Figma برای تایپوگرافی بسیار مناسب است.

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

پاراگراف: 18 ، Navbar: 24 ، عنوان 96.

 10 ترفند طراحی

6) از Z-Index استفاده کنید

اگر چند عکس با پس زمینه شفاف(transparent) دارید می توانید از آنها برای ایجاد لایه بندی استفاده کنید و یا اگر هم این نوع تصاویر را ندارید میتوانید پس زمینه عکس خود را بوسیله سایت https://www.remove.bg/ حذف کنید.

به وسیله Z-Index می توانید تصاویر را در پشت یا جلوی یکدیگر جابجا کنید و این باعث ایجاد تصاویر سه بعدی می شود که بسیار در ظاهر طراحی موثر است.

در زیر عکسی ساده ای را می بینید که بوسیله Z-Index جذابیت پیدا کرده است.

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

 10 ترفند طراحی

5) از رنگ های پاستلی استفاده کنید

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

مستطیل قرمز حاوی رنگ های جالب بسیاری است.

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

 10 ترفند طراحی

 10 ترفند طراحی

4) اجازه بدهید طرح شما نفس بکشد

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

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

اجازه بدهید پس زمینه مشخص باشد.

  1. عدم استفاده از دیوار متنی.
  2. از تصاویری استفاده کنید که توجه زیادی را به خود جلب نکنند.
  3. تا جایی که میتوانید متن را خلاصه کنید و یک عبارت جذاب بکار ببرید.
  4. فضای خالی زیاد کمک زیادی به خوب بنظر رسیدن طراحی می کند.

 10 ترفند طراحی

3) قدرت صدا را کشف کنید.

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

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

همچنین، استفاده از یک سر و صدای ظریف به ترکیب شما ظاهری سینمایی می دهد، که با فیلم ها و وب سایت های پویا بسیار خوب کار می کند.

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

سر و صدای ظریف یک پس زمینه کاغذ مانند را ایجاد می کند. پرتره جسیکا فلیسیو.

 10 ترفند طراحی

2) شروع به جستجو در حروف بزرگ کنید.

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

نکته: بسیاری از حروف چاپی رایگان نیستند و استفاده از آنها بدون مجوز میتواند شما را به دردسر بیندازد اما نگران نباشید بیشتر حروف چاپی نسخه رایگان دارند!

تعداد زیادی از خانواده ها و سبک های مختلف وجود دارد، اما به طور کلی، آنها را به سه دسته اصلی تقسیم می کنم:

حروف چاپی ظریف

حروف چاپی مدرن

حروف برای متن متن

غالباً ، دو تایپ اول نیز نوع نمایشی هستند: میتوانید از آنها برای عنوان مطالب استفاده کنید.

شما می توانید به دنبال حروف بزرگ مانند Abril Fatface ، Playfair Display ، Volux ، Chalga و بسیاری موارد دیگر بگردید.

حروف چاپی مدرن شامل Metropolis ، ITC Avant Garde ، Redwing ، Takota ، Gotham است.

 10 ترفند طراحی

1) از هندسه استفاده کنید.

این احتمالاً سخت ترین ترفند برای استفاده است، اما اگر به درستی اعمال شود، کاملاً  خوب می شود.

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

یک ترفند بزرگ این است که از حروف، اعداد و عناوین متن نوشتاری خود به عنوان هندسه استفاده کنید : آنها را بزرگ اما ظریف کنید یا از برخی حروف خاص به عنوان شکل استفاده کنید (A بسیار عالی عمل می کند).

حرف A این مفهوم مختصر برای برنامه Ab Meister که من در حال توسعه آن هستم کاملاً کار کرده است.

 

 10 ترفند طراحی

منبع: uxplanet.org

خواندن بیشتر
12مرداد

چک لیست طراحی

12/05/1400 محسن نجفی تجربه کاربری 65

 

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

“خودت باش؛ بقیه افراد قبلا انتخاب شده اند”.  اسکار وایلد

دوست دارید در کار طراحی خود محدودیت داشته باشید؟

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

اگر خود را یک طراح می دانید که طراحی کاربر محور انجام می دهد، به احتمال زیاد اصول زیادی را رعایت می کنید. به عبارت دیگر ، شما با پیروی از روشهای داده شده، روشهای کار و الگوهای تفکر محدودیتهایی را به خود تحمیل می کنید. به عنوان مثال استاندارد ISO 9241-210 شش اصل اساسی را توصیف می کند که اطمینان حاصل کند طراحی شما کاربر محور باشد:

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

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

 

چک لیست طراحی برای هدایت طراحی شما

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

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

1.   با نیازها شروع کنید

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

2.   کمتر کار کنید

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

3.   طراحی با توجه به داده ها

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

 

4.    سخت کار کنید تا ساده شود

ساده جلوه دادن چیزی آسان است. ساختن یک چیز ساده برای استفاده بسیار دشوارتر است، مخصوصاً وقتی سیستم های پایه‌ای پیچیده هستند، اما این دقیقا همان کاری است که باید انجام دهیم. “همیشه اینطور بوده است” را به عنوان پاسخ قبول نکنید. ساده سازی کارها معمولاً کار بیشتری دارد و سخت تر است، اما کار درستی است.

5.   تکرار کنید و دوباره تکرار کنید.

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

6.    چک لیست طراحی برای همه است.

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

7.    موقعیت را بفهمید.

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

8.    خدمات دیجیتالی بسازید، نه وب سایت.

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

9.   سازگار با الگوها باشید اما یکنواخت نباشید

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

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

10.   مسائل را بشکافید: این کار اوضاع را بهتر می کند

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

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

https://www.gov.uk/design-principles

 

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

در سال 2009 ، Atul Gawande  کتابی را منتشر کرد به نام “مانیفست چک لیست: چگونه همه چیز را درست کنیم“. به گفته وی، کارشناسان نیاز به چک لیست دارند، یعنی راهنماهای نوشته شده ای که آنها را از طریق مراحل کلیدی در هر روش پیچیده کمک می کند. وی به عنوان یک جراح چک لیست ایمنی جراحی WHO را ایجاد کرد که طی یک سال مطالعه آزمایشی در هشت بیمارستان در سراسر جهان ، مرگ و عوارض ناشی از جراحی را تا یک سوم کاهش داد. فقط تصور کنید که با معرفی یک چک لیست، جان چند نفر را نجات داده است.

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

مجله Smashing در مجموع 45 چک لیست طراحی جمع آوری کرد:

http://www.smashingmagazine.com/2009/06/45-incredibly-useful-web-design-checklists-and-questionnaires/

میتوانید در آن نمونه ها بیشتری ببینید.

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

چک لیست طراحی برای طراحی های عالی

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

منبع: interaction-design.org

 

 

خواندن بیشتر
23خرداد

بانکداری با هوش مصنوعی

23/03/1400 الهام خوشی تجربه کاربری 62

بانکداری با هوش مصنوعی، موفقیت در بانکداری یا فاجعه؟

در پتانسیل و امکانات عظیم بانکداری و هوش مصنوعی (AI) در بانکداری شکی نیست.

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

به گفته تمنوس، 77 درصد از رهبران بانکی به شدت معتقدند که هوش مصنوعی بزرگترین تغییر دهنده بازی در بین تمام فن‌آوری های پیشرفته خواهد بود. به گفته Salesforce، در میان همه گیر شدن ، 88٪ از مشتریان انتظار دارند که شرکتها اقدامات دیجیتالی خود را تسریع کنند، در حالی که 68٪ اظهار داشتند که COVID-19 انتظارات آنها را از قابلیت های دیجیتالی مارک ها بالا برده است.

می توانیم ببینیم که قبل از COVID-19 ، آزمایش امکانات هوش مصنوعی بیشتر شبیه یک تمرین جعبه تیک با شعار نوآوری همراه بود.

اخیراً ، به منظور ارتقا تجربه بانکی مشتری، نقش آن به تدریج به “باید” تغییر می یابد.

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

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

آینده بانکداری دیجیتال توسط هوش مصنوعی سوپرشارژ می شود. 

مدتی است که صنعت بانکداری برای انطباق با فناوری های جدید تحت فشار قرار گرفته است. فشار فزاینده رقابت با شرکت های Big Tech و تعداد فینتک های در حال ظهور تا حد زیادی با تأثیر همه گیری تسریع شد، و راهی برای اقدام فوری باقی نگذاشت.

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

در حقیقت ، وقتی نوبت به یک تهدید رقابتی می رسد ، طبق واحد اطلاعات اقتصادی اکونومیست 50٪ از بانکداران PayPal و ApplePay را در نظر می گیرند ، در حالی که 34٪ شرکت های Big Tech مانند Google ، Facebook و Alibaba را نام می برند.

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

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

” بانکی در جهان شماره یک خواهد بود که یک شرکت فناوری باشد” به عنوان برت کینگ، تأثیرگذار Fintech ، نویسنده و آینده پژوه ، اینگونه پیش بینی کرد: درسته که بانک های آینده باید دیجیتالی شوند و بر این اساس استراتژی های دیجیتالی خود را ایجاد کنند. غیرقابل تصور است که یک شرکت دیجیتال در انطباق با پیشرفت های تکنولوژیکی کند عمل کند.

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

افزایش نیروی کار و کارایی هزینه:

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

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

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

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

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

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

قهرمانان در تجربه شخصی افزایش سرسام آور مشتری:

طبق تحقیقات ووندرمن ، 79٪ از مشتریان در ایالات متحده مطمئن هستند که مارک ها باید درک و مراقبت از مشتریان خود را نشان دهند و 89٪ مایل به تعامل با مشاغلی هستند که نه تنها مراقبت نشان می دهند بلکه فراتر از آن هم هستند.

درست است که کلید موفقیت در یک شرکت مالی موفق پس از COVID ، تمرکز 100 درصدی بر حل مشکلات مشتریان به

موثرترین روش ممکن ، به جای پیروی از یک سناریو استاندارد است.

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

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

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

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

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

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

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

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

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

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

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

تجربه کاربر بانکی در آینده باید کاملاً شخصی سازی شود و بتواند راه حل هایی متناسب با نیازهای خاص هر مشتری در شرایط خاص ، درست در زمان نیاز مشتری به مشتری ارائه دهد.

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

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

بانکداری با هوش مصنوعی

جلوگیری از فاجعه هوش مصنوعی با فرهنگ و استراتژی انسان محور:

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

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

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

همچنین در رهبری سازمانها عدم اطمینان وجود دارد.

بر اساس گزارشی از دستور کار هیئت مدیره ، 78٪ از روسای هیئت مدیره ، مدیران ، مدیران عامل ، مدیران عامل و سایر مدیران نمی توانند تأیید کنند که هیئت مدیره و مدیریت ارشد به اندازه کافی از پیامدهای هوش مصنوعی در تجارت و صنعت ، از جمله تأثیر آن بر جامعه یا ژئوپلیتیک ، درک می کنند.

بسیاری از مدیران بر سودهای اصلی کسب و کار هوش مصنوعی ، مانند صرفه جویی در هزینه و کارایی ، تأکید می کنند ، در حالی که 76٪ نگران این هستند که “استفاده از هوش مصنوعی در شرکت تغییرات اخلاقی یا فرهنگی قابل توجهی را در شرکت ایجاد می کند که باید به دقت مدیریت شوند.”

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

5 گام اقدام در جهت اطمینان از یکپارچه سازی بانکداری هوش مصنوعی مشتری محور

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

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

بانکداری با هوش مصنوعی

1. ذهنیت تجربه را در آغوش بگیرید

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

شروع درک طرح به عنوان یک ذهنیت یا یک ایدئولوژی که مشتری را در مرکز همه فعالیت های تجاری قرار می دهد بسیار مهم است.

2. مشتری مداری را در تمام سطوح شرکت ادغام کنید

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

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

در اینجا پنج جنبه اصلی وجود دارد که باید برای تسریع توانایی FI ها در انطباق هوش مصنوعی به روشی بهینه متمرکز شوید:

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

بانکداری با هوش مصنوعی

3. فرهنگ مخل و انسان مدار را به تصویب برسانید

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

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

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

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

 

بانکداری با هوش مصنوعی

4. چشم انداز دیجیتال را گسترش دهید و با شرکت های فناوری همکاری کنید

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

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

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

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

5- یک اکوسیستم دیجیتالی ایجاد کنید

چهل و پنج درصد از مدیران بانکی در حال تبدیل مدل های تجاری موجود خود به اکوسیستم دیجیتال هستند. بر اساس مطالعه The Intelligence Unit & Temenos ، بانک ها همچنان در حال تطبیق ساختارهای داخلی خود با فن آوری های دیجیتالی هستند تا تجربه مشتری ، ارائه محصولات و جریان های جدید درآمد را افزایش دهند.

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

یک سیستم مناسب طراحی UX / UI ایجاد کنید. این اطمینان را می دهد که همه افرادی که روی محصولات اکوسیستم کار می کنند در یک صفحه قرار دارند و می توانند به راحتی راه حل های دیجیتالی سازگار را در زمینه مسئولیت خاص خود توسعه دهند و آنها را به طور مداوم با فرصت های گسترده AI کشف کنید.

هوش مصنوعی را پلی بین مارک های مالی و مشتریان قرار دهید

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

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

 

منبع: uxplanet.org

خواندن بیشتر
    123…13