در این مقاله ، ما بر اصول اصلی ، اقلام اکتشافی و رویکردهایی تمرکز خواهیم کرد که به شما کمک می کند یک تجربه کاربری عالی برای وب سایت خود ایجاد کنید.
ما با چیزهای جهانی مانند سفر کاربر (نحوه تعریف اسکلت وب سایت) شروع می کنیم و سپس به صفحات اختصاصی (آنچه که در طول طراحی وب سایت در نظر گرفته می شود) می رویم.
ما همچنین تمام جنبه های اساسی طراحی وب مانند پوشش تلفن همراه و آزمون های مختلف را بررسی می کنیم.
فهرست مطالب
1 طراحی سفر کاربر
1.1 معماری اطلاعات
1.2 هدایت جهانی
1.3 لینک ها و گزینه های منو سایت
1.4" بازگشت " را فشار دهید در مرورگر
1.5 جستجو
طراحی سفر کاربر
معماری اطلاعات
مردم اغلب از اصطلاح "معماری اطلاعات "(IA) برای تعریف منوهای یک وب سایت استفاده می کنند. اما این درست نیست. در حالی که منوها بخشی از IA, آنها فقط یکی از جنبه های آن هستند.
IA به طور کلی به معنی سازماندهی اطلاعات به شیوه ای شفاف و منطقی است. چنین سازمان به دنبال یک هدف استادانه درست شده: کمک به کاربران حرکت یک مسیر پیچیده ای از اطلاعات. IA خوب, سلسله مراتبی نیز میسازد ردیف انتظارات کاربر. اما سلسله مراتب خوب و راهنمایی بصری به طور تصادفی اتفاق نمی افتد. آنها نتیجه تحقیق و آزمایش کامل کاربر هستند.
راه های بسیاری برای تحقیق نیازهای کاربر وجود دارد. اغلب یک معمار اطلاعات نقش فعال در مصاحبه با کاربر و یا انواع کارت ها که در آن معمار به طور مستقیم انتظارات کاربر را می شنود و یا می بیند و کاربران ممکن است چگونه گروه های مختلف از اطلاعات طبقه بندی شده است.
معماران همچنین نیاز به دسترسی به اطلاعات به نتایج حاصل از آزمون قابل استفاده برای دیدن اینکه آیا کاربران قادر به حرکت به شیوه ای موثر.
(مرتب سازی کارت یک راه ساده برای درک چگونگی بهترین دسته بندی محتوا بر اساس ورودی کاربر است. یکی از دلایلی که معماران اطلاعاتی مانند مرتب سازی کارت به دلیل شفافیت الگوهایی است که معمولا در قلب این مسیر بوجود می آیند.)
ساختار منو باید بر اساس نتایج مصاحبه های کاربر و مرتب سازی کارت باید آزمایش شود تا متوجه شود که آیا مدل ذهنی کاربر رضایت بخش است یا خیر. محققان UX از یک تکنیک به نام تست درخت برای اثبات اینکه آیا کار می کند یا نه استفاده می کنند. این درست قبل از طراحی وب برای رابط کاربری واقعی انجام می شود.
(تست درخت یک راه قابل اعتماد برای پیدا کردن در صورتی که کاربر می تواند با ساختار منوهای پیشنهادی کار است)
راهنمایی جهانی
هدایت سنگ بنای کاربردی بودن است. اگر کاربران می توانند راه خود را در وب سایت خود را پیدا کنید, مهم نیست که چقدر خوب وب سایت شما ایجاد به نظر می رسد. به همین دلیل است که در ناوبری وب سایت شما باید چند اصل را رعایت کنید:
سادگي. ناوبری باید طراحی شده برای جذب بازدید کننده به جایی که آنها می خواهند برای رفتن, و این باید با سریع ترین کلیک ممکن اتفاق می افتد.
شفافيت. باید وجود داشته باشد هر گونه حدس در مورد آنچه هر گزینه ناوبری معنی. همه گزینه های ناوبری باید خود به خود برای بازدید کننده به معنای.
ثبات. سیستم ناوبری باید در تمام صفحات وب سایت یکسان باشد.
در نظر بگیرید چند راهنمایی در هنگام طراحی وب سایت ناوبری:
الگوی منو سایت بر اساس نیازهای کاربران را انتخاب کنید. منوی سایت باید با نیازهای اکثر کاربران وب سایت شما مطابقت داشته باشد. یک گروه مخاطبان خاص انتظار دارد که نوع خاصی از تعامل با وب سایت شما باشد ، بنابراین این انتظارات به نفع شما پایان می یابد. به عنوان مثال ، اجتناب از منوی همبرگر اگر اکثریت کاربران خود را با معنای آی خود به خود آشنا نیست.
اولویت بندی گزینه های منو. یک روش ساده برای اولویت بندی گزینه های ناوبری این است که سطوح مختلف از اولویت (بالا یا پایین) به کاربران اختصاص دهید و سپس اولویت ها در مسیر انتخاب برای کاربر و اولویت آنها را مشخص کنید.
انجام کاری, دیده می شود. همانطور که یعقوب نیلسن می گوید ، شناخت چیزی ساده تر از به خاطر سپردن آن است. کاهش حجم حافظه کاربر به طور دائم ساخت تمام گزینه های منوی سایت مهم است. مهمترین گزینه های منوی سایت همیشه باید در دسترس باشد ، نه فقط زمانی که پیش بینی می کنید ، کاربر به آن نیاز دارد.
نمایش مکان فعلی در وب سایت. "من کجام؟"یک سوال اساسی که کاربران نیاز به پاسخ به منظور به طور موثر حرکت به وب سایت. عدم نشان دادن مکان فعلی یک مشکل شایع است که در بسیاری از وب سایت ها وجود دارد. فکر می کنم از چیزی برای نشان دادن مکان فعلی بازدید کننده.
لینک ها و گزینه های منو سایت
لینک ها و گزینه های ناوبری عوامل کلیدی در فرایند هدایت و داشتن یک اثر موثر در سفر کاربر هستند. در زیر قوانین در مورد این عناصر تعاملی:
تفاوت بین لینک های داخلی و خارجی را بدانید. کاربران انتظار رفتار های مختلف برای لینک های داخلی و خارجی. همه لینک های داخلی باید در همان برگه باز می شود (به این ترتیب شما اجازه می دهد تا کاربر را به استفاده از گزینه "بازگشت"). اگر شما تصمیم به باز کردن یک لینک خارجی در یک صفحه جدید, شما باید یک هشدار قبل از یک صفحه جدید و یا تب جدید باز می شود ارسال. برای انجام این, شما می توانید یک متن به لینک اضافه, به عنوان مثال ، "باز می شود در یک صفحه جدید".
تغییر رنگ پیوندهای بازدید شده. هنگامی که لینک هایی که بازدید شده اند ، رنگ آنها را تغییر نمی دهند ، کاربر می تواند این صفحات را بدون هیچ گونه قصد قبلی باز کند.
بررسی تمام لینک های دو بار. کاربر به راحتی می تواند با کلیک کردن بر روی یک لینک و مواجهه با صفحه خطاهای 404 نا امید شود. هنگامی که یک بازدید کننده برای محتوا جستجو می کند ، انتظار دارد که تمام لینک هایی که او پاسخ خود را به آن می دهد ، نه به صفحه 404 یا هر جای دیگری که انتظار ندارد ، انتظار داشته باشد.
مطبوعات "بازگشت" در مرورگر
دکمه" بازگشت " شاید دومین دکمه کنترل ui معروف در مرورگر (پس از فیلد جستجو خالی) باشد. اطمینان حاصل کنید که دکمه "بازگشت" با توجه به انتظارات کاربر کار می کند.
هنگامی که یک کاربر به دنبال یک لینک در صفحه و سپس بازدید از "بازگشت" را فشار دهید او انتظار برای بازگشت به همان محل او در حال حاضر در صفحه اصلی.
اجتناب از موقعیت های که در آن کلیک کردن بر روی" بازگشت " کاربر را به بالای صفحه اصلی به جای بازگشت به یکی از قبلی که آن را ترک کرد.
از دست رفته جایی که آنها بودند, دهید کاربر به تجدید محتوای که در حال حاضر شده است. جای تعجب نیست که کاربران به سرعت بدون وجود "بازگشت به موقعیت قبلی" تابع نا امید.
خرده پهن.
Bradcrumb مجموعه ای از لینک های متنی است که به عنوان راهنماهای ناوبری در وب سایت ها مفید است. این طرح ناوبری دوم که معمولا نشان می دهد محل کاربر در وب سایت است.
در حالی که این عنصر بسیاری از توضیحات نیاز ندارد, مهم است که به ذکر است برخی از نقاط:
از bradcrumb به عنوان جایگزینی برای ناوبری اولیه استفاده نکنید. ناوبری اولیه باید یک عنصر باشد که کاربر را هدایت می کند ، در حالی که bradcrumb صرفا از کاربر پشتیبانی می کند. با تکیه بر bradcrumb به عنوان روش اصلی ناوبری به جای یک ویژگی اضافه شده, معمولا نشان دهنده ضعف در ناوبری طراحی وب سایت.
استفاده از فلش به عنوان یک جدا, یک بریده بریده. جدا کردن هر سطح به وضوح. نشانگر بزرگتر از ( > ) یا فلش به سمت راست ( → ) توصیه می شود ، زیرا این علائم نشان دهنده مسیر است. بریده بریده رو به جلو ( / ) به عنوان یک جدا کننده برای وب سایت های تجارت الکترونیک است که در همه توصیه نمی شود. اگر شما قصد استفاده از آن ، مطمئن شوید که هیچ دسته بندی محصولات تا کنون با استفاده از یک بریده بریده.
جستجو
برخی از کاربران وارد یک وب سایت و به دنبال چیزی خاص. آنها نمی خواهند به استفاده از گزینه های ناوبری. آنها می خواهند در قسمت جستجو بنویسند و آنچه را که دنبال می کنند ثبت کنند و صفحه مورد نظر خود را پیدا کنند.
پیروی از قوانین ساده است که در هنگام طراحی قسمت جستجو در وب ادامه خواهد داد:
ترک فیلد جستجو که در آن کاربران انتظار برای پیدا کردن آن. جدول زیر بر اساس یک مطالعه از O. پایین شیخ و کیسی لنز آماده هستند. این جدول نشان می دهد که موقعیت مورد انتظار از بخش جستجو بر اساس یک نظرسنجی از 142 شرکت کنندگان. این مطالعه نشان می دهد که مناسب ترین نقطه بالا سمت چپ یا بالا سمت راست هر صفحه وب سایت است. کاربران به راحتی می توانید آن را با استفاده از "الگوی F شکل"پیدا کنید.
به طور دائم نمایش جستجو در وب سایت های غنی از محتوا. اگر جستجو یکی از مهمترین عناصر وب سایت شما باشد ، آن را به طور دائم نشان دهید ، زیرا می تواند سریعترین مسیر برای کمک به کاربران شما باشد.
اندازه مناسب برای قسمت جستجو را در نظر بگیرید. کاهش بخش جستجو یک اشتباه رایج است که اکثر طراحان ایجاد می کنند. البته کاربران می توانند تایپ یک متن طولانی در یک بخش کوچک اما تنها بخشی از متن شناخته شده است به کاهش قابلیت استفاده از این بخش به دلیل آن است که ممکن است برای آنها را به دیدن کل متن. در حقیقت, هنگامی که یک بخش جستجو خیلی کوچک است, کاربران را وادار به استفاده از کلمات کمی به جستجو برای آنچه که می خواهید. نیلسن نورمن گروه نشان می دهد یک بخش جستجو که در آن 27 نامه دیده می شود چرا که 90 درصد از جستجو شامل همان اندازه.
محل بخش جستجو در تمام صفحات وب. نمایش بخش جستجو در تمام صفحات زیرا اگر یک کاربر نتواند برای پیدا کردن مطالب او / او می خواهد او / او می خواهد سعی کنید به استفاده از بخش جستجو مهم نیست که در آن وب سایت قرار گرفته است.
چگونه وب سایت شخصی / شرکت خود را طراحی کردید؟
آیا شما تجربه در طراحی یک سایت برای خودتان? طراحی سایت اختصاصی چه چالش شما تا به حال?
اگر میخواهید یاد بگیرید ، میتوانید مقالات طراحی وبسایت آران را دنبال کنید.
در صورت نیاز به مشاوره و خدمات حرفه ای در زمینه طراحی سایت می توانید از طریق این صفحه با ما تماس بگیرید.
درباره این سایت