طراحی سایت چیست؟
طراحی سایت به طراحی سایتها اشاره دارد. این اصطلاح معمولاً به جنبههای تجربه کاربری توسعه سایت اشاره دارد تا توسعه نرمافزار. طراحی سایت قبلاً بر طراحی سایتها برای مرورگرهای دسکتاپ متمرکز بود؛ با این حال، از اواسط دهه ۲۰۱۰، طراحی برای مرورگرهای موبایل و تبلت اهمیت فزایندهای پیدا کرده است.
- طراحی سایت معمولاً به طراحی تجربه کاربری سایتها اشاره دارد. این فقط مربوط به ساخت سایتی با برند نیست. بلکه مربوط به ایجاد یک تجربه کاربری فراموشنشدنی است که مفید، در دسترس، قابل استفاده و شهودی باشد. یک طراح سایت عالی تضمین میکند که یک سایت به راحتی قابل استفاده و از نظر زیباییشناختی مطابق با نیازهای کاربر باشد و در انواع دستگاهها پاسخگو باشد.
- هدف نهایی ایجاد سایتی است که نه تنها ظاهری شگفتانگیز داشته باشد، بلکه اعتماد مخاطبان را نیز جلب کند. این فقط یک فروشگاه دیجیتال نیست.
یک طراح سایت روی ظاهر، طرحبندی و در برخی موارد، محتوای یک سایت کار میکند .
- ظاهر به رنگها، تایپوگرافی و تصاویر استفاده شده مربوط میشود.
- طرحبندی به نحوه ساختاردهی و طبقهبندی اطلاعات اشاره دارد. یک طراحی سایت خسایت، استفاده از آن آسان، از نظر زیباییشناسی مطلسایت و متناسب با گروه کاربری و برند سایت است.
- یک سایت با طراحی خسایت، ساده است و به طور واضح ارتباط برقرار میکند تا از سردرگمی کاربران جلوگیری کند. این سایت اعتماد مخاطب هدف را جلب و تقویت میکند و تا حد امکان نقاط بالقوه ناامیدی کاربر را از بین میبرد .
طراحی واکنشگرا و تطبیقی دو روش رایج برای طراحی سایتهایی هستند که هم در دسکتاپ و هم در موبایل به خسایتی کار میکنند.
طراحی سایت واکنشگرا چیست؟
© بنیاد طراحی تعاملی، CC BY-SA 4.0
طراحی سایت واکنشگرا (که با نامهای دیگری مانند «ریسپانسیو» یا « Responsive Design » نیز شناخته میشود) رویکردی برای طراحی محتوای سایت است که صرف نظر از وضوح تصویر دستگاه نمایش داده میشود. این کار معمولاً با نقاط توقف نمای دید (محدودههای وضوح تصویر برای زمانی که محتوا با آن نما مقیاسبندی میشود) انجام میشود. نماها باید به طور منطقی روی تبلتها، تلفنها و دسکتاپها با هر وضوح تصویری تنظیم شوند.
در طراحی واکنشگرا، میتوانید قوانینی برای نحوهی جریان محتوا و نحوهی تغییر طرحبندی بر اساس محدودهی اندازهی صفحه نمایش (موبایل، تبلت و دسکتاپ) تعریف کنید.
© بنیاد طراحی تعاملی، CC BY-SA 4.0
طراحیهای واکنشگرا با تنظیم محل قرارگیری عناصر طراحی برای تناسب با فضای موجود، به تغییرات عرض مرورگر واکنش نشان میدهند. اگر یک سایت واکنشگرا را روی دسکتاپ باز کنید و اندازه پنجره مرورگر را تغییر دهید، محتوا به صورت پویا خود را برای تناسب با پنجره مرورگر تنظیم مجدد میکند. سایت فضای موجود در تلفنهای همراه را بررسی میکند و سپس خود را در چیدمان ایدهآل ارائه میدهد.
بهترین شیوهها و ملاحظات برای طراحی واکنشگرا
با طراحی واکنشگرا، شما برای انعطافپذیری در هر جنبهای – تصاویر، متن و طرحبندی – طراحی میکنید. بنابراین، باید:
- رویکرد اولویت با موبایل را در پیش بگیرید – فرآیند طراحی محصول را ابتدا برای دستگاههای موبایل به جای دستگاههای دسکتاپ آغاز کنید.
- شبکهها و تصاویر سیال ایجاد کنید .
- استفاده از گرافیک برداری مقیاسپذیر (SVG) را در اولویت قرار دهید. این فرمت فایل مبتنی بر XML برای گرافیک دسایتعدی است که از تعامل و انیمیشن پشتیبانی میکند.
- سه یا چند نقطه شکست (طرحبندی برای سه یا چند دستگاه) را در نظر بگیرید.
- محتوا را اولویتبندی و پنهان کنید تا با زمینههای کاربران مطابقت داشته باشد . سلسله مراتب بصری خود را بررسی کنید و از کشوهای آشکارسازی و ناوبری پیشرونده استفاده کنید تا موارد مورد نیاز کاربران را در ابتدا قرار دهید. موارد غیرضروری (چیزهای خسایت) را در درجه دوم اهمیت قرار دهید.
- مینیمالیسم را هدف قرار دهید .
- از الگوهای طراحی برای به حداکثر رساندن سهولت استفاده کاربران در زمینههایشان و تسریع آشنایی آنها استفاده کنید : به عنوان مثال، الگوی افت ستون، محتوا را با انواع مختلف صفحه نمایش مطابقت میدهد.
- دسترسیپذیری را هدف قرار دهید .
طراحی سایت تطبیقی (Adaptive Web Design) چیست؟
© بنیاد طراحی تعاملی، CC BY-SA 4.0
طراحی تطبیقی مشابه طراحی واکنشگرا است – هر دو رویکردهایی برای طراحی در طیف متنوعی از دستگاهها هستند؛ تفاوت در نحوهی تنظیم محتوا نهفته است.
در مورد طراحی واکنشگرا، تمام محتوا و عملکردها برای هر دستگاهی یکسان است. بنابراین، یک مرورگر دسکتاپ با صفحه نمایش بزرگ و یک مرورگر گوشی هوشمند، محتوای یکسانی را نمایش میدهد. تنها تفاوت در چیدمان محتوا است.
طراحی تطبیقی، واکنشگرایی را به سطح بالاتری میبرد. در حالی که طراحی واکنشگرا فقط بر دستگاه تمرکز دارد، طراحی تطبیقی هم دستگاه و هم زمینه کاربر را در نظر میگیرد. این بدان معناست که میتوانید تجربیات آگاه از زمینه را طراحی کنید – محتوا و عملکرد یک برنامه سایت میتواند بسیار متفاوت از نسخه ارائه شده روی دسکتاپ به نظر برسد و رفتار کند.
برای مثال، اگر یک طراحی تطبیقی پهنای باند کم را تشخیص دهد یا کاربر به جای دستگاه دسکتاپ از دستگاه تلفن همراه استفاده کند، ممکن است یک تصویر بزرگ (مثلاً یک اینفوگرافیک) را بارگذاری نکند. در عوض، ممکن است یک نسخه خلاصه کوچکتر از اینفوگرافیک را نشان دهد.
مثال دیگر میتواند تشخیص این باشد که آیا دستگاه، یک گوشی قدیمی با صفحه نمایش کوچکتر است یا خیر. سایت میتواند دکمههای فراخوان عمل (Call-to-action) را بزرگتر از حد معمول نشان دهد.
دسترسیپذیری برای طراحی سایت
«قدرت سایت در جهانشمولی آن است.
دسترسی همه افراد صرف نظر از معلولیت، یک جنبه اساسی است.»
—تیم برنرز-لی، مدیر W3C و مخترع سایت جهانگستر
دسترسیپذیری سایت به معنای قابل استفاده کردن سایتها و فناوری برای افراد با تواناییها و معلولیتهای مختلف است. یک سایت قابل دسترس تضمین میکند که همه کاربران، صرف نظر از تواناییهایشان، میتوانند سایت را درک ، مشاهده، پیمایش و با آن تعامل داشته باشند.
- دو دلیل اصلی وجود دارد. دلیل اول این است که تقریباً در همه کشورها یک الزام قانونی وجود دارد که شما سایتهایی بسازید که هر کسی بتواند از آنها استفاده کند، حتی اگر تواناییهای محدودی داشته باشد. این بهترین دلیل نیست، اما برای سازمانهایی که از نظر قانونی رعایت میشوند، یک اولویت است. این میتواند دلیل بسیار قدرتمندی باشد. مسئله دوم این است که ما دریافتهایم که دسترسیپذیری ارتباط نزدیکی با قابلیت استفاده عمومی و بهینهسازی موتور جستجو (SEO) دارد. وقتی کارهایی را برای بهبود دسترسیپذیری انجام میدهیم،
- ما در نهایت هر دوی این موضوعات دیگر را بهبود میبخشیم. مشخص شده است که بهینهسازی موتور جستجو و دسترسیپذیری بیش از آنچه فکر میکنید، وجه اشتراک دارند. هر دوی آنها باید با فناوریای که سعی در درک صفحات دارد، سر و کار داشته باشند. در مورد دسترسیپذیری، فناوری کمکی باید آن را به کاربرانی با تواناییهای محدود که شاید نتوانند آن را ببینند یا بشنوند، ارائه دهد. بنابراین فناوریهای کمکی تلاش میکنند صفحات سایت را به شکلی مناسب برای آن دسته از کاربران ارائه دهند. برای موتورهای جستجو،
- خزندههای سایت باید محتوای صفحات را درک کنند تا بتوانند به درستی فهرستبندی شوند. بنابراین ساختار محتوا در هر دو مورد باید منطقی باشد، صفحات سبک آبشاری میتوانند در درخشان جلوه دادن یک صفحه HTML نامرتب معجزه کنند. اما تفسیر صفحات سبک پیچیده است. فناوری کمکی و خزندههای جستجو ممکن است به سادگی آنها را نادیده بگیرند. این بدان معناست که اگر برای ارائه محتوای خود به ترتیبی معنادار به صفحات سبک متکی هستید، این تنظیمات از بین میروند. در اینجا چند دستورالعمل کلی برای پیادهسازی قابلیت دسترسی در طراحی سایت آورده شده است.
- یکی از کلیدهای دسترسیپذیری، طراحی برای فناوریهای کمکی یا حداقل آگاهی از فناوریهای کمکی است. هنگام طراحی، اگر به دنبال نقص بینایی هستید، صفحهخوانها فناوری کمکی اصلی در آنجا هستند. صفحهخوانها محتوای صفحه را دریافت کرده و آن را برای شما میخوانند. آنها اکنون به طور پیشفرض در اکثر پلتفرمها، از جمله تلفنهای هوشمند، تعبیه شدهاند. اما اگر میخواهید مطمئن شوید که سایت شما به خسایتی کار میکند، صفحه نمایش جایی است که باید آن را امتحان کنید. یک متخصص دسترسیپذیری میتواند در این زمینه مفید باشد.
- خوانندگان صفحه نمایش با محتوای نوشتاری سروکار دارند، اما مسئله مهم این است که ما باید محتوای غیرمتنی را در رسانههای جایگزین ارائه دهیم. این همان متن جایگزین (ALTtext) ترسناکی است که اغلب هنگام ایجاد تصاویر از شما خواسته میشود. دلیل این امر این است که خوانندگان صفحه نمایش برای خواندن متن در HTML عالی هستند، اما اگر متن در یک تصویر جاسازی شده باشد، امید کمی به آن وجود دارد. و برای تصاویر تصویری معنادار با وجود ظهور هوش مصنوعی، کاربران احتمالاً توضیحی دریافت میکنند.
- از آنچه یک تصویر نشان میدهد، نه از آنچه قرار بوده به آن معنا داده شود. و به عنوان یک نکتهی فرعی سریع، متن ALT با تصاویر تزئینی همیشه باید خالی باشد و برچسب ALT خالی به فناوری کمکی میگوید که مهم نیست و میتوان آن را نادیده گرفت. اگر در سایت خود کلیپهای ویدیویی یا ضبطهای صوتی دارید، باید جایگزینهای متنی برای آن ارائه دهید. زیرنویسها و رونوشتهای بسته بهترین هستند و اکنون توسط بسیاری از ابزارها به طور خودکار ارائه میشوند. البته، یکی از مزایای واقعی کاربردپذیری متن
- یک راه جایگزین این است که میتوانید آنها را جستجو کنید. بنابراین اگر در اینترنت یا سایتی به دنبال چیزی میگشتید که کسی گفته است، میتوانید آن را در متن پیدا کنید و کل متن را در آنجا در دسترس داشته باشید. اما بیشتر تغییرات برای دسترسیپذیری به نفع همه کاربران است، به خصوص وقتی که به این فکر میکنید که چگونه میتوانیم این طرح را ساده کنیم؟ چگونه میتوانیم استفاده از کل آن را آسانتر کنیم؟
کنسرسیوم جهانی سایت (W3C) چند نکته اساسی را برای دسترسیپذیری سایت فهرست میکند:
- کنتراست کافی بین پیشزمینه و پسزمینه ایجاد کنید . برای مثال، متن مشکی یا خاکستری تیره روی زمینه سفید، خوانایی بیشتری نسبت به متن خاکستری روی سایه روشنتری از خاکستری دارد. از ابزارهای بررسی کنتراست رنگ برای آزمایش نسبت کنتراست بین رنگهای متن و پسزمینه استفاده کنید تا مطمئن شوید افراد به راحتی میتوانند محتوای شما را ببینند.
- برای انتقال اطلاعات، تنها از رنگ استفاده نکنید . برای مثال، علاوه بر رنگ، از زیرخط برای متنهای لینکدار استفاده کنید تا افراد مبتلا به کوررنگی بتوانند لینک را تشخیص دهند، حتی اگر نتوانند بین لینک و متن معمولی تمایز قائل شوند.
- مطمئن شوید که عناصر تعاملی به راحتی قابل تشخیص هستند . برای مثال، وقتی کاربر موس را روی لینکها نگه میدارد یا با استفاده از صفحه کلید روی آنها فوکوس میکند، سبکهای مختلفی برای آنها نمایش دهید.
- گزینههای ناوبری واضح و ثابتی ارائه دهید . برای جلوگیری از سردرگمی، از طرحبندیها و قراردادهای نامگذاری ثابتی برای آیتمهای منو استفاده کنید. به عنوان مثال، اگر از breadcrumbs استفاده میکنید ، مطمئن شوید که آنها به طور مداوم در صفحات سایت مختلف در موقعیت یکسانی قرار دارند.
- مطمئن شوید که عناصر فرم شامل برچسبهای مرتبط و واضحی هستند . برای مثال، برچسبهای فرم را به جای بالا یا داخل فیلد ورودی، در سمت چپ فیلد فرم (برای زبانهای چپ به راست) قرار دهید تا خطاها کاهش یابد.
- بازخوردی ارائه دهید که به راحتی قابل تشخیص باشد . اگر بازخورد (مانند پیامهای خطا) با حروف ریز یا رنگ خاصی باشد، افرادی که بینایی کمتری دارند یا کوررنگی دارند، استفاده از سایت را دشوارتر خواهند کرد. مطمئن شوید که چنین بازخوردی واضح و به راحتی قابل تشخیص باشد. به عنوان مثال، میتوانید گزینههایی برای پیمایش به خطاهای مختلف ارائه دهید.
- از سرتیترها و فاصلهگذاری برای گروهبندی محتوای مرتبط استفاده کنید. سلسله مراتب بصری خسایت (از طریق تایپوگرافی، فضای خالی و طرحبندیهای شبکهای ) مرور محتوا را آسان میکند.
- طرحهایی برای اندازههای مختلف نمایشگر ایجاد کنید . مطمئن شوید که محتوای شما مقیاسپذیر است (برای دستگاههای بزرگتر) و مقیاسپذیر است (برای صفحه نمایشهای کوچکتر). سایتهای واکنشگرا طراحی کنید و آنها را به طور کامل آزمایش کنید.
- جایگزینهای تصویر و رسانه را در طراحی خود بگنجانید . برای محتوای صوتی و تصویری متن و برای تصاویر متن جایگزین ارائه دهید. مطمئن شوید که متن جایگزین روی تصاویر، معنا را منتقل میکند و صرفاً تصویر را توصیف نمیکند. اگر از فایلهای PDF استفاده میکنید، مطمئن شوید که آنها نیز قابل دسترسی هستند.
- کنترلهایی برای محتوایی که بهطور خودکار شروع میشود، فراهم کنید . به کاربران اجازه دهید انیمیشنها یا محتوای ویدیویی که بهطور خودکار پخش میشود را متوقف کنند.
این شیوهها نه تنها دسترسی به سایت را برای افراد دارای معلولیت آسانتر میکند، بلکه به طور کلی قابلیت استفاده را برای همه افزایش میدهد.
سوالات مرتبط با طراحی سایت
چگونه یک صفحه سایت طراحی کنیم؟
طراحی یک صفحه سایت شامل ایجاد یک طرح بصری و زیبایی شناسی است.
- با تعریف هدف و مخاطب هدف صفحه خود شروع کنید.
- نوع محتوا و اقداماتی که کاربر در صفحه سایت انجام خواهد داد را درک کنید.
- ایدهها را طراحی کنید و وایرفریم یا ماکتهایی از طرح ایجاد کنید.
- طرح رنگی، تایپوگرافی و تصویری را انتخاب کنید که با هویت برند شما همسو باشد.
- برای ایجاد طرح از نرمافزارهای طراحی مانند Figma یا Sketch استفاده کنید.
- در نهایت، قبل از تحویل طرح توسعه، بازخوردها را جمعآوری کرده و اصلاحات لازم را انجام دهید.
در هر مرحله، به یاد داشته باشید که تجربه کاربری و ملاحظات دسترسیپذیری را در اولویت قرار دهید. در اینجا دلیل اهمیت دسترسیپذیری آمده است:
طراحان سایت چقدر درآمد دارند؟
حقوق طراحان سایت بسته به تجربه، موقعیت مکانی و مجموعه مهارتها بسیار متفاوت است. طبق آخرین بهروزرسانی ما، طبق گزارش Glassdoor، میانگین حقوق یک طراح سایت در ایالات متحده تقریباً ۵۲،۶۹۱ دلار در سال گزارش شده است. با این حال، این رقم میتواند از حدود ۳۷۰۰۰ دلار برای موقعیتهای سطح مبتدی تا بیش از ۷۳۰۰۰ دلار برای طراحان باتجربه متغیر باشد. ذکر این نکته ضروری است که حقوق ممکن است بر اساس منطقه، اندازه شرکت و صلاحیتهای فردی تفاوت قابل توجهی داشته باشد. برای بهروزترین و خاصترین اطلاعات حقوق و دستمزد مربوط به منطقه، به Glassdoor مراجعه کنید .
چگونه طراح سایت شویم؟
برای تبدیل شدن به یک طراح سایت، باید با درک اصول طراحی، بهترین شیوههای کاربردپذیری، نظریه رنگ و تایپوگرافی شروع کنید. در مرحله بعد، ابزارهای ضروری مانند Adobe Photoshop، Illustrator و Sketch را بیاموزید. با زبانهای طراحی سایت مانند HTML، CSS و JavaScript آشنا شوید. ایجاد یک نمونه کار از کارهای برتر خود برای تحت تأثیر قرار دادن کارفرمایان بالقوه مهم است. علاوه بر این، برای افزایش دانش و مهارتهای خود، گذراندن دورههای آنلاین را در نظر بگیرید.
بنیاد طراحی تعاملی، یک مسیر یادگیری جامع برای طراحان رابط کاربری ارائه میدهد که میتواند به شما در کسب مهارت در طراحی رابط کاربری، که یکی از اجزای کلیدی طراحی سایت است، کمک کند. در نهایت، به طور مداوم طراحی سایت را تمرین کنید، به دنبال بازخورد باشید و با آخرین روندها و فناوریها بهروز باشید.
یک طراح سایت چه کاری انجام میدهد؟
نقش یک طراح وب مستلزم وظیفه طراحی طراحی بصری و طرحبندی یک وبسایت است که شامل ظاهر، ساختار، ناوبری و دسترسیپذیری سایت میشود. آنها پالتهای رنگی را انتخاب میکنند، گرافیک ایجاد میکنند، فونتها را انتخاب میکنند و محتوای طرحبندی را برای ایجاد یک طراحی زیبا، کاربرپسند و قابل دسترس، طراحی میکنند. طراحان وب همچنین با توسعهدهندگان وب همکاری نزدیکی دارند تا تأیید کنند که طراحی از نظر فنی امکانپذیر است و به درستی اجرا میشود. آنها ممکن است در طراحی تجربه کاربری نیز مشارکت داشته باشند و اطمینان حاصل کنند که وبسایت بصری، قابل دسترس و آسان برای استفاده است. علاوه بر این، طراحان وب باید از تعصب طراح آگاه باشند.
در نهایت، هدف یک طراح سایت ایجاد یک تجربه کاربری جذاب، کاربردی، در دسترس و مثبت است.
آیا طراحی سایت کدنویسی است؟
طراحی سایت و کدنویسی ارتباط نزدیکی با هم دارند، اما یکسان نیستند. طراحی سایت شامل ایجاد عناصر بصری و طرحبندی یک سایت است، در حالی که کدنویسی شامل تبدیل این طرحها به یک سایت کاربردی با استفاده از زبانهای برنامهنویسی مانند HTML، CSS و جاوا اسکریپت است. معمولاً توسعهدهندگان سایت اختصاصی، طرحها را به کد تبدیل میکنند. چندین ابزار طراحی نیز میتوانند کد را مستقیماً صادر کنند.
اگرچه برخی از طراحان سایت مهارتهای کدنویسی نیز دارند، اما این مهارت برای همه نقشهای طراحی سایت الزامی نیست. با این حال، داشتن درک اولیه از کدنویسی میتواند برای یک طراح سایت مفید باشد زیرا به ایجاد طرحهایی کمک میکند که هم از نظر زیباییشناختی خوشایند و هم از نظر فنی امکانپذیر باشند.
طراحی سایت واکنشگرا چیست؟
طراحی سایت واکنشگرا تضمین میکند که یک سایت قالب خود را برای تناسب با هر اندازه صفحه نمایش در دستگاههای مختلف، از دسکتاپ گرفته تا تبلت و تلفنهای همراه، تطبیق میدهد. این شامل سایت با وضوح دستگاه میشود، از تعویض دستگاه پشتیبانی میکند و دسترسی و سئو را افزایش میدهد.
طراحی واکنشگرا یک ویژگی پیشفرض است و نه یک ویژگی اختیاری، زیرا همه انتظار بهینهسازی موبایل را دارند. این رویکرد برای الگوریتم گوگل که سایتهای واکنشگرا را در اولویت قرار میدهد، حیاتی است.
چگونه طراحی سایت را یاد بگیریم؟
برای یادگیری طراحی سایت، با درک اصول اساسی آن، مانند نظریه رنگ، تایپوگرافی و طرحبندی، شروع کنید. طراحی سایتها را تمرین کنید، بازخورد بگیرید و طرحهای خود را تکرار کنید. با گذراندن دورههای آنلاین، شرکت در کارگاهها و خواندن مقالات، مهارتهای خود را افزایش دهید.
برای کسب مهارتها و دانش ضروری، مسیر جامع یادگیری طراح رابط کاربری بنیاد طراحی تعاملی را در نظر بگیرید . اگر علاقهمند به گسترش مجموعه مهارتهای خود هستید، طراحی UX را به عنوان یک جایگزین در نظر بگیرید.
آیا طراحی سایت شغل خوبی است؟
طراحی سایت مسلماً یک انتخاب شغلی ارزشمند است. این حرفه آزادی خلاقانه، فرصتی برای حل مشکلات دنیای واقعی و تقاضای رو به رشد برای متخصصان ماهر را ارائه میدهد. با گسترش دنیای دیجیتال، کسبوکارها به دنبال طراحان سایت واجد شرایط برای ایجاد سایتهای کاربرپسند و از نظر بصری جذاب هستند. علاوه بر این، طراحی سایت فرصتهای شغلی متنوع، حقوق رقابتی و گزینه کار آزاد یا درون سازمانی را ارائه میدهد. فناوری که به طور مداوم در حال تکامل است، تضمین میکند که طراحی سایت یک حرفه پویا و آیندهدار باقی بماند.
آیا طراحی سایت همان front-end است؟
طراحی سایت و توسعه فرانتاند رشتههای مرتبط اما متمایزی هستند. طراحی سایت شامل ایجاد طرحبندی بصری و زیباییشناسی یک سایت است که بر تجربه کاربری، گرافیک و ظاهر کلی تمرکز دارد. از سوی دیگر، توسعه فرانتاند شامل پیادهسازی طرح در یک سایت کاربردی با استفاده از زبانهای کدنویسی مانند HTML، CSS و جاوا اسکریپت است. در حالی که همپوشانی وجود دارد و بسیاری از متخصصان در هر دو زمینه مهارت دارند، طراحی سایت خلاقانهتر و توسعه فرانتاند فنیتر است.
آیا رابط کاربری با طراحی سایت متفاوت است؟
بله و خیر! یک صفحه سایت نوعی رابط کاربری است – این نقطه تماس بین یک کسب و کار و کاربر است. افراد با صفحات سایت تعامل دارند. آنها ممکن است فرمی را پر کنند یا به سادگی از یک صفحه به صفحه دیگر بروند. یک طراح سایت همچنین باید با بهترین شیوههای طراحی رابط کاربری آشنا باشد تا از قابل استفاده بودن سایت اطمینان حاصل کند.
با این اوصاف، در عمل، اصطلاح رابط کاربری اغلب با برنامهها مرتبط است. برخلاف صفحات سایت که تمایل به ایستا بودن دارند و ارتباط نزدیکی با برندسازی و ارتباطات دارند، برنامهها (چه در سایت و چه در موبایل) به کاربران اجازه میدهند دادهها را دستکاری کرده و وظایفی را انجام دهند.
طراحی رابط کاربری، که در بالا توضیح داده شده است، شامل تجسم و ایجاد رابط کاربری یک برنامه، با تمرکز بر زیبایی شناسی، تجربه کاربری و ظاهر کلی است. برای کسب اطلاعات بیشتر، مسیر یادگیری طراحی رابط کاربری ما را بررسی کنید .
مودال در طراحی سایت چیست؟
یک پنجره مودال در طراحی سایت، یک پنجره ثانویه است که در بالای صفحه سایت اصلی ظاهر میشود و بر محتوای خاص تمرکز میکند و تعامل با صفحه اصلی را متوقف میکند. این یک الگوی طراحی رابط کاربری رایج است که برای حل مشکلات رابط کاربری با نمایش اطلاعات زمینهای در مواقع ضروری استفاده میشود.
- الگوهای طراحی رابط کاربری، اجزای تکرارشوندهای هستند که طراحان برای حل مشکلات رایج در رابطها از آنها استفاده میکنند. مثلاً وقتی به چیزهای معمولی فکر میکنیم که اغلب خودشان را تکرار میکنند تا در محیطهای پیچیده ظاهر شوند، باید چیزهایی را که برای مردم مهم هستند، وقتی که مهم هستند نشان دهیم و نه چیز دیگری. درست است. چیزی که میبینیم واقعاً غمانگیز است. مثلاً اگر به Sears نگاه کنید، درست است؟ Sears فقط یکی از سایتهای تجارت الکترونیک متعدد است، میدانید، اینجا هیچ چیز پیشگامانهای ندارد. بنابراین روی یکی از فیلترها کلیک میکنید و سپس کل رابط کاربری متوقف میشود.
- و بعد یک رفرش وجود دارد و شما به بالا اسکرول میشوید. و من همیشه از خودم میپرسم، آیا این واقعاً بهترین کاری است که میتوانیم انجام دهیم؟ آیا واقعاً بهترین نوع رابط کاربری برای فیلتر کردن است که میتوانیم ارائه دهیم، یا میتوانیم آن را کمی بهتر انجام دهیم؟ چون میتوانیم آن را کمی بهتر انجام دهیم. بنابراین این یک مثال عالی است که در آن کهکشانها و سپس کهکشانها را دارید، همه این فیلترها را دارید که در ردیفها قرار دارند. گاهی اوقات آنها سه ردیف، گاهی چهار یا گاهی پنج ردیف را میگیرند. اشکالی ندارد. فیلترهای افراد را نشان بده، دکمههای افراد را نشان بده اگر مهم هستند آنها را نشان بده.
- درست است. اما چیزی که اینجا مهم است، چیزی که من واقعاً دوست دارم این است که ما به طور خودکار رفرش نمیکنیم. در عوض، ما پیش میرویم و میگوییم، “هی، هر تعداد فیلتری که دوست داری انتخاب کن”، درست است؟ و سپس هر زمان که روی نمایش نتایج کلیک میکنید، فقط در آن زمان است که واقعاً یک بهروزرسانی در پشت صفحه ظاهر میشود. که به نظر من کاملاً خسایت است. نیازی نیست همیشه بهروزرسانی خودکار انجام دهید. و این به خصوص وقتی که واقعاً در مورد نمای موبایل صحبت میکنید بسیار مهم است. فیلتر. مطمئناً، چرا که نه؟ اسلاید به داخل، اسلاید به بیرون، اگرچه من احتمالاً آکاردئونها را ترجیح میدهم.
- و شما فقط روی نمایش محصولات کلیک میکنید و تنها در آن زمان است که به انتخاب دیگر فیلترها برمیگردید و فقط وقتی روی تأیید، نمایش همه محصولات کلیک میکنید، میتوانید همه محصولات را بارگیری کنید، درست است؟ طراحی الگوهای خسایت رابط کاربری مهم است زیرا منجر به تجربه کاربری بهتر، کاهش مشکلات قابلیت استفاده و در نهایت کمک به موفقیت یک محصول یا برنامه میشود. این یک جنبه حیاتی از طراحی کاربر محور و توسعه محصول است.
بالا اهمیت طراحی الگوهای رابط کاربری خسایت را برای بهبود تجربه کاربری و کاهش مشکلات کاربردپذیری توضیح میدهد. ماژولها مانند سایر الگوهای رابط کاربری برای طراحی موفق کاربر محور و توسعه محصول بسیار مهم هستند.
CMS در طراحی سایت به چه معناست؟
در طراحی سایت، CMS به سیستم مدیریت محتوا اشاره دارد. این نرمافزاری است که برای ایجاد و مدیریت محتوای دیجیتال استفاده میشود.
محتوا، از جمله محتواهایی که توسط یک سیستم مدیریت محتوا (CMS) مدیریت میشوند، در هر مرحله از تجربه کاربری، از راهاندازی تا تعامل، بسیار مهم است. 10 سیستم مدیریت محتوای برتر در سال 2023 به شرح زیر است:
- وردپرس
- جوملا
- دروپال
- مگنتو (بیشتر روی تجارت الکترونیک تمرکز دارد)
- فضای مربعی
- ویکس
- Shopify (بیشتر روی تجارت الکترونیک تمرکز دارد)
- تایپو۳
- بتن5
- آمبراکو
محبوبیت و استفاده از پلتفرمهای CMS میتواند در طول زمان متفاوت باشد و ممکن است از آخرین بهروزرسانی ما، بازیگران جدیدی در بازار ظاهر شوند.
طراحی سایت چیست و برنامهنویس وب کیست؟
در اینجا کل مطالبی که باید در مورد طراحی سایت و برنامه نویسی سایت بدانید توسط یکی از بهترین شرکتهای طراحی سایت در تهران، در یک جا گردآوری شده است:
مقاله ویژه
چگونه شغل خود را از طراحی سایت به طراحی تجربه کاربری تغییر دهید
تغییر شغل آنقدرها هم که اغلب گفته میشود سخت نیست، مخصوصاً اگر منابع مناسبی برای کمک به شما در ایجاد تغییر داشته باشید. برای بسیاری از طراحان سایت، اکنون زمان مناسبی برای تغییر به طراحی UX است . برای شروع، افزایش درآمدی که با تغییر شغل همراه است، وجود دارد. طبق گزارش PayScale، طراحان سایت در ایالات متحده به طور متوسط سالانه 46000 دلار درآمد دارند (1)، در حالی که طراحان UX از سوی دیگر 74000 دلار درآمد قابل توجه دارند (2). ثانیاً، فرصتهای شغلی برای طراحان UX رو به افزایش است: CNN گزارش میدهد که در 10 سال آینده در مجموع 3,426,000 شغل طراحی UX تنها در ایالات متحده ایجاد خواهد شد (3). علاوه بر این، طراحی UX یک شغل معنادار است، نه تنها به این دلیل که شما میتوانید روی یک محصول از داخل به خارج کار کنید، بلکه به این دلیل که – همانطور که DMI نشان داده است – طراحی UX تأثیر قابل توجهی بر مشاغل میگذارد، به طوری که مشاغل مبتنی بر طراحی UX 228٪ از شاخص S&P بهتر عمل میکنند (4). خب، از کجا میتوانید منابع مناسب برای تغییر شغل خود را پیدا کنید؟ شما همین الان در حال خواندن یکی از آنها هستید.
تجربه کاربری و طراحی تجربه کاربری چیست؟
برای شروع، بیایید مقدمهای کوتاه در مورد منظورمان از «تجربه کاربری» داشته باشیم. محصولات، کاربرانی دارند و تجربه کاربری (UX) صرفاً تجربهای است که کاربر از استفاده از آن محصول خاص دارد. تا اینجا که خسایت بوده؟
طراحی تجربه کاربری هنر طراحی محصولات به گونهای است که بهترین تجربه کاربری ممکن را ارائه دهند. اگر این توصیف کلی به نظر میرسد، به این دلیل است که ماهیت طراحی تجربه کاربری بسیار گسترده است. ساختن یک تجربه کاربری بهینه شامل درک روانشناسی، طراحی تعاملی ، تحقیقات کاربری و بسیاری از رشتههای دیگر است، اما علاوه بر همه اینها، یک فرآیند حل مسئله تکراری وجود دارد (که بعداً بیشتر در مورد آن صحبت خواهیم کرد).
به طور کلی، تجربه کاربری را میتوان به ۳ جزء تقسیم کرد: ظاهر، حس و کاربردپذیری .
ظاهر یک محصول در مورد استفاده از عناصر بصری برای ایجاد حس هماهنگی با ارزشهای کاربر است و این باعث ایجاد اعتبار و اعتماد در کاربر میشود. این در مورد ایجاد محصولی است که نه تنها زیبا به نظر میرسد، بلکه ظاهری مناسب نیز دارد.
بنابراین، حس، شامل ایجاد تجربهای تا حد امکان خوشایند و لذتبخش از استفاده از یک محصول است. این حس با ایجاد تعاملات بین کاربر و محصول، و همچنین واکنشهایی که هنگام (و پس از) استفاده از محصول نشان میدهند، ایجاد میشود.
در نهایت، کاربردپذیری زیربنای تجربه کاربری است. به طور خلاصه، اگر محصولی قابل استفاده نباشد، هیچ مقدار ظاهر زیبایی نمیتواند آن را نجات دهد و تنها احساسی که کاربران خواهند داشت، خشم و ناامیدی است. در حالت ایدهآل، محصولات باید متناسب با نیازهای کاربر شخصیسازی شوند و عملکرد را به روشی قابل پیشبینی ارائه دهند.
اگر هنوز مطمئن نیستید که آیا طراحی UX برای شما جذاب است یا خیر، ما مقالاتی داریم که به معرفی برخی از بخشهای مهم UX به عنوان یک حرفه کمک میکنند:
مقدمهای بر کاربردپذیری
قابلیت استفاده در مقابل مطلوبیت
طراحی تعاملی چیست؟
طراحی سایت و طراحی تجربه کاربری چه وجه اشتراکی دارند؟
عنوان شغلی «طراح سایت» تعاریف زیادی دارد و در واقع، کاری که یک طراح سایت انجام میدهد تا حد زیادی به نیاز مشتری یا پروژه بستگی دارد. برخی از طراحان سایت به سادگی طرحهای بصری و/یا نمونههای اولیه تعاملی با کیفیت بالا از سایت ایجاد میکنند و کدنویسی سایت را به توسعهدهندگان front-end و back-end میسپارند. با این حال، اکثر طراحان سایت، هم در طراحی و هم در توسعه (front-end) سایت مشارکت دارند. برخی از طراحان سایت حتی به طور منظم به عنوان بخشی از شغل خود، تحقیق و آزمایش کاربر را انجام میدهند (و اگر شما یکی از آنها هستید، تقریباً برای شغلی در طراحی UX آماده هستید).
اما مهم نیست که شغل شما به عنوان یک طراح سایت شامل چه مواردی میشود، در اینجا به برخی از جنبههای طراحی سایت اشاره میکنیم که میتوان آنها را در طراحی تجربه کاربری نیز یافت.
حل مسئله
طراحان سایت به دنبال حل مشکلات مشتریان خود هستند؛ طراحان UX به دنبال حل مشکلات کاربران خود. طراحان سایت با یک فرآیند حل مسئله کار میکنند: ابتدا، مشکلات مشتریان خود را مییابند، سپس یک راه حل سایت برای آنها طراحی میکنند و سپس قبل از انتشار، به توسعه و آزمایش سایت میپردازند. و پس از راهاندازی سایت، طراحان سایت اغلب درگیر آزمایش بیشتر سایت، جمعآوری بازخورد از کاربران و سپس تکرار طراحی هستند.
این فرآیند حل مسئلهی تکراری مشابه فرآیند طراحی UX است (که در تصویر زیر نشان داده شده است). طراحان UX با تحقیقات کاربر شروع میکنند؛ ضروری است که کاربران بالقوهی یک محصول را بشناسیم و بفهمیم مشکلات آنها چیست، چگونه آنها را حل کنیم و چگونه کاربران را به آن راهحل علاقهمند و/یا نیازمند کنیم. تحقیقات کاربر اغلب از طریق مصاحبه با کاربر ، مشاهدات، مطالعات جمعیتشناختی، تهیهی پیشنویس داستانها و شخصیتهای کاربر و غیره انجام میشود. پس از آن، طراحان UX یک راهحل طراحی ایجاد میکنند که نیازهای کلیدی کاربر را حل میکند و اغلب نمونهی اولیه را برای آزمایش اعتبار یا قابلیت استفادهی آن به کاربران بازمیگردانند. پس از عرضهی محصول، طراحان UX بازخوردهای بیشتری از کاربران جمعآوری میکنند که به دور جدیدی از تحقیقات کاربر منجر میشود و در نتیجه فرآیند دسایتاره آغاز میشود.
اگر قبلاً به عنوان بخشی از شغل طراحی سایت خود، تحقیقات کاربری انجام دادهاید، هنگام تغییر به طراحی تجربه کاربری، آن را یک مزیت بزرگ خواهید یافت. اگر نه، نگران نباشید – فرصتهای زیادی برای یادگیری بهترین روشهای انجام تحقیقات کاربری خواهید داشت (برای کسب اطلاعات بیشتر، ادامه مطلب را بخوانید).
طراحی احساسی
طراحان سایت هنگام طراحی سایتها، اغلب از تایپوگرافی ، رنگ و طرحبندی برای شکلدهی به احساسات کاربران استفاده میکنند . به عنوان مثال، با استفاده از رنگهای تیرهتر و فونتهای سریف میتوان حس اعتبار ایجاد کرد؛ به طور مشابه، میتوان با استفاده از تصاویر رنگارنگ و تایپوگرافی بازیگوشانه، حس سرگرمی ایجاد کرد. طراحان سایت با طراحی احساسی آشنا هستند ؛ یعنی ایجاد طرحهایی که احساسات کاربران را برانگیزد. طراحان UX نیز با طراحی احساسی سروکار دارند، اما در مقیاسی بزرگتر – آنها نگران برانگیختن احساسات کاربران در طول کل تجربه استفاده از یک محصول هستند.
برای انجام این کار، طراحان تجربه کاربری نه تنها با تایپوگرافی و رنگ، بلکه با روانشناسی، طراحی حرکت، گردآوری محتوا و معماری اطلاعات نیز کار میکنند . طراحان سایت که این تغییر را ایجاد میکنند، ذاتاً میدانند که طراحی احساسی در تجربه کاربری مستلزم چیست؛ آنها صرفاً باید دانش جدیدی را در زمینههای دیگر کسب کنند تا توانایی خود را برای انجام این کار در یک تصویر بزرگتر افزایش دهند.
چند رشتهای
طراحی سایت یک شغل چند رشتهای است که در آن نه تنها به دانش طراحی (تایپوگرافی، تئوری رنگ) نیاز دارید، بلکه به مهارتهایی در توسعه سایت (HTML، CSS، جاوا اسکریپت) نیز نیاز دارید. برخی از طراحان سایت نیز در طراحی تعاملی مشارکت دارند، زمانی که برای انیمیشنها و تعاملات با استفاده از CSS و/یا جاوا اسکریپت کدنویسی میکنند. طراحی UX نیز یک زمینه چند رشتهای است، اما شاید از این نظر بسیار قدرتمند باشد. طراحان UX باید از دانش حوزههای روانشناسی، تحقیقات کاربر، طراحی بصری و حتی تجارت برای ایجاد بهترین UX برای محصولات خود استفاده کنند.
تفاوتهای بین طراحی سایت و طراحی تجربه کاربری
کاربرمحور در مقابل فناوریمحور
بخش بزرگی از کار شما به عنوان یک طراح سایت صرف اطلاع از آخرین پیشرفتها در HTML، CSS و سایر زبانهای کدنویسی میشود – که همه آنها با سرعت سرسامآوری تغییر و بهبود مییابند. کدام مرورگرها از چه نسخههایی از CSS پشتیبانی میکنند؟ آیا انیمیشنهای CSS در Safari در Mac کار میکنند؟ حتی در مورد Internet Explorer هم من را راهنمایی نکنید! اینها ممکن است چند سوال (و ناامیدی) باشند که دائماً به عنوان یک طراح سایت در ذهن شما باشند. اما طراحی UX به فناوری مربوط نمیشود . در عوض، تمرکز آن مستقیماً بر کاربران است – فناوری فقط وسیلهای برای کاربران است تا آنچه را که نیاز دارند به دست آورند. طراحان UX تنها با تمرکز بر کاربران میتوانند راهحلهایی ایجاد کنند که نیازهای خاص آنها را برآورده کند و در نهایت، کاربران حاضر به پرداخت هزینه برای آن باشند. طراحان UX تحقیقات گستردهای در مورد کاربران انجام میدهند تا بیشترین اطلاعات ممکن را در مورد کاربران خود پیدا کنند، که اکثر طراحان سایت فرصت انجام اکثر آنها را نداشتند.
تجربه کاربری چیزی فراتر از سایت است
طراحی UX مستقل از پلتفرم است. اصول و فرآیندهای آن در بسیاری از زمینههای متنوع خارج از مرورگرهای سایت اعمال میشود: در برنامههای تلفن همراه، نرمافزارهای دسکتاپ و حتی محصولات سختافزاری و فضاهای خردهفروشی. از سوی دیگر، حوزه طراحی سایت کاملاً به مرورگرهای سایت گره خورده است. این بدان معناست که طراحان UX قادر به یافتن فرصتهای شغلی نه تنها در زمینههای رو به رشد مانند استارتاپهای فناوری، بلکه در صنایع بالغ و پایداری مانند تولیدکنندگان خودرو نیز هستند. تا زمانی که محصولی وجود دارد، نیاز به UX نیز وجود دارد – و این واقعاً دنیای فرصتها را برای شما باز میکند.
مزیت بزرگ تجربه طراحی سایت هنگام انتقال به طراحی UX
ارتباط پس زمینه طراحی سایت
بزرگترین مزیت تغییر از طراحی سایت به طراحی تجربه کاربری، میزان همپوشانی بین این دو حوزه طراحی است. اگرچه درست است که طراحی تجربه کاربری پلتفرمهای بیشتری را نسبت به مرورگر سایت پوشش میدهد، اما بخش قابل توجهی از کار طراحی تجربه کاربری هنوز روی محصولاتی انجام میشود که حداقل تا حدی مبتنی بر سایت هستند (به سایتهای رسانههای اجتماعی مانند فیسبوک و توییتر، برنامههای سایت مانند دراپباکس و سرویسهایی مانند گوگل فکر کنید). همپوشانی بین طراحی سایت و طراحی تجربه کاربری بیشتر است اگر نوعی تحقیق کاربری یا فرآیند تکراری بهبود مداوم سایت با دادههای کاربر انجام داده باشید .
تسلط بر اصطلاحات طراحی و کدنویسی سایت نیز به شما انگیزهای میدهد که نمیتوان آن را نادیده گرفت؛ به هر حال، طراحی تجربه کاربری یک فرآیند مشارکتی است که در آن ارتباط بسیار مهم است. توانایی استفاده از اصطلاحات صنعتی هنگام صحبت با همکارانتان قطعاً شما را در جایگاه بهتری نسبت به کسی که پیشینهای غیر از طراحی دارد، قرار میدهد.
زیباییشناسی
توانایی شما در خلق زیباییشناسی زیبا به عنوان یک طراح سایت، هنگام تغییر به طراحی UX نیز مفید خواهد بود. اولاً، زیباییشناسی ابزاری عالی برای تقویت ارتباطات شما با ذینفعان داخلی است . به عنوان یک طراح UX، شما باید دائماً یافتهها و توصیههای خود را به ذینفعان داخلی (مانند مدیرعامل یا مدیر محصول) ارائه دهید و توانایی شما در ایجاد گزارشها و ارائههای بصری دلپذیر، جذب نکات کلیدی شما را به حداکثر میرساند.
ثانیاً، زیباییشناسی نقش حیاتی در طراحی تجربه کاربری ایفا میکند. یک افسانه رایج در مورد طراحی تجربه کاربری این است که کاربردپذیری عالی بر زیباییشناسی غلبه میکند – اما این به هیچ وجه درست نیست. در واقع، مطالعهای که توسط پروژه اعتبارسنجی استنفورد روی بیش از 2500 شرکتکننده انجام شد، نشان داد که تقریباً نیمی از آنها اعتبار سایتها را بر اساس جذابیت بصری آنها ارزیابی میکنند (5). این نشان میدهد که چگونه زیباییشناسی در کنار عوامل دیگری مانند کاربردپذیری، تجربه کاربری بهینهای را در استفاده از یک محصول ایجاد میکند.
چگونه مهارتهای خود را برای جهش از طراحی سایت به طراحی تجربه کاربری افزایش دهید
تغییر از طراحی سایت به طراحی تجربه کاربری گاهی اوقات میتواند کاملاً سرراست باشد، به خصوص اگر در شغل خود به عنوان طراح سایت، برخی از جنبههای تحقیقات کاربری را انجام داده باشید. با این حال، برای سایر طراحان سایت، دلیلی برای نگرانی وجود ندارد. اگر مدتی را صرف مطالعه تجربه کاربری، تمرین برخی از مهارتهای تجربه کاربری در طول کار طراحی سایت خود و ایجاد یک رزومه که درک شما از طراحی تجربه کاربری را نشان دهد، کرده باشید، میتوانید این جهش را انجام دهید. اگر به دنبال جایی برای یادگیری هستید، گزینههای زیادی برای شما وجود دارد و ما برخی از بهترینها را در زیر برجسته کردهایم.
دورههای آنلاین
دورههای آنلاین کلید اصلی برای دستیابی به آموزش طراحی قوی هستند ، که در تقویت مهارتها و طرز فکر شما به عنوان یک طراح موفق بسیار مؤثر است.
بنیاد طراحی تعاملی
دان نورمن ، دانشمند علوم شناختی که اصطلاح «تجربه کاربری» را ابداع کرد، بنیاد طراحی تعاملی (بله، ما اینجا هستیم) را «معدنی از اطلاعات در مورد طراحی تعاملی» نامید. مجله فوربس میگوید که ما «آموزش در سطح آیوی لیگ در زمینه تجربه کاربری، طراحی محصول یا تعامل انسان و کامپیوتر » ارائه میدهیم. خوشبختانه، این آموزش در سطح آیوی لیگ از نظر قیمتگذاری نیست. ما هزینه سالانه کمی دریافت میکنیم و شما نه تنها به تمام آموزشهای آنلاین ما، بلکه به بزرگترین جامعه طراحی تخصصی در جهان نیز دسترسی خواهید داشت. ما همچنین یک کتابخانه رایگان از متون دانشگاهی از محققان برتر صنعت طراحی ارائه میدهیم.
ما سه دوره (از میان ۳۲ دوره فعلی) داریم که بهطور خاص برای کمک به افراد برای ورود به دنیای طراحی UX طراحی شدهاند. شما در « از صفر یک طراح UX شوید» تمام زمینههای کار UX و مهارتهای اولیه برای تمرین کار UX را خواهید آموخت . در « اولین شغل خود را به عنوان یک طراح UX (یا تعامل) بدست آورید »، میتوانید بیاموزید که کارفرمایان بیشتر به دنبال چه نوع تجربیاتی در UX هستند، و همچنین یک نامه درخواست کار، رزومه و نمونه کار برنده بسازید که به شما کمک میکند برای یک شغل طراحی UX مصاحبه بگیرید. در نهایت، در «تحقیقات کاربری – روشها و بهترین شیوهها» ، بهترین شیوههای صنعت در مورد نحوه انجام تحقیقات کاربری صحیح و تبدیل نتایج تحقیقات خود به اقدامات مفید در مورد محصول خود را بیاموزید.
کورسرا
همچنین میتوانید Coursera را بررسی کنید که منبع بسیار خسایتی برای یادگیری آنلاین است. دورههای آنها، مانند دوره ما، توسط متخصصان برجسته در حوزه خود توسعه داده میشوند. با این حال، برخلاف ما، آنها در UX تخصص ندارند و دورههای آنها همیشه در دسترس نیستند، اما وقتی هم که در دسترس باشند، معمولاً با پرداخت هزینه (بر اساس هر دوره) میتوان به آنها دسترسی پیدا کرد.
یودمی
یودمی (Udemy) طیف وسیعی از دورهها را تقریباً در هر زمینهای که بتوانید تصور کنید، ارائه میدهد. یودمی در واقع یک ارائهدهنده آموزش نیست، بلکه واسطهای برای آموزشهایی است که توسط افراد از سراسر جهان ایجاد شده است. به همین دلیل، کنترل کیفیت زیادی بر دورههای آنها اعمال نمیشود – در حالی که برخی کاملاً درخشان هستند، بسیاری از آنها اینطور نیستند.
دورههای کلاسی
گروه نیلسن نورمن
اگر میخواهید دورههای حضوری را بررسی کنید، توصیه میکنیم به «نامهای بزرگ» این صنعت که تجربیات یادگیری قابل اعتماد و با کیفیتی را ارائه میدهند، پایبند باشید. یکی از این نامهای بزرگ، گروه نیلسن نورمن است که یکی از شناختهشدهترین مشاوران تجربه کاربری نیز میباشد . آنها طیف وسیعی از آموزشهای حضوری را در مکانهای مختلف در سراسر جهان ارائه میدهند. آنها ارزان نیستند، اما اگر ترجیح میدهید آموزش آنلاین نداشته باشید، جایگزین خسایتی هستند.
میتوانید آموزشهای گروه نیلسن نورمن را اینجا پیدا کنید .
مجمع عمومی
مجمع عمومی گزینه دیگری برای یادگیری در دانشگاه به سبک بوت کمپ است. آنها دورههای نسبتاً کوتاه و فشردهای دارند که مرتباً تکرار میشوند. با این حال، قیمت بالایی دارند و فقط در مکانهای منتخب در دسترس هستند.
میتوانید اطلاعات بیشتری در مورد مجمع عمومی را اینجا بیابید .
دورههای دانشگاهی
اگر پول و وقت کافی دارید، میتوانید مدرک لیسانس یا فوق لیسانس خود را در دانشگاه بگیرید. هنوز هیچ دورهی «فقط UX» وجود ندارد و اکثر مدارک مرتبط تمایل دارند بر تعامل انسان و کامپیوتر تمرکز کنند.
دو نمونه از این نوع برنامهها عبارتند از:
کارنگی ملون – برنامههای HCI
دانشگاه یورک – کارشناسی ارشد در فناوریهای HCI
دانشگاه گزینهی کمهزینهای نیست، چه از نظر زمان و چه از نظر پولی که صرف آن میکنید. قبل از اینکه تصمیم به رفتن به این مسیر بگیرید، باید مزایا و معایب یک دورهی دانشگاهی را با دقت بسنجید.
برای مثال، در اینجا نحوه تقسیمبندی کل هزینههای یک مدرک دانشگاهی ۴ ساله را آوردهایم:
HSBC، همانطور که توسط Top Universities گزارش شده است، دریافت که میانگین هزینه تحصیل در دانشگاههای ایالات متحده 36564 دلار در سال است(6). این شامل شهریه و همچنین هزینههای زندگی میشود. برای یک مدرک 4 ساله، این مبلغ به 146256 دلار میرسد – و این بدون احتساب هزینههای (مانند بهره) دریافت وام برای تحصیل شما است.
سپس هزینه فرصت ترک کار و گذراندن چهار سال در دانشگاه وجود دارد. یعنی درآمدی که هنگام تحصیل تمام وقت در دانشگاه از دست خواهید داد. طبق سرشماری ایالات متحده، یک فرد بدون مدرک دانشگاهی به طور متوسط سالانه 27351 دلار درآمد دارد(7). طی 4 سال، این مبلغ به 109404 دلار میرسد که اگر مشغول به کار بودید، میتوانستید کسب کنید.
با جمع کردن هزینه واقعی و هزینه فرصت، هزینه کل به دست میآید: مبلغ هنگفت ۲۵۵۶۶۰ دلار!
اگر فکر میکنید همه گزینهها گیجکننده هستند، شاید بهتر باشد با بررسی بازگشت سرمایه از هر نوع یادگیری شروع کنید. ما در اینجا مقالهای داریم که بازگشت سرمایه از هر یک از انواع یادگیری ذکر شده در بالا را بررسی میکند.
شبکهسازی
بهترین راه برای پیدا کردن کار در هر زمینهای، استفاده از کمی دانش داخلی و کمک گرفتن از افرادی است که قبلاً کاری را که شما میخواهید انجام دهید، انجام دادهاند. این کار قبلاً کار سختی بود، اما امروزه میتوانید به سادگی به صورت آنلاین فعالیت کنید و شبکهسازی کنید.
ما لینکدین را به هر کسی که به دنبال ایجاد شبکهسازی حرفهای است توصیه میکنیم ؛ به گروههای UX بپیوندید و به گفتگوها بپیوندید. فقط وسط حرف دیگران نپرید و درخواست کار نکنید – ابتدا ارزش خود را نشان دهید و به مردم کمک کنید و تنها پس از ایجاد روابط، به دنبال کار باشید.
بنیاد طراحی تعاملی همچنین فرصتهای شبکهسازی را برای اعضا و غیر اعضا فراهم میکند. اعضای ما میتوانند از طریق انجمنهای از پیش طراحیشده که امکان همکاری بین گروههای بزرگی از طراحان را فراهم میکند، شبکهسازیهای بسیار خاصی را انجام دهند. اعضا و غیر اعضا همچنین میتوانند در رویدادهای اجتماعی گروههای محلی ما که کاملاً رایگان هستند، شرکت کنند. میتوانید اطلاعات بیشتر در مورد گروههای محلی را اینجا بیابید .
همچنین میتوانید با تعامل با رهبران جامعه طراحی در رسانههای اجتماعی، به مشارکت در این امر فکر کنید. ما در اینجا فهرستی از بیست طراح بزرگ را ارائه کردهایم که میتوانید به صورت آنلاین با آنها تعامل داشته باشید ؛ میتوانید با کمی جستجو در گوگل، این فهرست را تا جایی که دوست دارید گسترش دهید.
راهنمایی و بازخورد
ما دریافتهایم که اگر بتوانید کسی را پیدا کنید که شما را راهنمایی کند و در مورد تلاشهایتان بازخورد ارائه دهد، میتوانید راحتتر شغل خود را تغییر دهید. البته اگر کسی را میشناسید که از پذیرفتن این نقش خوشحال است، میتوانید از شبکه حرفهای فعلی خود یک مربی پیدا کنید. اگر فکر میکنید این برای شما مناسب نیست، اعضای انجمن طراحی بنیاد طراحی تعاملی به شبکه متخصصان طراحی UX ما دسترسی دارند و میتوانند از آن شبکه، مربی بگیرند.
بیرونبر
گذار از طراحی سایت به طراحی تجربه کاربری (UX) کار دشواری نیست. شما میتوانید از طریق یک فرآیند آموزشی، مهارتهای فعلی خود را تقویت کنید و نوع آموزشی را که برای شما مناسبتر است، انتخاب کنید. پس از آن، میتوانید این آموختهها را به عنوان یک طراح سایت در عمل به کار بگیرید. خبر خسایت این است که شما از قبل به زبان طراحی مسلط هستید، بنابراین وقتی کمی در تجربه کاربری (UX) تمرین کنید، آماده خواهید بود تا حرفه خود را به طراحی تجربه کاربری منتقل کنید و به سریعترین بخش در حال رشد حرفه طراحی در جهان امروز بپیوندید.
نظرات کاربران
هنوز نظری ثبت نشده است.
ثبت نظر
برای ثبت نظر لطفا وارد شوید