چگونه ساختار اصلی وبسایتمان طراحی کنیم؟
خوب بعد از اینکه این قسمتهای مختلف پیدا شد باید بیایم حالا دوباره اگر مثال ساختمون یادتون بیاد ما الان به نتیجه کلی رسیدیم اولین کاری که انجام میشه نقشه ساختمان باید کشیده بشه که تو قسمتهای مختلف چه سایزی و چه ابعادی رو داشته باشیم مثلاً در ورودی کجا باشه حال پذیرایی و قسمتهای مختلف یک ساختمان چطور چیدمان بشه یک طرح ساده هست که حالا با نرمافزار یا مثلاً اون ابتدای کار بهصورت دستی کشیده میشه که به اون صاحب زمین یا صاحب کسبوکار اگر توی مثال طراحی سایت بخواهیم بررسی کنیم داده میشه که ما این نقشه ساختمان شما هست و این نقشه ساختمان فقط یک اسکلت کلی، هیچ ظاهری الان براش پیادهسازی نشده مورد اول و دومی که توی بخش تحلیل و بررسی رقبا داریم همان هم که توی صفحه طراحی سایت می تونید ببینید بحث رابط کاربری و تجربه کاربری هست.
اصطلاحات که حتما باید بدونید!
خوب این دو موردی که در بالا گفتم (ui – ux) اصطلاحات تخصصی گرافیکی هستند که خیلی هم مربوط به بخش بعدی که برای طراحی گرافیک صفحات هست من انتظار ندارم که کسی که میخواد الان یک وبسایت برای خودش راهاندازی کنه همهٔ اصول ui و ux یا همان تجربه کاربری و رابط کاربری رو بهصورت کامل و دقیق بدونه ولی باید با این مفهوم آشنا بشه که هر وبسایتی باید یک ui مناسب و یک ux مناسبی داشته باشه تا ما بتونیم بهترین استفاده از این وبسایت ببریم و بتونیم به اون هدف نهایی مون که از راهاندازی این وبسایت بوده برسیم.
منظورم از رابط کاربری (UI) و تجربه کاربری (UX) دقیقا چیه؟
دوباره اگر مثال ساختمون رو یادتون بیاد وقتی که ما طرح مون یعنی نقشه ساختمون کشیده شده یکسری خط و خطوط سیاهوسفید که هیچ رنگ و لعابی نداره ولی مسیر رو کاملاً مشخص کرده که الان شما مثلاً فرض کنید این قسمت در وردی بوده بعد از در ورودی میاییم مثلاً توی حیاط و بعد وارد ساختمان میشم و قسمتهای مختلف داخلی ساختمان رو میتونیم روی همون نقشه ببینیم یکم پیشرفتهتر از این نقشه به این صورت که ما میاییم این طرح رو یکم از حالت تکبعدی دو بعدیش میکنیم یکم رنگ و لعاب بهش میدیم مثلاً یک نمادی رو تعریف میکنیم این نماد در باشه، این نماد پنجره باشه، قسمتهای مختلف رو رنگی میکنیم که مثلاً اگر یک جایی سبزرنگ بود اینجا فضای سبز ساختمان و از این المانها روی همون نقشه پایه و ساده پیادهسازی میکنیم این نقشه رو یکم زندهتر میکنه و یکم گویاتر میکنه که الان ما متوجه بشیم که این نقشه دقیقاً قرار در نهایت چی پیادهسازی بشه.
یکم دقیقتر بررسی کنیم!
یکم پیشرفتهتر از این نقشه نرمافزارهایی هستند که ساختمان بهصورت کاملاً سهبعدی طراحی میکنند حتی اون رنگی که برای مثلاً دیوارهای اتاق و آشپزخانه و کابینت و همینارو برای شما صورت گرافیکی و واضح طراحی میکنند و در نهایت میگن آقا ساختمانی که شما می خواهید طراحی کنید و بسازید در نهایت قرار بشه این دقیقاً توی وبسایتم ما هم این کار رو انجام میدهیم اول طی یک جلسه حدود یکی دوساعته در مورد این صحبت میکنیم که خوب اول اینکه شما هدفتون چیه و چه قسمتهای مختلف رو توی این سایت قرار پیادهسازی کنید یک طرحی رو روی کاغذ میکشیم این یک طرح خیلی ساده هست که همون خط و خطوط نقشهکشی ساختمان هست.
روال کار برای طرح اولیه سایت به چه صورتیه؟
بعد این طرح رو میاییم یکم توی نرمافزارهای گرافیکی مثل ادوبی xd ، ایلستریتور و فیگما و غیره یکم رنگ و لعاب بهش میدیم و از اون حالت خشکی در میاریم که به این حالتی که وقتی که یک طرح ساده دستی تبدیل میشه به یکم رنگ و لعاب تر شدن و بهتر درک کردن بهش میگیم که یک وایرفریمی برای صفحات شما طراحی میکنیم. که توی مرحله اول یک فایل jpg یا همون فایل عکس به شما داده میشه که آقا طرح دوبعدی وبسایت شما قرار به این شکل در بیار مثلاً قسمت بالا بر اساس حالا استانداردهای تبلیغنویسی که در حین طراحی، طراح و برنامهنویس و خود کارفرما اینها رو طی یک جلسه آنلاینی با هم صحبت میکنیم در موردش که مثلاً اگر شما یک وبسایت فروشگاهی دارید یا یک سایت خدماتی دارید و یا مثلاً یک وبسایت آموزشی دارید و یا ترکیبی از اینها هستند صفحه اصلی که شما میخواهید طراحی کنید دقیقاً توی قسمتهای مختلف باید چه المانهایی رو به کار ببرید تا بتوانید نسبت به رقیب هاتون برتری داشته باشید.