طراحان وب اغلب در مورد روند طراحی وب سایت با تمرکز بر مسائل فنی مانند wireframes ، کد ، و مدیریت محتوا فکر می کنم. اما طراحی عالی در مورد چگونگی ادغام دکمه های رسانه های اجتماعی و یا حتی تصاویری نرم و صاف نیست. طراحی عالی در واقع در مورد داشتن یک فرآیند ایجاد وب سایت است که با یک استراتژی اساسی همتراز شده است.
وب سایت های طراحی شده خیلی بیشتر از زیبایی شناسی ارائه میدهند. آنها جذب بازدید کننده و کمک به مردم درک محصول, شرکت, و نام تجاری از طریق انواع شاخص, شامل تصاویری, متن, و تعاملات. این بدان معناست که هر عنصر از سایت شما نیاز به کار به سمت یک هدف تعریف شده است.
اما چگونه می توانم به شما که سنتز هماهنگ از عناصر دست یابد ؟ از طریق یک فرایند طراحی وب سایت جامع است که طول می کشد هر دو شکل و عملکرد را به حساب.
برای من ، مراحل طراحی یک وب سایت به مراحل 7 نیاز دارد:
شناسایی هدف: از کجا من با مشتری کار می کنند برای تعیین اهداف وب سایت جدید نیاز به تحقق. یعنی ، آنچه که هدف آن است.
تعریف محدوده: هنگامی که ما می دانیم اهداف سایت ، ما می توانیم دامنه پروژه را تعریف کنیم. I.e., چه صفحات وب و ویژگی های سایت نیاز به تحقق هدف, و جدول زمانی برای ساخت آن.
نقشه سایت و ایجاد قاب: با دامنه به خوبی تعریف شده ، ما می توانیم شروع به حفر به نقشه سایت ، تعریف چگونگی محتوا و ویژگی های ما در تعریف دامنه تعریف شده ارتباط برقرار خواهد کرد.
ایجاد محتوا: حالا که ما یک تصویر بزرگتر از سایت در ذهن داریم ، ما می توانیم شروع به ایجاد محتوا برای صفحات منحصر به فرد ، همیشه حفظ بهینه سازی موتور جستجو (جستجوگرها) در ذهن برای کمک به نگه داشتن صفحات متمرکز بر یک موضوع واحد. این حیاتی است که شما باید محتوای واقعی برای کار با برای مرحله بعدی ما:
عناصر بصری: با معماری سایت و برخی از مطالب در محل ، ما می توانیم شروع به کار بر روی نام تجاری بصری. بسته به مشتری, این ممکن است در حال حاضر به خوبی تعریف شده, اما شما همچنین ممکن است تعریف سبک بصری از زمین تا. ابزارهایی مانند سبک کاشی ، moodboards و کلاژ عنصر می توانند با این فرآیند کمک کنند.
تست: در حال حاضر ، شما تمام صفحات خود را تعریف کرده اید و چگونه آنها را به بازدید کننده سایت نشان می دهد ، بنابراین زمان آن است که مطمئن شوید که همه کار می کند. ترکیب مرور دستی از سایت در انواع دستگاه های با خزنده سایت خودکار برای شناسایی همه چیز از مسائل تجربه کاربر به لینک های ساده شکسته.
راه اندازی: هنگامی که همه چیز به زیبایی کار می کند ، وقت آن است که برنامه ریزی و اجرای سایت خود را اجرا کنید! این باید شامل برنامه ریزی هر دو زمان راه اندازی و استراتژی های ارتباطی-یعنی ، زمانی که شما راه اندازی و چگونه به شما اجازه جهان می دانم ؟ پس از آن ، زمان برای شکستن شامپانی است.
در این مرحله اولیه ، طراح نیاز به شناسایی هدف نهایی طراحی سایت ارزان، معمولا در همکاری نزدیک با مشتری و یا سایر ذینفعان. سوال برای کشف و پاسخ در این مرحله از طراحی و وب سایت فرایند توسعه عبارتند از:
سایت برای چه کسی است ؟
چه آنها انتظار برای پیدا کردن و یا انجام وجود دارد ؟
آیا هدف اصلی این وب سایت برای اطلاع رسانی ، به فروش (تجارت الکترونیک ، هر کسی ؟) ، و یا برای متحیر کردن ؟
آیا وب سایت باید به وضوح انتقال پیام اصلی با نام تجاری ، و یا آن را بخشی از یک استراتژی سریعتر نام تجاری خود را با تمرکز منحصر به فرد خود را ؟
چه سایت های رقیب ، در صورت وجود ، وجود دارد ، و چگونه باید این سایت با الهام/متفاوت از آن رقبا ؟
این مهم ترین بخش از هر فرآیند توسعه وب است. اگر این پرسش ها همه به وضوح در مختصر پاسخ داده نشده است ، کل پروژه می تواند در جهت اشتباه تنظیم شود.
ممکن است مفید باشد برای نوشتن یک یا چند هدف به وضوح شناسایی ، و یا یک پاراگراف خلاصه ای از اهداف مورد انتظار است. این کمک خواهد کرد که برای قرار دادن طراحی در مسیر درست. مطمئن شوید که مخاطبان هدف وب سایت را درک می کنید و دانش کار رقابت را توسعه دهید.
برای اطلاعات بیشتر در مورد این مرحله طراحی ، اتمام "فرآیند طراحی وب مدرن: تعیین اهداف. "
ابزار برای وب سایت مرحله شناسایی هدف
مخاطبان personas
خلاصه خلاق
تحلیل رقیب
ویژگی های نام تجاری
یکی از مشکلات رایج ترین و دشوار پروژه های طراحی وب سایت ، خزش دامنه است. مشتری با یک هدف در ذهن تنظیم می کند ، اما این به تدریج گسترش می یابد ، تکامل یافته و یا تغییرات در طول فرایند طراحی-و چیزی که بعد از آن شما می دانید ، شما نه تنها طراحی و ساخت یک وب سایت ، بلکه یک برنامه وب ، ایمیل ها و اطلاعیه های فشار.
این لزوما یک مشکل برای طراحان نیست ، زیرا اغلب می تواند به کار بیشتر منجر شود. اما اگر افزایش انتظارات با افزایش بودجه و یا جدول زمانی همسان نیست ، این پروژه به سرعت می تواند کاملا غیر واقعی تبدیل شده است.
نمودار گانت ، که جزئیات جدول زمانی واقع گرایانه برای پروژه ، از جمله هر گونه نشانه های بزرگ ، می تواند کمک به تعیین مرزهای و مهلت دست یافتنی. این فراهم می کند مرجع ارزشمند برای هر دو طراحان و مشتریان و کمک می کند تا نگه داشتن همه متمرکز بر کار و اهداف در دست.
ابزار برای تعریف محدوده
یک قرارداد
نمودار گانت (یا دیگر تجسم گاهشمار)
نقشه سایت ساده
نقشه سایت برای یک وبسایت ساده. توجه داشته باشید که چگونه آن را قطاری از سلسله مراتب صفحه.
این نقشه پایه ای برای هر وب سایت طراحی شده فراهم می کند. این کمک می کند تا طراحان وب ایده روشنی از معماری اطلاعات وب سایت و توضیح می دهد که روابط بین صفحات مختلف و عناصر محتوا.
ساخت یک سایت بدون نقشه سایت مانند ساخت یک خانه بدون طرح است. و این به ندرت به خوبی معلوم می شود.
گام بعدی این است که برای پیدا کردن برخی از الهام طراحی و ساخت یک mockup از قاب. Wireframes ارائه چارچوبی برای ذخیره سازی طراحی بصری سایت و عناصر محتوا ، و می تواند کمک به شناسایی چالش های بالقوه و شکاف با نقشه سایت.
seo و محتوا روند گوگلهنگامی که به محتوا می آید ، SEO تنها نیمی از نبرد است.
هنگامی که چارچوب وب سایت شما در محل قرار دارد ، می توانید با مهم ترین جنبه های سایت شروع کنید: محتوای نوشتاری.
محتوا در خدمت دو هدف ضروری است:
اول ، محتوا درگیر خوانندگان و درایوهای آنها را به اقدامات لازم برای تحقق اهداف یک سایت است. این است که توسط هر دو محتوا خود را (نوشتن) ، و چگونه آن را ارائه (تایپوگرافی و عناصر ساختاری) تحت تاثیر قرار.
نثر های کسل کننده ، مرده و overlong به ندرت توجه بازدیدکنندگان را برای مدت طولانی نگه می دارد. محتوای کوتاه ، سریع و جذاب آنها را grabs می کند و آنها را از طریق به صفحات دیگر کلیک کنید. حتی اگر صفحات شما نیاز به محتوای زیادی داشته باشند-و اغلب آنها-به درستی "chunking" که محتوا با شکستن آن به پاراگراف های کوتاه تکمیل شده توسط تصاویری می تواند به آن کمک کند نور ، احساس جذاب را حفظ کند.
محتوا همچنین قابلیت مشاهده سایت را برای موتورهای جستجو افزایش می دهد. عمل ایجاد و بهبود محتوا برای رتبه بندی به خوبی در جستجو به عنوان بهینه سازی موتور جستجو ، و یا SEO شناخته شده است.
گرفتن کلمات کلیدی خود را و کلید عبارات مناسب برای موفقیت هر وب سایت ضروری است. من همیشه استفاده از گوگل کلید واژه برنامه ریز. این ابزار نشان می دهد که حجم جستجو برای کلمات کلیدی و عبارات بالقوه هدف ، بنابراین شما می توانید در بر روی آنچه انسان واقعی در حال جستجو در وب با سنگ تیز کردن. در حالی که موتورهای جستجو در حال تبدیل شدن بیشتر و بیشتر باهوش ، بنابراین باید استراتژی های محتوای خود را. روند گوگل نیز مفید است برای شناسایی شرایط مردم در واقع استفاده از زمانی که آنها جستجو.
فرآیند طراحی ما بر طراحی سایت ارزان اطراف SEO تمرکز دارد. کلمات کلیدی که شما می خواهید برای رتبه نیاز به در برچسب عنوان قرار داده می شود-نزدیک به آغاز ، بهتر است. کلمات کلیدی نیز باید در تگ H1 ، متا توضیحات ، و محتوای بدن ظاهر می شود.
