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

 

طراحی وب سایت چگونه است؟

 

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

 

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

 

طراحی ناوبری کاربر در وب سایت

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

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

 

 

ساختار اطلاعات

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

 

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

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

ناوبری جهانی

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

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

وضوح: تمامی محتوا و منوها باید واضح و مشخص باشند.

ثبات: سیستم ناوبری باید برای تمام صفحات وب سایت یکسان باشد

هنگام طراحی ناوبری چند نکته را در نظر بگیرید:

 

الگوی ناوبری  بر اساس نیازهای کاربر

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

 

اولویت بندی گزینه های ناوبری

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

•  قابل مشاهده بودن: به عبارتی  سردرگمی   کاربر را با نمایش دائمی گزینه های ناوبری مهم به حداقل برسانید. وقتی گزینه‌های ناوبری را پنهان می‌کنیم، این احتمال  وجود دارد که کاربران نتوانند آنها را پیدا کنند
•  مکان فعلی کاربر در سایت :عدم نشان دادن مکان کاربر :که در کدام قسمت از وب سایت شما قرار دارد یک مشکل رایج در بسیاری از وب سایت ها است. اگر کاربران  بپرسند “من کجا هستم؟”، این نشانه واضحی است که ناوبری شما نیاز به کار دارد. برای وب‌سایت‌های بزرگ، نشانگرهای موقعیت مکانی مانند  Breadcrumbs بسیار حائز اهمیت است
• طراحی بصری و کاربردی لینک های وب
• پیوندها یک عنصر کلیدی در ناوبری وب سایت هستند. طراحی بصری و کاربردی آنها تأثیر مستقیمی بر قابلیت استفاده دارد. چند قانون را با توجه بی این  عناصر بررسی میکنیم:

 

 

تفاوت بین لینک های داخلی و خارجی

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

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

همه پیوندها را دوبار بررسی کنید:رسیدن به صفحه ای با خطای 404 خسته کننده است. از ابزارهایی برای رسیدن به صفحه ای با خطای 404 خسته کننده است. از برای پیدا کردن لینک های خراب در وب سایت خوداز ابزارهایی مانند Dead link checker سایت خود استفاده کنید.

دکمه “بازگشت” در یک مرورگر

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