27 گام مهم در طراحی سایت : طراحی یک وب سایت اصلا دشوار نیست ، به خصوص اگر اشتباهات رایج را برای جلوگیری از آن می دانید. در این پست ما مراحل لازم را برای دستیابی به طراحی کامل یک وب سایت می پردازیم. ما آنچه را که همه سازندگان وب سایت باید قبل از شروع یک پروژه جدید بدانند و انجام دهند را پوشش می دهیم ، و آنچه را که باید برای جلوگیری از لغزش مورد توجه قرار دهند ، پوشش خواهیم داد.
این مراحل نه تنها جنبه های طراحی بلکه نکات کلی گردش کار را نیز در بر می گیرد. در این صفحه چگونگی شروع کار و مراحل اصلی در گردش کار طراحی را بررسی می کنیم
1 . تعریف دقیقی از سایت خود داشته باشید
قبل از شروع کار ، باید بدانید که برای چه چیزی طراحی می کنید. علاوه بر توضیحات سایت ، باید بدانید که انتظارات برای آن چیست. به عنوان مثال یک سایت خبری بگیرید. هدف چیست؟ آیا این امر باعث می شود تا حد ممکن تأثیر تبلیغاتی ایجاد شود یا اینکه بهترین تجربه خواندن را ارائه می دهد؟ این اهداف چگونه ارزیابی می شوند؟
طراحی مجدد خوب لزوماً چشمگیرترین آنها نیستند ، بلکه مواردی هستند که باعث بهبود عملکرد در طول زمان می شوند. قبل از شروع طراحی خود ، صحبت با مشتری هایتان برای تعیین همه این موارد مهم است. شما باید یاد بگیرید که نگرانی ها و اهداف آنها فراتر از SOW (بهینه سازی سایت) چیست.
2. سایت فعلی را درک کنید
بیشتر اوقات ، مشارکت یک طراح در یک پروژه چیزی نیست که به صورت جداگانه اتفاق بیفتد. مشتریان همیشه با شما تماس نمی گیرند تا چیزی را از ابتدا شروع کنند. در بیشتر موارد مجبور خواهید بود سایت فعلی را بفهمید ، و اگر پروژه شما برای به چالش کشیدن این پروژه است ، فرصتهایی برای تکامل آن پیدا کنید یا آن را همانطور که هست دنبال کنید.
گزینه ها بی حد و حصر است. اگر می خواهید به سرعت حرکت کنید و تشخیص دهید که فرصت های نوآوری در کجا هستند ، درک آنچه از جایگاه طراحی وجود دارد ، مهم است ، بر خلاف نیاز به چالش کشیدن آنچه که ایجاد شده است و به عنوان کسی که قادر به درک شرایط نیست.
3. طرح های اولیه را با مشتری به اشتراک بگذارید
هنگام ارائه یک مفهوم تعاملی یا طرحی از "نگاه و احساس" ، باید اطمینان حاصل کنید که شما و مشتری هر دو در اسرع وقت در یک نقطه به توافق می رسید. قبل از به اشتراک گذاشتن نظر خود با مشتری از صرف وقت زیاد بر روی یک ایده خودداری کنید.
پس از تصویب مفهوم اولیه می توانید کمی استراحت کنید و طراحی را شروع کنید. اما پس از ارائه مفهوم اول ، اگر مشتری از آن خوشش نیامد ، باید بازخورد و دلایل کافی را جمع کنید تا مفهومی دوم ، مناسب تر ، به وی ارائه شود.
گردش کار طراحی
4. ابتدا چیدمان طرح را حل کنید
این بسیار واضح به نظر می رسد ، اما من خیلی اوقات متوجه شده ام که طراحان قبل از اینکه به فکر مشکلی باشند که می خواهند حل کنند مستقیماً وارد کار خود می شوند. طراحی در مورد حل مشکلات است و این مشکلات از طریق شیب یا سایه ها برطرف نمی شوند ، بلکه از طریق یک طرح خوب و یک سلسله مراتب روشن قابل حل است.
به محتوا ، چیدمان و قابلیت های آن فکر کنید. اطمینان حاصل کنید که این افکار با اهداف مشتری شما مطابقت دارند و به اشتراک بگذارید.
5. شروع به ترسیم یک چارچوب سطح بالا کنید
هنگامی که از من خواسته می شود برای طراحی یک وب سایت ایده ای بدهم ، اولین کاری که من انجام می دهم این است که یک چارچوب سطح بالا ارائه دهم که تمام مشکلات طراحی را حل کند. چارچوب UI است که محتوا را احاطه کرده و به کاربر کمک می کند تا اقدامات را انجام دهد و از طریق آن حرکت کند
اگر از این منظر به طراحی خود نزدیک شوید ، در هنگام طراحی بخش هایی فراتر از صفحه اصلی ، درک کاملی از نیازهای طرح خود خواهید داشت.
6. یک شبکه اضافه کنید
به همین سادگی است که به نظر می رسد. قبل از شروع به طراحی هر چیزی به یک شبکه مناسب احتیاج دارید. هیچ بهانه ای معتبر برای شروع بدون شبکه وجود ندارد - و اگر این کار را نکنید ، می توانم به شما اطمینان دهم ، طرح به نظر خوب نخواهد رسید. یک شبکه به شما کمک می کند تا طرح بخش های مختلف را بسازید. آن را به شما در مورد الزامات خاص اندازه صفحه نمایش راهنمایی می کند ، و به شما در ایجاد الگوهای پاسخگو کمک می کند ، بنابراین از نظر فاصله و همچنین بسیاری از موارد طراحی دیگر سازگار هستید.
7. تایپوگرافی خود را انتخاب کنید
کاوش در نوع و رنگ های مختلف بخشی از مرحله کشف یک پروژه است. به طور کلی ، توصیه می کنم بیش از دو نوع مختلف در یک وب سایت استفاده نکنید ، اگرچه این امر به طبیعت آن بستگی دارد. فونت هایی را انتخاب کنید که خواندن آن برای متنهای متن ساده آسان باشد و برای عناوین و تماس ها از فونت های جذاب تر استفاده کنید.. به دنبال الهام هستید؟ از استفاده از فونت های بزرگ نترسید و در هنگام استفاده از تایپوگرافی خلاق و سازگار باشید.
8. موضوع رنگ خود را انتخاب کنید
در طی فرایند انتخاب مجموعه ای از حروف متن ، باید شروع به کاوش در استفاده از رنگ هایی که در رابط ، پس زمینه و متن خواهید کرد ، کنید. من یک مجموعه محدود از رنگ و تن را برای UI عمومی توصیه می کنم.
این مهم است که بسته به عملکرد هر عنصر ، از آنهایی که به طور مداوم در طرح وب سایت استفاده می شوند ، استفاده کنید. به طرح سایت هایی مانند فیس بوک ، توییتر ، Quora و Vimeo فکر کنید. علاوه بر رابط کاربر ، هیچ محدودیتی برای تصویر و جزئیات گرافیکی وجود ندارد ، مگر اینکه در عملکرد اجزاء تداخل ایجاد کند.
9. طرح را ساده کنید
هرچه ساختار سایت ساده تر باشد ، امکان جابجایی کاربران آسانتر است. هر بخش باید داستانی را بیان کند. به یک دلیل و نتیجه نهایی برای کاربر نیاز دارد. طرح باید به تولید محتوا کمک کند تا مهمترین قطعه های آن داستان را برجسته کند.
در واقعیت نباید تعداد زیادی تماس برای اقدام در صفحه وجود داشته باشد - همه چیز باید به مرحله نهایی سوق پیدا کند.
در مورد ساده ترین چیدمانی که می توانید برای یک هدف ساده تصور کنید فکر کنید و به اضافه کردن اجزای ضروری بپردازید. در پایان تعجب خواهید کرد که ساده نگه داشتن آن چقدر سخت است.
10. اصلاح هر مؤلفه و بخش
با هر مؤلفه طوری رفتار کنید که گویی می تواند در یک مسابقه طراحی ارائه شود. اگر به هر مؤلفه توجه کنید ، کل بیش از مجموع اجزای آن خواهد بود.
هر مؤلفه باید طوری طراحی شود که گویی می تواند به تنهایی به عنوان بهترین مؤلفه تا کنون باشد. بعضی اوقات طراحان قسمت های خاصی از یک سایت را تا آخر در لیست کارهای خود می گذارند و در پایان به آنها علاقه زیادی نشان نمی دهند.
11. نظرات مشتری خود را از طریق راه حل های خود حل کنید
از انجام کارهای آشکارکننده خودداری کنید. یکی از اهداف برقراری ارتباط اغلب با مشتری ، پرهیز از غافلگیری هنگام آشکار کردن کار خود است
با انجام این کار متوجه خواهید شد که آنها یا با نتیجه گیری های شما موافق هستند ، یا در برخی از مواقع طی مسیر حرکت شما به یک نقص یا یک نوع دیگر اشاره می کنید که ممکن است در نظر نگرفته باشید. در هر صورت مکالمه ای خواهید داشت و مشتری به دلیل اینکه بخشی از این روند است ، سرمایه گذاری بیشتری خواهد کرد.
12. طراحی پویا داشته باشید
هنگام طراحی سایت تجربیات تعاملی ضروری است. هیچ طرحی را نمی توان به خودی خود و یا به عنوان یک مجموعه ثابت دیگر قضاوت کرد. هر مؤلفه با ارتباط آن با سیستم تعریف می شود ، و این رابطه برای انتقال صحیح به حرکت نیاز دارد. حرکت می تواند جلوه های پویا را در محتوای یا حالت های تعاملی در طرح شما نشان دهد. برای این منظور دوم توصیه می کنم طرح های خود را کمی بیشتر به نمونه سازی بکشید.
13. نمونه اولیه ایده آلی داشته باشید
نمونه سازی بهترین روش برای آزمایش تعامل و فناوری است. تعداد زیادی ابزار نمونه سازی وجود دارد که امروزه این کار را آسان می کند ، و برای ایجاد نمونه های اولیه مؤثر نیازی به یک زبان رمزگذار نیست. این روش دیگری است که می توانید مشتری خود را با استفاده از مفاهیم و ایده هایی که در غیر این صورت به توضیحات زیادی نیاز دارند ، هیجان زده کنید.
رویکرد طراحی خود را مشخص کنید
14- الگو های تعاملی را درست بچینید
آیا ما واقعاً به یک دکمه جستجو احتیاج داریم؟ در بیشتر موارد جواب مثبت است. ما به عنوان طراحان سایت نحوه مرور کاربران را در اینترنت شکل می دهیم ، این وظیفه ماست که تصمیم بگیریم چند قدم یک اقدام ساده را انجام می دهد و سایت ما چقدر کارآمد خواهد بود.
تجدید نظر در مورد الگوهای تعاملی ایجاد شده در کلیه مؤلفه ها مهم است تا ببینیم چگونه می توانیم آنها را بهبود بخشیم.
15. خود را به چالش بکشید
نوآوری همیشه الزام برای یک پروژه نیست ، بنابراین وظیفه ما این است که چیز تازه ای به دست آوریم. نمونه هایی از چالش های مختلف می تواند شامل استفاده از سیستم شبکه جدید ، ایجاد یک مؤلفه جدید یا حتی چالشهای جزئی مانند جلوگیری از حالتهای ترکیبی یا استفاده از یک رنگ خاص باشد.
16. به جزئیات توجه کنید
این بیانیه اخیراً بسیار مورد استفاده قرار گرفته است اما همیشه در محصول نهایی قابل مشاهده نیست. بسته به مفهوم این پروژه ، توجه به جزئیات می تواند به معنای چیزهای مختلف باشد.
این می تواند یک تعامل کوچک ، یک انیمیشن غیر منتظره یا یک لمس زیبایی شناسی مانند یک شیب کوچک در یک دکمه یا یک توقف کوتاه در اطراف یک جعبه در پس زمینه باشد. اما در کل این لمس بسیار ضروری است - و اگر واقعاً از کارهایی که انجام می دهید لذت ببرید طبیعی خواهد بود.
17. طراحی بهترین مورد؛ حتی برای بدترین سیستم
به یاد داشته باشید که چطور طرح شما در دستگاه های مختلف و اندازه صفحه نمایش کار خواهد کرد. به عنوان طراحان سایت، کار ما حل مشکلات از طریق محدودیت های مختلف است. با طراحی وب محدودیتها از مشکلات مفهومی و فنی گرفته تا موضوعات مرتبط با محتوا.
ما باید سایتی بسازیم که بتواند نه تنها در سناریوی ایده آل بلکه در بدترین حالت نیز کار کند. به عنوان مثال ، یک کاربر می تواند از یک صفحه نمایش واقعاً کوچک استفاده کند و سایت را بررسی کند وقتی تقریباً محتوا در آن وجود دارد ، بنابراین به نظر می رسد سایت خراب است.
با این حال به منظور ارائه کار خود ، من اکیداً توصیه می کنم بهترین سناریوی موردی را برای آن ایجاد کنید (که این نیز باید متداول ترین سناریو برای اکثر کاربران باشد). شما می خواهید مقدار ایده آل متن را نمایش داده و سایت را در اندازه ایده آل مرورگر نشان دهید.
18. خیلی به ایده های خود متصل نشوید
یک خط نازک بین دانستن اینکه چه موقع از ایده های خود دفاع کنید و یادگیری تشخیص اینکه تیم یا مشتری شما آنها را به عنوان "یک" نمی شناسد وجود دارد. شما به عنوان یک طراح باید به کارهایی که انجام می دهید کاملاً اعتقاد داشته باشید ، اما همچنین باید در بازگرداندن سریع هر یک از ایده های خود و رسیدن به چیز دیگری باز باشید. فراموش نکنید که بیش از یک راه حل وجود دارد.
19- وسواس طرح را تا زمانی که از آن متنفر باشید
اگر به طراحی علاقه دارید ، مطمئنم این کاری است که قبلاً انجام می دهید. . دوست نداشتن کار قبلی خود نشانه بلوغ است و این بدان معناست که بالاخره از اشتباهات خود درس می گیرید.
20. بهترین دوست توسعه دهنده خود باشید
توسعه دهندگان افراد خلاق هستند و آنها را به همان اندازه که انجام می دهید دوست دارند. اما آنها همیشه از ابتدا وارد یک پروژه نمی شوند و غالباً وقتی تصمیم می گیرند که مفهوم تصمیم گرفته شود و نقش خلاقانه آنها نادیده گرفته شود درگیر می شوند.
این روند اشتباه است؛ برخی از بهترین ایده ها از طرف تیم توسعه است ، بنابراین اطمینان حاصل کنید که از همان ابتدای پروژه با آنها گروهی کنید. به اشتراک گذاشتن مفاهیم و هیجان خود با آنها منجر به ایده های بهتر و اجرای بهتر در پایان خواهد شد.
21. ارتباط بیش از حد
من هرگز از ارتباط بیش از حد با مشتریان خود پشیمان نیستم. به محض این که چیزی مشخص نیست یا احساس به بن بست رسیدن می کنید ، از گفتن آنها دریغ نکنید. به یاد داشته باشید که به نفع آنهاست که مطمئن شوید که از وقت خود در کنار یکدیگر با کارآمدترین روش استفاده می کنید. من تمایل دارم که در ابتدای هر پروژه با مشتریانم ارتباط برقرار کنم ، تا زمانی که هر دو با روند کار احساس راحتی کنیم و انتظارات هر دو طرف را درک کنیم.
22. موارد را تا حد امکان شفاف ارائه دهید
تولید همان کارهای بزرگ همانقدر که ارائه آن سخت است بسیار مهم است. اگر آن را به درستی ارائه ندهید ، بهترین طراحی شما می تواند نادیده گرفته یا دور ریخته شود. وقتی نوبت به نمایش گذاشته می شود ، می خواهید کار خود را مثل اینکه آن را به یک کودک چهار ساله نشان می دهید توضیح دهید. همیشه به خاطر داشته باشید که آنچه برای شما کاملاً واضح است ممکن است برای کسی که برای اولین بار طراحی شما را می بیند ، چندان واضح نباشد.
23- کار خود را تمیز و همشمندانه ارائه دهید
برای جلوگیری از پیکسل های مبهم ، سعی کنید تضاد مناسب بین طراحی کلی و رنگ پس زمینه را تنظیم کنید. گذشته از هرگونه ملاحظات زیبایی شناختی ، موارد عادی وجود دارد که برای ایجاد یک اثر تمیز و صحیح باید از آنها اجتناب کرد
اینها فقط چند نمونه اساسی برای جستجو هستند ، اما در حقیقت لیست بی پایان است. همیشه به طراحی خود بطور کلی نگاه کنید تا ببینید که آیا همه چیز به خوبی کار می کند و سپس هر یک از اجزای آن را با دقت بیشتری مورد تجزیه و تحلیل قرار دهید.
24. پرونده های طراحی خود را مرتب کنید
این (در کنار استفاده از شبکه) مهمترین نکات مشاوره است ، فارغ از اینکه از چه نوع طراحی استفاده می کنید. صرف نظر از اندازه پروژه و تعداد طراحانی که روی آن کار می کنند ، باید فایل های خود را تمیز نگه دارید. این امر باعث می شود معرفی بخش های مختلف ، تسریع در روند طراحی و همکاری مشترک با سایر طراحان ، آسان تر شود.
25. طرح خود را در حال توسعه دنبال کنید
اگر در داخل یک آژانس کار کنید ، احتمالاً می دانید که در هنگام تهیه یک پروژه جدید در هنگام تهیه یک پروژه جدید ، چه راحت است. برخلاف تصور عمومی ، کار شما در مورد پروژه با تحویل PSD و شیوه نامه پایان نمی یابد.
اگر واقعاً به اجرای طرح ها و ایده های تعامل خود اهمیت می دهید ، هر از گاهی برنامه نویسان را در میان بهترین دوستان قدیمی خود جستجو کنید و به اندازه نیاز آنها برای اطمینان از کامل بودن هر پیکسل به آنها کمک کنید.
26. کار خود را در حال پیشرفت نشان دهید
به عنوان بخشی از جامعه طراحان ، همه ما دوست داریم نه تنها نتایج نهایی بلکه کارهای در حال پیشرفت را ببینیم. گاهی اوقات بهترین قسمت یک پروژه به دلایل مختلف کنار گذاشته می شود و در پوشه Archive شما گم می شود. توسعه پروژه خود را با ما درمیان بگذارید تا درباره نحوه ورود به طرح نهایی وب سایت خود اطلاعاتی کسب کنید.
27. طراحی خود را گسترده تبلیغ کنید ، از همکاری با مشتری دریغ نکنید
اکنون پروژه خود را تمام کرده اید ، وقت آن است که این کلمه را منتشر کرده و آن را به صورت آنلاین تبلیغ کنید. نشان دادن کار شما بهترین راه برای جذب مشتری جدید و جلب توجه به کارهای هنری شماست. در بعضی موارد ، ما با مشتری ها همکاری کردیم تا موارد لازم برای ارتقاء کارهایی را که ما به عنوان بخشی از پروژه انجام داده ایم ، آماده کنیم. در پایان روز ، این یک وضعیت برنده برای شما و مشتری شماست. به دست آوردن این کلمه باعث توجه کسب و کار آنها نیز خواهد شد. بنابراین در مورد آن فریاد بزنید!
- ۹۸/۰۷/۲۰
- مصطفی نجاری