10 وب سایتی که دوست داریم در سال 2023 بازطراحی شوند (و چرا)

 10 وب سایتی که دوست داریم در سال 2023 بازطراحی شوند (و چرا)

John Morrison

فهرست مطالب

10 وب سایتی که دوست داریم در سال 2023 بازطراحی شده باشند (و چرا)

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

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

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

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

بیشتر ببینید

1. Craigslist

Craigslist یکی از محبوب ترین وب سایت های تبلیغات طبقه بندی شده در اینترنت است. کریگ نیومارک Craigslist را به عنوان یک لیست ایمیل ساده در سال 1995 راه اندازی کرد و در سال 1996 آن را به یک وب سایت تبدیل کرد. از ظاهر همه چیز، می توان حدس زد که وب سایت ممکن است از همان طراحی استفاده کند که در سال 1996 استفاده می کرد.

طبق SimilarWeb، Craigslist هر ماه بیش از 360 میلیون بازدید کننده دریافت می کند. با این حال یکی از بدترین طراحی های وب سایت شما را دارداز پیدا کردن وب سایتی که شبیه به این بود متعلق به دانشگاهی است که در "تکنولوژی های پیشرفته" تخصص دارد، کاملاً شوکه شدند. به نظر می رسد دانشگاه سال ها پیشرفت در فناوری های طراحی وب را از دست داده است.

چرا این وب سایت بد به نظر می رسد؟ . اگر شانس خود را برای کلیک کردن روی یک مورد از دست دادید، باید منتظر بمانید تا یک دایره کامل به شما بازگردد. مسلماً این ناامید کننده ترین طراحی ناوبری است که تا به حال دیده ایم.

چگونه می توان آن را بهبود بخشید؟

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

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

10. W3Schools

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

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

چرا این وب سایت بد به نظر می رسد؟

دوره های آموزشی W3Schools دارای درس های کوتاه اما با رویکرد عملی مستقیم هستند. این شامل تمرین آنچه در هر دوره می آموزید با استفاده از یک ویرایشگر کد است.

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

چگونه می توان آن را بهبود بخشید؟

روشی بهتر برای نزدیک شدن به طراحی پلت فرم یادگیری آنلاین، به ویژه برای دوره های کدنویسی، ارائه یک جعبه شنی با پیش نمایش زنده برای دانش آموزان است تا با آن بازی کنند. این دقیقاً همان کاری است که CodeAcademy انجام می‌دهد.

هر درس در دوره‌های CodeAcademy دارای سه پانل است که در آن درس در کنار یک ویرایشگر کد و یک پیش‌نمایش زنده به تفصیل آمده است. این روش بسیار آسان‌تری را برای دانش‌آموزان برای یادگیری با رویکرد عملی‌تر فراهم می‌کند. این دقیقاً همان چیزی است که W3Schools به آن نیاز دارد.

در نتیجه

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

تا به حال دیدن. طراحی وب سایت Craigslist شامل تمام اشتباهاتی است که می خواهید هنگام طراحی یک وب سایت از آنها اجتناب کنید.

چرا این وب سایت بد به نظر می رسد؟

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

مهمتر از همه، طراحی وب سایت پاسخگو نیست. وقتی روی صفحه نمایش هایی با وضوح های مختلف مشاهده می شود وحشتناک به نظر می رسد. کل فرآیند مرور لیست های تبلیغاتی، طرح های فرم برای ارسال تبلیغات، و تقریباً هر جنبه دیگری از وب سایت به شدت نیاز به بهبود دارد.

چگونه می توان آن را بهبود بخشید؟

حتی تغییر فونت و رنگ فونت را می توان در این مرحله بهبودی برای Craigslist در نظر گرفت. با این حال، یک راه بهتر برای یافتن الهام این است که به وب سایت Gumtree نگاهی بیندازید.

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

2. AOL

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

امروز، مردم به سختی می دانند AOL چیست. حتی ما از دیدن این سایت که هنوز در حال کار است شگفت زده شدیم. با توجه به SimilarWeb، AOL همچنان هر ماه بیش از 200 میلیون بازدید کننده دارد. در نگاه اول، وب سایت عالی به نظر می رسد. پس چرا ما فکر می کنیم این باید دوباره طراحی شود؟

چرا این وب سایت بد به نظر می رسد؟

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

هنگامی که از وب سایت بازدید کردیم با یک ویدیو پخش خودکار با صداهای خودکار بمباران شدیم. وقتی سر کار هستید از AOL برای جستجوی چیزی استفاده نکنید.

همچنین ببینید: بیش از 40 الگوی DaVinci Resolve 2023 (رایگان و حرفه ای)

نیازی به گفتن نیست که وقتی از AOL بازدید می کنید به راحتی حواس شما پرت می شود.

چگونه می شود بهبود یافته است؟

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

اگر چیزی وجود داشته باشد که AOL می تواند از رقبای خود مانند Google، Bing و DuckDuckGo بیاموزد این است که مردم موتورهای جستجو را با حداقل ترجیح می دهند.طراحی بدون حواس پرتی به همین دلیل یاهو! همچنین به طراحی وب سایت مینیمالیستی روی آورد.

3. Hacker News

Hacker News مانند Reddit برای استارت آپ ها، برنامه نویسان و کارآفرینان است. یک پست در هکر نیوز می‌تواند به معنای تفاوت بین تامین بودجه یا نابودی کامل ایده استارت‌آپ شما باشد.

این سایت یکی از بزرگترین وب‌سایت‌های جمع‌آوری اخبار است که امروزه با بیش از 12 میلیون نفر در هر ماه بازدید می‌شود. با این حال هنوز همان طراحی را دارد که در سال 2007 استفاده می‌کرد.

چرا این وب‌سایت بد به نظر می‌رسد؟

Hacker News همان اشتباهات کریگ‌لیست را انجام می‌دهد. تنها ویژگی خوبی که می‌توانیم در مقایسه به آن فکر کنیم این است که این سایت از فونت sans-serif با رنگی استفاده می‌کند که برای چشم راحت است.

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

علاوه بر این، ما دوست داریم آن را با رویکردی بصری‌تر ببینیم. در حالی که طراحی را برای دستگاه های تلفن همراه نیز بهینه می کند.

چگونه می توان آن را بهبود بخشید؟

به یاد دارید زمانی که Reddit شبیه اخبار هکر بود؟ خوشبختانه، Reddit اخیراً طراحی وب سایت خود را اصلاح کرده است و اکنون بسیار بهتر از همیشه به نظر می رسد.

Hacker News نیز می تواند طراحی مشابه Reddit را اتخاذ کند. لازم نیست اینطور باشدبصری است اما وقتی موضوعات برجسته شده و از یکدیگر جدا می شوند، مطمئناً سایت بهتر به نظر می رسد. و به کاربران اجازه می دهد تا موضوعات بحث را با کلیک بر روی عنوان باز کنند.

4. Berkshire Hathaway

آیا می توانید باور کنید که این وب سایت رسمی یک شرکت چند ملیتی است که بیش از 700 میلیارد دلار دارایی دارد و بیش از 4 میلیارد دلار درآمد خالص دارد؟

همچنین ببینید: Sketch در مقابل Figma در مقابل Adobe XD: کدام ابزار طراحی برای مبتدیان بهترین است؟

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

چرا این وب‌سایت بد به نظر می‌رسد؟

از کجا شروع کنیم؟ مشکلات زیادی در این وب سایت وجود دارد. اول از همه، به شما نمی گوید که وب سایت یا شرکت در مورد چیست. زیرا صفحه «درباره» ندارد.

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

بدتر از همه، این سایت همچنین وب‌سایت بیمه اتومبیل دیگری را در صفحه اصلی تبلیغ می‌کند.

چگونه می توان آن را بهبود بخشید؟

در این مرحله، افزودن یک توضیح کوچک از شرکت باید برای بهبود این وب سایت کافی باشد. اما، ممکن است از یک شرکت چندملیتی دیگر مانند Shell Global الهام بگیرد.

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

5. Alphabet

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

چرا این وب سایت بد به نظر می رسد؟

ما در بازدید از وب سایت آلفابت چند سؤال داشتیم. اگر "G" مخفف Google است، چه شرکت های دیگری متعلق به آن است؟ مدیرعامل شرکت کیست؟ به‌جای اینکه درباره سرمایه‌گذاران خود بیاموزیم، کجا می‌توانیم درباره شرکت و آنچه شما طرفدار آن هستید اطلاعات بیشتری کسب کنیم؟ ما می توانیم درک کنیم که بنیانگذاران شرکت کارها را متفاوت انجام می دهند. اما یک وب سایت شرکتی باید بتواند اطلاعاتی در مورد کسب و کار ارائه دهد.

چگونه می توان آن را بهبود بخشید؟

اگرچه IBM رقیب مستقیم Alphabet نیست و حتی خیلی هم ندارد. وب سایت مدرن، ما فکر می کنیم Alphabet می تواند چیزهای زیادی از طراحی وب سایت خود بیاموزد.

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

6. آمازون

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

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

چرا این وب‌سایت بد به نظر می‌رسد؟

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

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

فرایند پرداخت وب‌سایت نیز می‌تواند از یک طراحی مجدد گسترده استفاده کنید.

چگونه می توان آن را بهبود بخشید؟

طراحی مجدد صدها هزار صفحه محصول کار آسانی نیست. احتمالاً به همین دلیل است که آمازون طرح جدیدی برای صفحات محصولات خود در نظر نگرفته است. با این حال، ما معتقدیم که آنها می توانند چیزهای زیادی از رقبای خود مانند Best Buy بیاموزند، که از طراحی کاربرپسندتری استفاده می کند.

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

7. IMDb

IMDb، یا پایگاه داده فیلم های اینترنتی، پلتفرمی برای یادگیری همه چیز درباره فیلم ها و نمایش های تلویزیونی است. این وب سایت هر ماه بیش از 500 میلیون بازدید کننده دارد.

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

اما صبر کنید تا صفحه محصول را باز کنید. تفاوت بین صفحه اصلی IMDb و صفحه محصول مانند شب و روز است.

چرا این وب سایت بد به نظر می رسد؟

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

چگونه می‌توان آن را بهبود بخشید؟

IMDb مطمئناً می‌تواند چند درس از طراحی صفحه متاکریتیک بیاموزد.

Metacritic از طراحی صفحه تمیز و تمام صفحه استفاده می کند. خواندن جزئیات و توضیحات آسان تر است. و ناوبری واضح را با عناصر بصری ارائه می دهد. همین رویکرد طراحی به خوبی با IMDb همخوانی دارد.

8. ویکی پدیا

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

اما این وب‌سایت هنوز نیاز به اصلاحات اساسی دارد تا امروز آن را مرتبط‌تر و برای مخاطبان فعلی جذاب‌تر کند.

چرا این وب سایت بد به نظر می رسد؟

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

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

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

بیش از همه، سایت به یک سیستم ناوبری مناسب نیاز دارد.

چگونه می توان آن را بهبود بخشید؟

اگرچه روزهای بریتانیکا است ویکی‌پدیا هنوز می‌تواند چند ترفند از طراحی وب‌سایت خود بیاموزد.

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

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

9. دانشگاه فناوری پیشرفته

ما

John Morrison

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