ایجاد یا طراحی یک وب سایت به آسانی انتخاب از بین مجموعه ای از قالب ها نیست که شما آن را جالب ترین قالب می دانید. در حالی که ظاهر و ظاهر یک وب سایت فاکتورهای بسیار مهمی هستند، آنها تنها مواردی نیستند که قبل از تصمیم گیری باید به آنها فکر کنید.
این یک واقعیت است: موفقیت وب سایت شما به چیدمان آن، احساس کاربران در هنگام استفاده یا مرور آن بستگی دارد. این قطعاً بر بازدیدکنندگان شما برای بهتر یا بدتر شدن نظر آنها در مورد سایت شما و اینکه آیا آنها قصد خرید دارند تأثیر می گذارد.
شوخی نکن! طبق گزارشی از انجمن آژانسهای دیجیتال (SoDA) ، تجربه کاربری ضعیف وبسایت برای کسبوکارها مضر است. بنابراین داشتن چیدمان عالی یکی از جنبه های محوری طراحی وب سایت و تجربه کاربر است.
ممکن است متوجه شده باشید که آنها برخی از ویژگی ها را به اشتراک می گذارند، زیرا مانند سایر صنایع، روندها نیز دنیای طراحی را طوفانی می کنند. امروزه تصاویر کامل و طراحی سه ستونی مورد توجه طراحان قرار گرفته است.
اما مشکل اینجاست، از قبل باید بدانید که هر کدام از مسیرها معتبر است، هر دو مزایا و معایب خود را دارند. بنابراین، به نظر شما باید چه کار کنید؟ گزینه ها این است که از آشنایی با این عناصر در تخیل جمعی استفاده کنید، یا می توانید تصمیم بگیرید که با انجام کاری بسیار متفاوت، متمایز شوید و توجه را به فروشگاه خود جلب کنید! پاسخ دادن به این سوال آسان نیست و انتخاب شما به مخاطب هدف شما بستگی دارد.
ویژگی های یک وب سایت عالی
ما به راحتی میتوانیم بگوییم که امکانات برای عظمت به شکلهای مختلفی وجود دارد و از جاهای مختلف، چیزهای زیادی برای کار کردن، گزینههای زیاد، پتانسیلهای فراوان وجود دارد. بهترین انتخاب شما به مخاطبان هدف و نوع کسب و کار شما بستگی دارد. این انتخاب ها تصویر برند شما را شکل می دهند و منعکس می کنند.
به گفته ادوبی ، دو سوم مردم ترجیح میدهند چیزی را که با طراحی زیبا طراحی شده است بخوانند تا چیزی ساده را که برای زمان فشار داده شود. و 38٪ از مردم یک وب سایت را در صورتی که جذاب نباشد ترک خواهند کرد. به نظر میرسد که اینها عبارات بسیار کلی هستند که ویژگیهای زیادی ندارند. اما UX و UI همیشه توسط متخصصان طراحی مورد مطالعه قرار میگیرند، بنابراین بهجای جستجوی تعریف «زیبا» به گفته یک غریبه، باید به دنبال چیزهایی باشیم که میتوانیم آنها را زیبا کنیم و تعریف کنیم که زیبایی در زمینه ما چیست.
از آنجایی که همه کسبوکارها یکسان نیستند، معیارهای یک وبسایت خوب هم مطابقت ندارند، اما ما میتوانیم در مورد تمام عناصر مختلف که وظیفه طراحی یک وبسایت را تشکیل میدهند صحبت کنیم و میتوانید در مورد آنها فکر کنید و در عین حال به حوزه تجاری خود نیز فکر کنید. و اصول
- بدون درهم و برهمی : بین محتوای خود فاصله بگذارید، سعی کنید فقط چیزی را که کاربر به آن علاقه دارد نمایش دهید. از شر "زیور آلات" خلاص شوید. فضای منفی قابل توجهی داشته باشید تا عناصر راحت تر خوانده شوند.
- رابط : ناوبری را ساده کنید. مسیرهای مستقیمی از یک بخش به بخش دیگر داشته باشید.
- سلسله مراتب بصری : عناصر گرافیکی را به ترتیب اهمیت مرتب کنید. مهمترین چیزها میتوانند اول باشند یا بیشترین فضا را اشغال کنند، به بازدیدکنندگان شما کمک میکنند تا با هدایت چشمهایشان در میان عناصر مختلف حرکت کنند. به عنوان مثال، مردم ابتدا مطالب بزرگتر را می خوانند .
- پالت رنگ و انتخاب تصویر : به طور خلاصه، رنگ های روشن برجسته می شوند و بنابراین به عنوان لهجه عالی عمل می کنند، و در کنار تصاویر مناسب می توانید بازدیدکنندگان خود را برای مدت طولانی تری علاقه مند نگه دارید!
- سازگار با موبایل : از ژوئیه 2019، پیشفرض برای همه دامنههای وب جدید ، فهرستبندی برای موبایل اول است و همچنین رتبههای صفحات وب سازگار با موبایل را در جستجوها افزایش میدهد . پس مطمئن شوید که چیدمان نسخه موبایل شما نیز به خوبی کار می کند.
- دکمه تغییر زبان : وقتی واقعیت ها می گویند که ما در یک اقتصاد فرامرزی زندگی می کنیم که در آن کشوری که در آن زندگی می کنید محدودیتی برای خرید شما ندارد، اگر به دنبال پیشرفت هستید، نداشتن یک وب سایت چند زبانه گزینه ای نیست. .
وب سایت های چند زبانه چگونه به نظر می رسند؟
خبر عالی! شما می توانید آرامش داشته باشید، ایجاد یک وب سایت چند زبانه یک مصیبت نیست، به سادگی افزودن یک دکمه زبان کوچک به یکی از گوشه های طرح وب سایت خود با استفاده از ConveyThis است. انجام تجارت آنلاین در سطح بین المللی هرگز آسان تر نبوده است.
بیایید نگاهی به برخی از طرحبندیهای وبسایت بیندازیم و آنچه آنها را بسیار جذاب میکند، تحلیل کنیم.
Crabtree & Evelyn
بیایید با Crabtree & Evelyn شروع کنیم، یک شرکت تولید بدنه و عطر که در آلمان شروع به کار کرد اما با طرحبندی و گزینههای زبانی عالی، تجارت خود را جهانی کرد.
از آنجایی که تنوع محصولات بسیار گسترده است، آنها تصمیم گرفته اند با مراقبت از چیدمان و تصمیم گیری های دقیق طراحی، بازدیدکنندگان خود را غرق نکنند، مانند پر کردن صفحه اصلی ابتدا با یک پیام ساده، در این مورد، در مورد فصل تعطیلات. و هنگامی که به پایین اسکرول می کنید یا روی دکمه «خرید اکنون» کلیک می کنید، بازدیدکننده به سمت محصولات هدایت می شود.
این یک ظاهر واقعاً پیچیده و تمیز است، بازدیدکنندگان قطعاً مدت طولانی تری خواهند ماند و مجذوب این تجربه خواهند شد. در مورد منو، دو گزینه برای جستجو وجود دارد، یک دکمه جستجو که در آن می توانید کلمه کلیدی را تایپ کنید، اگر آنچه را که به دنبال آن هستید محدود کرده باشید. یا روی دکمه فروشگاه کلیک کنید، و سپس انتخاب کنید که کجا یا چگونه میخواهید، بر اساس دسته، مجموعه، یا مجموعههای هدیه را بررسی کنید.
و اکنون به شگفتانگیزترین چیز، تغییر زبان. میتوانید آن را در پایین صفحه پیدا کنید و وقتی روی آن کلیک میکنید، تنظیمات فعلی فروشگاه را به همراه منوهای کشویی با گزینههای جایگزین به شما نشان میدهد.
و این چیزی است که قبلاً در مقاله مربوط به انواع دکمه های زبان در مورد آن صحبت کرده ایم ، فوق العاده است که آنها دو گزینه دارند، یکی برای منطقه و دیگری برای زبان، زیرا می دانیم که همه به زبان خود یا به زبان خود مرور نمی کنند. کشور. این وب سایت نمونه کاملی از یک کار بومی سازی به خوبی انجام شده است. با تیم ConveyThis تماس بگیرید تا اطلاعات بیشتری در مورد اینکه چگونه می توانید وب سایت خود را برای کاربران در سراسر جهان استقبال بیشتری کنید!
ضرابخانه دیجیتال
اول از همه، کار خیره کننده. تصمیمات عالی در همه جا، فکر نمی کنید؟ و استفاده فوق العاده از رنگ برای ایجاد کنتراست و مناطق فوکوس. بیایید همه چیزهای خوب در مورد این سایت را فهرست کنیم: فضای نگاتیو، فونت با اندازه های مختلف، آثار هنری سفارشی، رنگ و رنگ.
چیدمان عناصر با اندازه های مختلف به شما نشان می دهد که از کجا شروع به خواندن کنید و فضای سفید به خواننده زمان مکث می دهد.
در اینجا ما یک مثال واضح از سلسله مراتب بصری داریم:
از کوچکترین تا مهمترین: شرکای تجاری با رنگهای روشنتر، «آن را انجام بده» با فونت کوچک، دکمه «بیایید صحبت کنیم» با پسزمینه سیاه و حروف سفید، «Evolutionary Digital» با فونت بزرگ و پررنگ، و «بازاریابی» با همان فونت قبلی اما با رنگ سبز مشخص شده است.
علاوه بر این، دستورات «آن را انجام بده» و «بیایید صحبت کنیم» نیز به بازدیدکننده در تجربه مرور خود کمک میکند.
نوار ناوبری به اندازه نوار Crabtree & Evelyn ساده و واضح است، و نوار رسانه اجتماعی در سمت راست یک انتخاب عالی برای مشاغلی است که به شدت به رسانه های اجتماعی به عنوان یک ابزار متکی هستند.
می توانید دکمه های زبان آنها را در پایین صفحه پیدا کنید، آنها کوچک هستند، اما همه گزینه ها قابل مشاهده هستند و رنگ آنها روشن است و با پالت رنگ Digital Menta بسیار متفاوت است، بنابراین می توان آنها را به راحتی پیدا کرد.
یوگا
در اینجا ما یک نمونه شایان ستایش از وب سایت های نامرتب را داریم. فضای منفی زیادی وجود دارد و فیگورهای رنگی متحرک هستند، این حس کنجکاوی را به بازدیدکنندگان القا می کند! مرورگرهای معمولی قطعاً باقی خواهند ماند و به بقیه وب سایت نگاهی بیندازند و در مورد Yogang اطلاعات بیشتری کسب کنند. طراحی درخشان.
یوگانگ یک بازی سرگرم کننده برای کودکان است که ترکیبی از فعالیت بدنی، آرامش، اشتراک گذاری و خلاقیت است و صفحه اصلی آنها منعکس کننده آن است. انیمیشن شخصیت های مختلف در حال انجام ژست های یوگا برای نشان دادن مهارت های برنامه نویسی نیست، بلکه بازتابی از روح محصول است.
به طور همزمان شایان ستایش و فراخوانی برای اقدام برای تبدیل یوگانگ به بخشی از دوران کودکی فرزندانتان. آنها با دکمه «خرید» خریداران فوری را جذب میکنند و همچنین به مشتری بالقوه کمک میکنند ابتدا با راهنمایی آنها به آموزشها درباره محصول بیشتر بیاموزند.
نوار منوی طولانیتر آنها به این دلیل توجیه میشود که آنها B2B و B2C را میفروشند، بنابراین بازدیدکنندگان مختلفی دارند که به دنبال چیزهای مختلف هستند و همه باید آنچه را که به دنبال آن هستند سریع پیدا کنند.
دکمه زبان آنها یک دکمه محجوب با گزینه های "EN" و "FR" است. آنها گزینه های زبان محدودی دارند اما به وضوح بزرگترین بازارهای خود را شناسایی کرده اند و به شدت بر ارائه بهترین تجربه ممکن برای کاربر تمرکز کرده اند.
نیروی دریایی یا خاکستری
بسیاری از آثار هنری سفارشی در این لیست را می دانیم. این یک عنصر همه کاره است و این وب سایت ها به خوبی از آنها برای ایجاد ظاهر و احساس خاصی استفاده می کنند.
Navy and Grey آخرین نمونه در این لیست است، همچنین دارای ویژگی هایی است که قبلاً از آنها تمجید کرده ایم، آیا آنها را نیز شناسایی کردید؟ این یک تجربه بسیار پیچیده را ایجاد می کند، فریبنده است. این به من احساس آرامش می دهد، با دیدن آن همه فضای منفی، من اصلاً غرق ایده مرور این وب سایت نمی شوم و نوار منوی واضح به من اطمینان می دهد که بدون هیچ تلاشی چیزی را که به دنبالش هستم پیدا خواهم کرد.
من قدردانی می کنم که چگونه آنها "پیراهن" و "کت و شلوار" را در منو جدا کرده اند، این یک تصمیم مناسب برای یک تجارت خیاطی است، بسیاری از فروشگاه های دیگر صفحات فرعی برای این محصولات ایجاد می کنند، و این نیز یک تصمیم معقول است، اما برای Navy یا Grey، به آن ظاهر جلا کمک می کند.
به خصوص این وب سایت دکمه زبان خود را در بالا سمت راست قرار داده است و فونتی که انتخاب کرده اند مانند بقیه وب سایت است. و در پایین سمت چپ، دکمه Whatsapp را برای تماس سریع اضافه کرده اند.
یک وب سایت عالی برای مخاطبان خود طراحی کنید
وب سایت های لیست شده عالی هستند زیرا اصول کلی طراحی خوب را دنبال می کنند، اما همچنین از آنجا که همه تصمیمات قابل توجیه هستند، دلایل می تواند حوزه تجاری آنها باشد، اما همچنین می تواند مخاطب هدف باشد. بنابراین به یاد داشته باشید که هنگام تصمیم گیری هویت، ایده آل ها و مخاطبان کسب و کار خود را در نظر داشته باشید.
نکته کلیدی این است که به این فکر کنید که چگونه جستجو را ساده کنید و چگونه بازدیدکنندگان خود را با کمترین کلیک به چیزی که به دنبال آن هستند هدایت کنید.
به طور خلاصه، به محض دسترسی به صفحه اصلی، بازدیدکنندگان خود را دعوت به عمل کنید و از فضای منفی برای ایجاد کنتراست و برجسته کردن موارد مهم مانند پیام خود استفاده کنید. و در آخر، یک منوی ساده و یک دکمه زبان داشته باشید.
به نظر می رسد آماده فروش در سطح بین المللی هستید و احتمالاً در حین خواندن این مقاله به ایده های خارق العاده زیادی رسیده اید. درباره ConveyThis بیشتر بیاموزید و فروش آنلاین خود را افزایش دهید!
4 تجارت الکترونیک الهام بخش که همه چیز را درست انجام می دهند
20 فوریه 2020[...] نامزدهای ذکر شده دارای طراحان بزرگی هستند که تمام تلاش خود را می کنند و بهترین ایده هایی را که همه ایده آل های برند را منعکس می کند در یک فروشگاه مجازی خیره کننده که بازدیدکنندگان را به مشتری تبدیل می کند، آورده اند. […]