طراحي يك وب سايت اصلا دشوار نيست ، به خصوص اگر اشتباهات رايج را براي جلوگيري از آن مي دانيد. در اين پست ما مراحل لازم را براي دستيابي به طراحي كامل يك وب سايت مي پردازيم. ما آنچه را كه همه سازندگان وب سايت بايد قبل از شروع يك پروژه جديد بدانند و انجام دهند را پوشش مي دهيم ، و آنچه را كه بايد براي جلوگيري از لغزش مورد توجه قرار دهند ، پوشش خواهيم داد.
اين مراحل نه تنها جنبه هاي طراحي بلكه نكات كلي گردش كار را نيز در بر مي گيرد. در اين صفحه چگونگي شروع كار و مراحل اصلي در گردش كار طراحي را بررسي مي كنيم.
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. طراحي خود را گسترده تبليغ كنيد ، از همكاري با مشتري دريغ نكنيد
اكنون پروژه خود را تمام كرده ايد ، وقت آن است كه اين كلمه را منتشر كرده و آن را به صورت آنلاين تبليغ كنيد. نشان دادن كار شما بهترين راه براي جذب مشتري جديد و جلب توجه به كارهاي هنري شماست. در بعضي موارد ، ما با مشتري ها همكاري كرديم تا موارد لازم براي ارتقاء كارهايي را كه ما به عنوان بخشي از پروژه انجام داده ايم ، آماده كنيم. در پايان روز ، اين يك وضعيت برنده براي شما و مشتري شماست. به دست آوردن اين كلمه باعث توجه كسب و كار آنها نيز خواهد شد. بنابراين در مورد آن فرياد بزنيد!
ادامه مطلب
بازدید:
.jpeg)
.jpg)
