preloader
شرکت تولید محتوای فانوس

تماس با ما و یا هماهنگی جهت مشاوره

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

    مجله آنلاین

    خانه » مجله آنلاین » در طراحی وب این 5گام را بدانید
    آموزش

    در طراحی وب این 5گام را بدانید

    طراحی وب

    گام های طراحی وبسایت

     

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

    شرکت تبلیغاتی فانوس در این مقاله می خواهد به سوالات شما پاسخ دهد، با ما همراه باشید.

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

     

    مراحل طراحی وب سایت

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

    1. طرح دستی

    خوب این مرحله از اهمیت بسیار بسیار بالایی برخوردارد  چرا که مشخص میکنه چیدمان سایتت باید چه شکلی باشه. مثلا menu کجا قرار بگیره. لیست اخبار یا مطالب یا محصولات و … و نهایتا چیدمان سایت رو میتونی مشخص کنی. خوب 2 راه برای اسکچ دستی هست.

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

    راه دوم: اینه که با یکی از نرم افزار ها مثل Photoshop یا وب سایت هایی مثل wireframe یا … زمانی که فرصت داری بشینی و مثلا 20 تا 30 طرح بزنی و کارفرما رو مجاب کنی که یکی از اونها رو انتخاب کنه.این مرحله واقعا مهمه و لطفا اگر میخوای مشکلی واست پیش نیاد حتما این مرحله رو انجام بده.        

    برای این کار میتونید از یکی از این ابزار ها استفاده کنید:

    pidoco.com

    gomockingbird.com

    balsamiq.com

    lairbuilder.com

    iplotz.com

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

    2. طرح گرافیکی

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

     

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

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

    themeforest.net

    templatemonster.com

    free-css.com

    wix.com

    dreamtemplate.com

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

     

    3. کد نویسی قالب کلاینت ساید

    در مراحل طراحی سایت این مرحله نیاز به یک متخصص دارد توی این مرحله وظیفه شما به عنوان یک طراح سایت اینه که با استفاده از JavaScript ،CSS ،HTML و Jquery به طور کامل قالب سایت رو بر اساس طرح گرافیکی تائید شده کارفرما پیاده کنی و هیچ تفاوتی با طرح گرافیکی از لحاظ ابعاد و رنگ و افکت و … نداشته باشه.

    کد نویسی قالب کلاینت ساید

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

    4. برنامه نویسی سرور ساید

    پیاده سازی بخش سرور ساید سایت هست که باید با یکی از زبانهای سرور ساید مثلphp , Asp یا … انجام بشه این مرحله هم درسته که توسط کاربر قابل دیدن نیست و فقط صحت عملکرد اون هست که برای کاربران مهمه اما اصل کار شماست و حتما باید توی این مرحله کار رو خیلی دقیق و بدون نقص انجام بدی و همه جوانب کار رو در نظر بگیری؛ در واقع مهمترین مرحله در 5 مرحله طراحی سایت همینه.
    توی این بخش لازمه واقعا مهارت داشته باشی و کاملا به روز باشید و کارتون حرفه ای باشه . مثلا حتما برنامه نویسی رو با مدل MVC و ترجیحا یک فریم ورک مناسب کاملا حرفه ای یاد بگیر چرا که سهولت کار و امنیت وب سایت و… به همین بخش بستگی داره.

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

       برنامه نویسی سرور ساید

    5. کنترل کیفیت

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

    کنترل کیفیت

     

    موارد آزاردهنده در طراحی سایت

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

    1 – وجود موسیقی پس زمینه :

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

    موارد آزاردهنده در طراحی سایت

    2 – استفاده از فونت های بزرگ و یا فونت های خیلی کوچک :

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

    فونت های بالاتر از 25px و کوچکتر از 14px باعث اذیت و ازار چشم کاربر و درنهایت باعث ترک وبسایتان میشود.

    3 – استفاده از پیغام های تمام صفحه :

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

    4 – استفاده های مکرر از پاپ آپ :

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

    What Are The Top 11 Shopify Popups For Your Online Store?

     

    ثبت تراکنش در وب

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

    ثبت تراکنش در وب

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

    • الگوهای اصلی مورد علاقه و خرید گروههای مختلف و مصرف کنندگان کدامند؟
    • پس از بازدید صفحه اصلی وب سایت معمولأ صفحه دوم و صفحه سوم و صفحات بعدی که کاربران از آنها بازدید می‌کنند کدامند؟
    • علايق و تمایلات مصرف کنندگان خاص (کسانی که ما آنها را می‌شناسیم) کدامند؟
    • چگونه می‌توانیم طراحی سایت خود را برای جلب کاربران و خرید بیشتر محصولات تغییر دهیم؟
    • بازدیدکنندگان چه کسانی هستند؟ اهل چه کشوری هستند؟ چگونه می توانیم حضور خود را در سایتهای اصلی بیشتر کنیم؟
    • چگونه می‌توانیم پیام های خود، پیشنهادات و محصولات عرضه شده به کاربران خاص را شخصی کنیم؟

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

     

     

    نوشته ها مرتبط

    دیدگاهتان را بنویسید

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