امروز زمان آن است که در مورد چیزی که احتمالا برای برخی از شما اتفاق می افتد صحبت کنید. من به عنوان یک فریلنسر کار می کنم و کنسرت های توسعه فول استک انجام می دهم. اگرچه من انجام کارهای فرانت اند را بیشتر دوست دارم، اما چیزی وجود دارد که همیشه برای من مشکل ایجاد می کند: دریافت بازخورد از مشتریانی که از فناوری آگاه نیستند.
برای آنها، توضیح دادن اشتباه است، اما برای من (مانند هر توسعه دهنده ای) وقتی نمی دانم درست کردن چیزی پیچیده است آنچه می خواهند تغییر دهند.
تلاش برای حل بزرگترین مشکلم به عنوان یک فریلنسر فرانت اند
برای کمک به آنها در این کار، من چیزهای زیادی را امتحان کرده ام: کارت های Trello، یک تابلوی مفهومی، گذاشتن نظرات در یک فایل Figma و حتی آنها را وادار به ضبط ویدیو کنید با Loom در رابط کاربری با ماوس خود به آنچه می خواهند تغییر دهند اشاره می کند.
اما هیچ راه حلی کامل نبود. همه آنها مبارزات خود را داشتند، و من دوست نداشتم زندگی آنها را پیچیده تر کنم، بنابراین آنها مرا استخدام کردند تا به آنها کمک کنم!
اما این هفته همه چیز تغییر کرد. تصمیم گرفتم Livecycle.io را امتحان کنم، پلتفرمی که به من امکان می دهد با مشتریانم در آن همکاری کنم پیش نمایش زنده روابط عمومی در زمان واقعی. اگر عجله دارید و نمی‌خواهید کل مقاله را بخوانید، Livecycle.io به من کمک کرده تا ارتباطات مشتری خود را بهبود بخشم، گردش کارم را ساده کنم و افزایش رضایت مشتری تا 300 درصد (خوب، مطمئن نیستم که آیا این عدد واقعی است، زیرا نمی توانم آن را اندازه گیری کنم، اما آنها واقعا خوشحال بودند!).
اما اگر می‌خواهید از خواندن خوب لذت ببرید، در این مقاله، نحوه استفاده از Livecycle.io را با همه مشتریانم با شما به اشتراک می‌گذارم و چرا شما نیز باید آن را امتحان کنید (امتحانش رایگان است!).
یک راه حل می تواند اینجا باشد
همانطور که گفتم من عاشق این ابزار شدم. من می‌توانم تمام ویژگی‌های آن را مرور کنم، اما… هدف مقاله این نیست. موضوع اصلی این است که به شما نشان دهم چگونه از آن استفاده می کنم.
اساساً با این ابزار ادغام شده در پروژه شما، می توانید یک رابط کاربری در پروژه ای داشته باشید که مشتریان شما (یا شاید هم تیمی ها) می تواند برای ارائه بازخورد در برنامه وب به روشی آسان استفاده شود.
اما خوبی برای من (و برای شما، به عنوان یک توسعه دهنده) آن است بازخورد به طور خودکار با مخزن GitHub پروژه همگام سازی می شود در روابط عمومی که آزمایش می کنید بنابراین همه بازخوردها و نظرات را در یک مکان دریافت می‌کنید که باید هر روز آنها را بررسی کنید (😉)، و مشتریان شما نیازی به یادگیری مطالب جدید ندارند.چیزهای پیچیده“این یک برد-برد است، اینطور نیست؟
وقت آن است که آن را در پروژه خود ادغام کنم
بدیهی است که من قبلاً آن را در یکی از پروژه های خود ادغام کرده ام (یا در موردش نمی نویسم). با این حال، من فکر می کنم بهترین راه برای یادگیری در مورد چیزی این است که خودتان آن را امتحان کنید، بنابراین این چیزی شبیه یک خواهد بود راهنمای کوتاه بنابراین می توانید برای آزمایشی ثبت نام کرده و آن را در برخی از پروژه های خود نصب کنید. لذت ببرید!
اولین کاری که باید انجام دهید این است که در وب سایت آنها ثبت نام کنید. فقط باید به https://livecycle.io/ بروید و روی دکمه آبی بزرگی که می گوید «اکنون امتحانش کن» کلیک کنید:
وقتی روی آن دکمه کلیک کردید، از شما خواسته می شود که ثبت نام کنید، من حساب Google خود را انتخاب کردم، اما شما می توانید یکی از آنها را انتخاب کنید:
وقتی وارد شدید، جادوگر را دنبال کنید برای اتمام تنظیمات حساب (بیشتر مواردی مانند ایجاد یک سازمان جدید در حساب شما و اتصال مخزن پروژه خواهد بود، هیچ چیز پیچیده ای نیست).
اکنون زمان اتصال به پروژه است. در مورد من، من می خواهید آن را به داشبورد مدیریت متصل کنید من برای یکی از مشتریانم می سازم. من می خواهم آنها بتوانند به راحتی بازخورد رابط کاربری را به من بدهند، بنابراین به نظر می رسد راه حل عالی باشد!
برای اتصال مخزن خود، در نوار کناری سمت چپ، در قسمت مخازن کلیک کنید. شما باید مراحل داده شده توسط ویزارد را دنبال کنید، و در کمتر از 5 دقیقه، مخزن را متصل خواهید کرد.
در مورد من، داشبورد در React کدگذاری شده است، بنابراین برای ادغام LiveCycle SDK در پروژه خود، باید بسته NPM آن را نصب کنم (همانطور که توسط جادوگر دستی پیشنهاد شده است). بیایید آن را انجام دهیم.
اولین قدم این است برای ایجاد یک شعبه برای Livecycle در پروژه شما برای انجام این کار، به شاخه اصلی توسعه خود رفتم و این دستور را اجرا کردم:
git checkout -b livecycle-sdk
اکنون ما “آزمایش کردن“شاخه، پس زمان نصب SDK در آنجا فرا رسیده است. برای انجام این کار از هر مدیر بسته استفاده کنید. در مورد من، من از نخ استفاده خواهم کرد:
yarn add @livecycle/sdk
فقط یک قدم مانده است! ما باید SDK را مقداردهی اولیه کنیم. برای انجام این کار، کد داده شده توسط ویزارد را جایگذاری کنید به فایل برنامه root پروژه شما (اگر از فریمورک دیگری استفاده می کنید، دستورالعمل ها را در دستیار نصب خواهید داشت، نگران نباشید):
در مورد من، کد شبیه به این است:
اگر به اطلاعات بیشتری در مورد نحوه اضافه کردن آن به پروژه خود نیاز دارید، به شما توصیه می کنم اسناد رسمی آنها را در اینجا بررسی کنید.
همه کدها آماده است! اکنون فقط تغییرات شاخه را فشار دهید و یک درخواست کشش جدید باز کنید. این مهم است زیرا در داخل آن درخواست کشش، جایی است که همه بازخوردها را خواهید یافت مشتریان شما برای شما ارسال می کنند!
PR باید شاخه livecycle-sdk به شاخه توسعه شما باشد. پس از ایجاد آن، به مرحله بعدی بروید.
پیوند درخواست کشش خود به LiveCycle SDK
مرحله نهایی اینجاست. اکنون زمان آن رسیده است که به Livecycle اطلاع دهید که درخواست کششی که در آن می خواهید بازخورد دریافت کنید کدام است.
در ویزارد نصب، اگر روی next کلیک کنید، توضیح این مرحله را مشاهده خواهید کرد، اما اساساً باید به Livecycle اجازه دهید که بداند محیط پیش نمایش شما کجاست. اگر پروژه خود را در یکی از پلتفرم های پشتیبانی شده آنها مستقر می کنید، این فرآیند به صورت خودکار انجام می شود. در هر صورت، شما می توانید آن را به صورت دستی با فقط یک دستور!
در مورد من، پروژه در میزبانی می شود Vercel، یکی از سیستم عامل های پشتیبانی شده آنها، بنابراین نصب فقط با یک کلیک بود. با حاله.
پس از آن، پیامی را می بینیم که هر توسعه دهنده ای دوست دارد ببیند:
یک صفحه نمایش خوب!
بازی در زمین بازی
اگر زمین بازی را باز کنیم، می توانیم شروع به دریافت بازخورد کنیم، بنابراین این کار را انجام دادم:
هنگامی که آن را باز کردید، یک جادوگر کوتاه دارید که عملکردهای مختلف را توضیح می دهد، و پس از آن، می توانید شروع به بازی کنید.
یکی از متداول‌ترین بازخوردهایی که از مشتریانم دریافت می‌کنم در مورد تغییر برخی ویژگی‌های ظاهری است. گاهی به من می گویند:من دوست دارم آن هدر بزرگتر باشداما… چقدر؟ آنها نمی دانند چون از اندازه فونت اطلاعی ندارند.
با استفاده از این ابزار، دیگر مشکلی وجود ندارد آنها می توانند صفحه را فقط با اسلایدرها ویرایش کنند و دکمه ها؛ هیچ کدی لازم نیست خیلی باحاله.
تصور کنید مشتری من می خواهد بازخورد زیر را ارائه دهد: “کارت نمایه باید عنوان بزرگتر و فضای بیشتری بین خطوط متن داشته باشد. من همچنین می خواهم پس زمینه تیره تر باشد.“
خوب، حالا آنها فقط می توانند بازخورد را ویرایش و ارسال کنند!
پس از آن، آنها فقط باید آن را پست کنند، و من به طور خودکار تمام بازخوردهای جدید را در درخواست کشش GitHub دریافت می کنم. با کد CSS که تغییر کرده و قبل و بعد از تصاویر:
مشتریان من در مورد آن چه فکر می کنند؟
معمولاً وقتی یک توسعه دهنده یک ویژگی جدید جالب پیدا می کند، بقیه دنیا فکر می کنند که ویژگی جدید پیچیده است و ترجیح می دهند از روش قدیمی استفاده کنند. بنابراین وقتی شروع به استفاده از این محلول کردم، من نگران بودم زیرا حتی اگر فکر می کردم که این مفید است، شاید مشتریان من ترجیح می دهند از روش های قدیمی استفاده کنند، حتی اگر آنها بسیار بدتر باشند.
اما من واقعا خوشحال شدم که از آنها شنیدم که به لطف دستیار که وقتی برای اولین بار زمین بازی را باز می کنید، می بینید، آنها توانستند کل روند را درک کنند و در چند دقیقه، آنها قبلاً بازخوردهایی را ارسال می کردند.
افکار پایانی من
خوب، همانطور که می توانید بخوانید، من از این یافته بسیار خوشحال هستم. بدیهی است که ممکن است برای شما مفید نباشد. اما شما باید حداقل آن را امتحان کنید. منظور من این است که، آزمایشی رایگان دارد، نصب بیش از 5 دقیقه طول نمی کشد، مستندات خوبی دارد و کار خود را طبق برنامه انجام می دهد.
اگر بخواهم چیزی را از ابزار آنها بهبود ببخشم، این فقط اضافه کردن یک پوشش برجسته تر به جادوگری است که در صفحه زمین بازی باز می شود، زیرا فقط یک حباب صورتی کوچک است که برای خواندن پیام باید روی آن کلیک کنید، و اولین مورد وقتی مشتری من به زمین بازی رفت، متوجه آن نشد. اما … این فقط یک چیز کوچک در رابط کاربری است که قبلاً گزارش داده ام (به عنوان بازخورد) به تیم.
اوه، و این یک چیز جالب دیگر است. من همین الان آن ایمیل را فرستادم و در کمتر از 10 دقیقه، من یک پاسخ دریافت کردم. فقط برای آن چیز کوچک احمقانه. بنابراین، این چیز خوبی برای هر محصولی است که قصد استفاده از آن را دارم، زیرا می توانم انتظار داشته باشم که آنها در مورد مشکلات مهم تری به من کمک کنند.
اما، به هر حال، زمان پایان دادن به پست است. من سعی نمی کنم شما را خسته کنم یا کتابی در این مورد بنویسم. این را فقط به عنوان تجربه شخصی من در نظر بگیرید. خوب اما شخصی حتما خودتان آن را امتحان کنید؛ آی تی ارزش آن را خواهد داشت 🪄
🌎 بیایید وصل شویم!
