سفارش تبلیغ
صبا ویژن

ویژگی های طراحی سایت با اصول سئو

طراحی سایت

 

ویژگی های طراحی سایت با اصول سئو

محتوای قابل فهرست شدن

ما باید محتوای ارزشمندی را در قالب متن HTML تهیه کنیم که همه این موتورهای جستجوگر که فعالیت بیشتری در لیست موتورهای جستجو دارند ، درک کنند. با وجود پیشرفت در فناوری موتور جستجو ، تصاویر ، پرونده های Flash ، کد JavaScript و سایر محتوای غیر متنی غالباً مورد غفلت موتورهای جستجو قرار می گیرند و برای خزنده های موتور جستجو هیچ ارزشی ندارند.

 

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

 

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

از پرونده های فلش استفاده نکنید

برای هر تصویر در برچسب Alt متن قابل درک ایجاد کنید تا گوگل بتواند تصویر را بهتر درک کند.

نام تصویر یا فایل ویدئویی را انتخاب کرده و آدرس سایت بعدی را که با (زیرخط شده) _ جدا شده است وارد کنید. مثال: ROI_www_ezweb_ir.jpg

سایت خود را همانطور که موتورهای جستجو مشاهده می کنند نشان دهید

برای اطمینان از اینکه برخی از عناصر محتوا توسط موتورهای جستجو نمایش داده می شوند و نمایه می شوند می توان از ابزارهایی مانند حافظه پنهان Google ، SEO-browser.com یا MozBar استفاده کرد.


سازه پیوند دهنده وحشتناک

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

 

سازه پیوند دهنده وحشتناک

 

در مثال بالا ، خزنده Google به صفحه A می رود و به دنبال پیوندهایی به صفحات B و E است. با این حال ، گرچه صفحات C و D می توانند صفحات مهمی باشند ، خزنده های Google راهی برای دسترسی به آنها ندارند زیرا هیچ لینک مستقیم انجماد وجود ندارد که به صفحات C و D اشاره کند. اگر خزنده های موتور جستجو نمی توانند به صفحات شما دسترسی پیدا کنند ، محتوای عالی این است که کلمات کلیدی هدف و بازاریابی هوشمند پیوندهایی از سایت شما ارائه نمی دهند و موتورهای جستجو حتی وجود این صفحات را تشخیص نمی دهند. نمی تواند موثر باشد!

 

سئو وبسایت

 

ساختار پیوند - اجزای لینک چیست؟

 

برچسب های پیوند می توانند شامل تصاویر ، متن یا سایر عناصر باشند و کاربران می توانند از این قسمت برای ایجاد یک منطقه قابل کلیک در یک صفحه استفاده کنند تا بتوانند به سایر صفحات سایت شما دسترسی پیدا کنند. این پیوندها یکی از عناصر مهم مرور اینترنت است که به عنوان پیوندهای پیوند شناخته می شود. در تصویر بالا ، برچسب "a>" شروع پیوند را نشان می دهد. اشاره به پیوندی به مرورگر شما (یا موتور جستجو) به شما نشان می دهد که پیوند به کجا و به کجا اشاره دارد.

 

در مثال فوق ، آدرس http://www.ezweb.ir یک مرجع است. بخش بعدی که در پیوند بازدید کننده ظاهر می شود ، متن لنگر است. لنگر متن صفحه ای را که پیوند به آن ارجاع می دهد توصیف می کند. در مثال بالا ، از متن لنگر می توان برای خدمات بازاریابی دیجیتال استفاده کرد. به این ترتیب ، کاربران می توانند متن لنگر را ببینند و روی پیوند کلیک کنند تا بفهمند به چه محتوایی نگاه می کنند. این ساختار اصلی پیوندی است که موتورهای جستجو می توانند آن را درک کنند و سرانجام دارای یک برچسب "" است که انتهای پیوند را نشان می دهد. برای جدا کردن پیوند از سایر عناصر صفحه ، باید برچسبی وارد کنید.

 

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

 

چرا برخی از صفحات سایت من قادر به دسترسی به موتورهای جستجو نیستند؟

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

 

پیوندهای جدا نشدنی کد جاوا اسکریپت

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

 

پیوند به صفحات مسدود شده در پرونده Robots.txt

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


طراحی سایت موزه

 

سایت موزه

طراحی سایت موزه

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

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

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

تاریخ طبیعی

 

 

 

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

موزه بریتانیا

 

 

 

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

موزه ملی تاریخ و فرهنگ آمریکایی آفریقایی     (NMAAHC)

 

 

 

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

موزه ملی هوا و فضا

 

 

 

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

گالری ملی

 

 

 

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

موزه هنرهای مدرن

 

 

 

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

موزه بروکسل

 

 

 

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

موزه فرانس هالس

 

 

 

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

موزه علوم + صنعت (MSI) شیکاگو

 

 

 

این که آیا شما با موزه های تاریخ طبیعی ، موزه های دریایی ، هنر یا علوم کار می کنید ، طراحی ها باید معاصر باشند. بنابراین ، این می تواند یک برتری رقابتی نسبت به رقابت داشته باشد. MSI Chicago یکی از بزرگترین موزه های علوم در جهان است. این مکان بیش از 400000 فوت مربع از نمایشگاه های عملی است که برای جرقه تحقیقات علمی و خلاقیت طراحی شده است. در حالی که محتوای وب سایت باید جذاب باشد ، طرح و طراحی باید مکمل آن باشد. با MSI ، صفحه اصلی بدیهی است جذاب و ابتکاری است. هدر hero نمایش تصاویر ، عناوین و CTA های مختلف با کیفیت است. اساساً ، این وب سایت همچنین از طرح نامتقارن برای ارائه زیبا مطالب استفاده می کند. از دیگر ویژگی های قابل توجه می توان به پیوندهای شبکه های اجتماعی ، کشویی ، هدر چسبنده و موارد دیگر اشاره کرد.

 

موزه ملی هنرهای آسیایی

 

 

 

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

موزه فیلد

 

 

 

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

 

طراحی سایت موزه


هنر و تاریخ

 

 

 

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

با موزه

 

 

 

موزه ها در واقع ظروف مهمی هستند که آثار تاریخی ، علمی ، هنری و فرهنگی را در خود جای داده اند. به همین ترتیب ، چنین مسساتی آن اشیا را برای مطالعه و درک همه گنجینه می کنند. موزه مت بیش از 5000 سال هنر از سراسر جهان برای تجربه و لذت بردن از همه ارائه می دهد. در حالی که محتوا بسیار مهم است ، این طراحی است که توجه را به خود جلب می کند. با استفاده از این وب سایت ، طراحی و محتوا کاملاً جذاب است. به طور خاص ، صحنه قهرمان از پس زمینه ویدئویی زیبا با عنوان تند و CTA توصیفی استفاده می کند. علاوه بر این ، بخش نمایشگاه همچنین به شکل ظاهری وب سایت اضافه می کند زیرا در طراحی کارت با کشویی براق ارائه می شوند. به همین ترتیب ، ارائه موزه ها در سه مکان نیز ابهت به نظر می رسد.

موزه های ملی ایرلند شمالی

 

 

 

یک وب سایت می تواند کمک بسیاری به توسعه یک موزه کند. با طراحی خوب وب سایت موزه ، یک موسسه می تواند تجربه بازدید کننده را افزایش دهد و فرصت های بیشتری را برای رشد آن باز کند. در اینجا لیستی از وب سایت های موزه عالی برای کشف وجود دارد قبل از اینکه در نهایت سایت خود را تنظیم کنید. National Museums NI مقاصد برتر فرهنگی ، آموزشی و گردشگری را در خود جای داده است. این خانه برای 20000 اثر هنری ، بیش از یک میلیون گیاه ، حیوان و نمونه زمین شناسی و موارد دیگر است. از آنجا که وب سایت ها نقش حیاتی در توسعه دارند ، وب سایت آن با سبک و نوآوری ساخته شده است. ظاهراً صحنه قهرمان نمایش باشکوهی از یک ویدیو به عنوان پس زمینه ای است که می توان آن را پخش و مکث کرد. علاوه بر این ، نمایشگاه های آینده با طرح طراحی کارت خیره کننده به نظر می رسند.

گالری پرتره ملی

 

 

 

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

موزه ون گوگ

 

 

 

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

موزه اسکریابین

 

 

 

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

موزه هنر

 

 

 

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

موزه گاز مجازی

 

 

 

هیچ راهی بهتر از یک وب سایت خوش ساخت برای دسترسی بیشتر به افراد و تشویق آنها برای بازدید از موزه ها وجود ندارد. از آنجا که امروزه اکثر مردم تلفن های هوشمند دارند ، بهترین کار این است که از یک وب سایت موزه برای موبایل استفاده کنید. Wirtualne Muzeum Gazownictwa ابزاری فوق العاده برای الهام بخشیدن به موسسات موزه ای است که هنوز وب سایتی ندارند. این یکی از خلاق ترین وب سایت های این لیست است که از طرح خارج از جعبه و انیمیشن پیمایش جالب استفاده می کند. از طریق این رسانه ، نمایشگاه های مجازی جذاب بصری آشکار و فریبنده هستند. گذشته از تصاویر واضحی که به آن اضافه شده ، ادغام ویدئو همچنین مکمل مطالب است. برای ایجاد سهولت در پیمایش ، از منوی مهم و منوی خارج از بوم نیز با پیوندهای رسانه های اجتماعی به آن استفاده می شود.

موزه Brandhorst

 

 

 

وب سایت یک رسانه خوب برای گسترش مأموریت های شما به عنوان یک موسسه موزه است. بنابراین ، نگاهی اجمالی به این طراحی وب سایت های موزه بیندازید و راه های خلاقانه تبلیغ خود را کشف کنید. این موزه Brandhorst است که با نمایی چشمگیر از 36000 میله سرامیکی در آلمان به هنر معاصر اختصاص یافته است. وب سایت آن با آماده شدن با فرصت های حضور در وب ، با ویژگی های شگفت انگیز و طراحی معاصر ساخته شده است. صفحه اصلی دارای یک طراحی زیبا و هنری همراه با انیمیشن جالب در صحنه قهرمان است. ظاهراً تصاویر کوچک بزرگی که نمایشگاه ها را نشان می دهند با کشویی صاف و درست در زیر صحنه قهرمان به نظر می رسند. علاوه بر این ، توصیفاتی که با تصویر همپوشانی دارند نیز باعث ایجاد خلاقیت در طراحی می شود. آنها را بررسی کنید!

 

 

 


طراحی وبسایت کتابخانه

 

طراحی سایت کتابخانه

 

طراحی وبسایت کتابخانه

   کتابخانه ها و طراحی وب منطقه کتابخانه ها

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

نمونه های طراحی وب کتابخانه

·         کتابخانه عمومی Crystal Lake

کتابخانه Crystal Lake دسترسی رایگان به اینترنت و WiFi را ارائه می دهد و برنامه هایی را برای مراجعه کنندگان میزبانی می کند.

·         کتابخانه عمومی واوکان

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

·         کتابخانه عمومی Oswego

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

·         کتابخانه عمومی پارک ویلا

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

·         کتابخانه عمومی Plainfield

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

·         کتابخانه Sugar Grove

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

·         کتابخانه عمومی شهر و کشور

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

·         کتابخانه عمومی مارشال تاون

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

 

وبسایت کتابخانه

 

بهترین وب سایت های کتابخانه

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

برای اطمینان از برجسته بودن شما ، و اینکه دانش آموزان و اعضای جامعه می دانند چرا باید با این کار متوقف شوند ، در اینجا چهار مورد وجود دارد که باید در وب سایت کتابخانه شما پیدا شود:

شماره 1: اطلاعات اولیه کتابخانه

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

شماره 2: نقشه ها ، دستورالعمل ها و ساعتها

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

شماره 3: رویدادهای آینده

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

شماره 4: نمایشگاه های آنلاین

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

 

 

 


طراحی سایت جذاب

 

سایت جذاب

چگونه وب سایت خود را با طراحی     UX جذاب کنیم

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

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

قوانین UX را بیاموزید: این قوانین به شما کمک می کنند تا از لحاظ عاطفی کاربران را "گره بزنید" و کار طراح را ماهرانه ارزیابی کنید. بیایید نگاهی به اصول اولیه UX بیندازیم که می تواند برای افزایش کارایی وب سایت شما و وفاداری بیشتر بازدیدکنندگان شما به کار رود.

هوا اضافه کنید

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

فضای سفید اطراف متن و عنوان ها 20? توجه کاربر را افزایش می دهد. فضای سفید باعث می شود سایت تازه ، باز و مدرن به نظر برسد. اگر نام تجاری شما با این مورد مطابقت دارد ، از "هوا" در طراحی خود استفاده کنید تا احساسات دلخواه را به کاربر منتقل کنید.

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

"هوا" اگر طرح از رنگ های ناسازگار استفاده کند و خواندن متن دشوار باشد ، بعید به نظر می رسد. شما می توانید از بین پالت های چهار رنگ از پیش ساخته شده انتخاب کنید ، ColorScheme طرح های رنگی ایجاد می کند ، Adobe Color رنگ ها را بر اساس هماهنگی رنگ مخلوط می کند و رنگ ها را از تصاویر استخراج می کند.

سرعت بارگذاری وب سایت را کاهش دهید

یکی از ناخوشایندترین پدیده ها برای همه کاربران اینترنت بارگذاری طولانی صفحه است. موافقم ، این بسیار آزار دهنده است. غالباً وقت انتظار نداریم و به سادگی چنین سایتهایی را با سرعت پایین تعطیل می کنیم. طبق بخش ، 5 ثانیه اضافی بارگذاری صفحه 20? نرخ پرش را افزایش می دهد. ابزارهای رایگان PageSpeed به شما کمک می کنند سرعت بارگیری سایت دسک تاپ و موبایل خود را بهینه کنید.

تصاویر "سنگین" یکی از دلایل اصلی بارگذاری طولانی صفحه است. برای فشرده سازی تصاویر خود بدون از دست دادن کیفیت ، سرویسی مانند Optimizilla یا Compressor را امتحان کنید .

از فراخوان های جذاب برای اقدام استفاده کنید

نشانه های دیداری به شما کمک می کند تا محتوای مهم را پیدا کنید. و تماس های واضح بیان شده برای اقدام به کاربران امکان می دهد تا به راحتی در سایت گشت بزنند و آنچه را که می خواهند در مکان مورد انتظار به دست آورند.

هنگام ایجاد دکمه برای وب سایت خود ، روانشناسی رنگ را در نظر بگیرید. بازاریابان در Maxymiser توانستند 11 درصد افزایش تعداد کلیک روی دکمه پرداخت را بدست آورند. برای انجام این کار ، آنها تغییرات رنگ دکمه و پیام های دعوت به عمل را آزمایش کردند. رنگهای مختلف معانی مختلفی دارند. چه چیزی می خواهید به کاربران خود منتقل کنید: اعتماد ، تجربه ، هوش؟

آزمایش A / B را انجام دهید تا انتخاب براساس معیارهای عینی انجام شود. اینکه شما و دوستانتان رنگ دکمه را دوست دارید ، نرخ تبدیل بالای این گزینه را تضمین نمی کند.

متن روی دکمه ها باید شامل یک فعل یا دعوت به عمل باشد. کلمات نه تنها باید یک پیام ، بلکه احساس درست را نیز منتقل کنند. بدون ارتباط عاطفی - هیچ عملی. تماس های خود را پررنگ ، حساس به زمان (به عنوان مثال با کلمه "اکنون") ، عمل گرا انجام دهید.

پیوندها را از هم متمایز کنید

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

هر چه متن پیوند طولانی تر باشد ، مشاهده آن آسان تر است. به جای "درباره قابلیت های CRM Megaplan اینجا بیاموزید " بنویسید " درباره قابلیت های CRM Megaplan اطلاعات کسب کنید ".

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

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

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

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

تصاویر نباید خیلی کوچک باشند: مرورگر آنها را متناسب با عرض مشخص شده و کیفیت را خراب می کند. اندازه مطلوب 900-1000 پیکسل عرض و 600-700 پیکسل طول است. نسبت ها 4: 3 ، 3: 2 ، 1: 1 است.

اطلاعات را با نمادها برجسته و تقسیم کنید

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

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

 

طراحی سایت جذاب


عناوین خود را بهینه کنید

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

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

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

صفحات را با یکدیگر آشتی دهید

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

صفحه خطای 404 را سفارشی کنید

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

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

سایت خود را برای دستگاه های تلفن همراه بهینه کنید

مدت هاست که این یکی از عوامل اصلی در  سئو سایت است  . طبق موسسه تحقیقات بازار GfK Group ، در سال 2018 سهم کاربران بزرگسال اینترنت همراه در روسیه 61? بود - دسک تاپ فقط 39? بود.

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

نتیجه گیری

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

فضای کافی در صفحات باقی بگذارید. این از دست دادن فضا نیست ، بلکه استفاده شایسته آن است: نگاه بهتر در 2-4 عنصر احاطه شده توسط فضا متمرکز است . برای موتورهای جستجو باید سریع ، بصری و بهینه باشد. نشانگرهای بصری قوی ترتیب دهید - نمادهای طراحی اصلی ، دکمه های تماس برای عمل ، عکسهای واقعی محصولات ، دفتر و کارمندان. سپس افراد به سایت شما می آیند و می گویند: "UX چه طرحی است!"

 

 

 

 


طراحی وب سایت برای تلفن همراه

طراحی وب رای گوشی

12 قانون طراحی سایت برای دستگاه های تلفن همراه

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

1. قانون سازگاری

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

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

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

همه اینها هنگام تهیه نسخه تطبیقی مورد توجه قرار می گیرد. علاوه بر این ، وجود نسخه موبایل سایت باعث افزایش موقعیت منبع در شبکه های جستجو می شود که این امر بر تعداد بازدید از سایت و بر این اساس ، بر تعداد مشتریان بالقوه تأثیر می گذارد. نسخه تطبیقی وب سایت IDBI به این شکل است :

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

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

2. قانون اندازه های بزرگ

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

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

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

توصیه هایی برای اندازه عناصر برای کلیک: حداقل اندازه 26 پیکسل استاپل استفاده از 44x44 px را توصیه می کند.

3. قانون تایپوگرافی بزرگ

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

مثال نشان می دهد که فونت کاملاً بزرگ و خواندن آن آسان است. بیش از 2 قلم استفاده نمی شود ، فاصله بین بلوک های متن رعایت می شود ، پیشرو و هسته تنظیم می شوند. خواندن متن آسان است ، زیرا با نمادها و دکمه هایی با رنگ های متضاد رقیق می شود.

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

4. قانون هیچ چیز دیگری

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

نسخه دسک تاپ

نسخه موبایل

همانطور که از مثال مشاهده می کنید ، در نسخه موبایل ، تصویر بزرگ از صفحه اصلی حذف شده و کاربر بلافاصله به دسته های محصول می رود. ما همچنین بلوک "فروش" را کاهش داده ایم - در دستگاه های تلفن همراه ، تبلیغات در بالای صفحه نشان داده می شود ؛ برای جلب توجه ، از یک نماد قرمز با علامت? استفاده می شود.

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

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

5. قانون محتوا در یک ستون

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

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

6. قانون بدون پنجره های بازشو و ابزارک

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

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

اگر بدون پنجره های بازشو نمی توانید کار کنید ، بهتر است آنها را با اندازه دستگاه تطبیق دهید:

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

طرای وبسایت

7. قانون جزئیات تماس موجود

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

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

به عنوان مثال ، در وب سایت ما ، نماد تلفن کاربر را مستقیماً به برقراری تماس از طریق برنامه موجود در دستگاه هدایت می کند:

8. مثال شبکه های اجتماعی

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

9. مثال فرم های کوتاه

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

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

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

به این ترتیب طراحان بانک Tinkoff فرم دریافت کارت اعتباری را تهیه کردند:

یک فرم نسبتاً پیچیده به چند مرحله تقسیم می شود ، عناصر تعاملی مختلفی به آن افزوده شده است (نوار لغزنده ای برای انتخاب حد) ، انگیزه عمل (50? احتمال تأیید). همچنین یک ماسک برای وارد کردن شماره تلفن ، قسمتهای بزرگ ، نکات اضافه شده در هر مرحله اضافه شده است.

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

10. قانون فضا

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

نسخه دسک تاپ

نسخه موبایل

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

11. قانون طراحی عناصر ناوبری

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

رایج ترین تکنیک یک منوی ثابت استهنگام پیمایش ، چنین منویی در جلوی چشمان شما باقی می ماند و به شما امکان می دهد به سرعت از یک قسمت به دیگر دیگر بروید:

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

12. قانون مخاطبان هدف

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

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

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

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