loading...

سئو طراحي و بهينه سازي سايت

طراحي حرفه اي سايت و بهينه سازي براي موتور هاي جست و جو

بازدید : 415
سه شنبه 16 ارديبهشت 1399 زمان : 11:18

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

طراحي سايت عاطفي

احساسات بخش بسيار مهمي از تجربه كاربري است؛ به كاربران كمك ميكند وقتي به يك وب سايت سر ميزنند چيزي احساس كنند و احتمالا بيشتر درگير و متمركز شوند و با هرچيزي كه قصد داريد ارائه كنيد بهتر ارتباط برقرار ميكنند. اگر مطلب "طراحي براي احساسات" را خوانده ايد، اين ايده را به ياد خواهيد داشت كه احساسات در طراحي "تجربه اي براي كاربران به همراه دارد كه باعث ميشود احساس كنند در طرف ديگر ارتباط يك شخص قرار دارد و نه يك ماشين". –آرون والتر

شادي يك نمونه از اين احساسات است؛ احساس خوب بودن، خوشي و شوق. اگر طراحي سايت شما بتواند اين احساسات را تحريك كند كاربرانتان به سرعت احساس راحتي خواهند كرد و به دنبال راهي براي رابطه اي خوب ميگردند.

چگونه ميتوانيد شادي را بين كاربران خود ترويج كنيد؟يك راه قديمي خوب استفاده از چهره هاي خندان كاريكاتوري است، پس اجازه دهيد چند مثال ببينيم!

چهره هاي شاد در طراحي سايت

webdesign happyاين پسر چقد خوشحال است؟ او بخشي از جامعه گوگل ترنسليت است؛ جوان، زرنگ در فناوري و كمك رسان. استفاده از اشكال هندسي ساده چيزي است كه مكررا در اين مجموعه ميبينيد. آنها جالب اند و تفسيرشان آسان است و كاربران را در سهولت قرار ميدهد.

همچنين شايان ذكر است: اين تصاوير به صورت فايل PNG قرار ميگيرند –بافت درشت، فايل SVG بيش از حد سنگين ميكند كه قابل استفاده باشد.

happy websitehttp://worldseasiestdecision.org/en-us/

"آسان ترين تصميم جهان" يك وب سايت است كه براي كنفرانس تغييرات اقليمي سازمان ملل متحد 2015 راه اندازي شد. اين وبسايت هم از بافت مشابه تصاوير گوگل ترنسليت استفاده كرده است كه فضايي پذيرا، گرم، مثبت و اخلاقي ايجاد ميكند.

بررسي هاي دقيق تر مجموعه عظيمي از تصاوير كه در ساخت اين صفحه بكار رفته اند را نشان ميدهد –از جمله يكسري انيميشن دوست داشتي كه در پايين آمده است:

وب سايت شاد و خوب

اشكال هندسي بيشتر و يك PNG ديگر در اينجا ديده ميشود. اين تصوير ساده را ميتوانيد در 404 page of castle.io, پيدا كنيد كه سعي دارد نا اميدي را از كاربراني كه لينك هاي خراب را دنبال كرده اند بگيرد. البته در اين تصوير لبخندي ديده نميشود كه البته براي اين موقعيت هم مناسب نمي بود.

وب سايت شاد

اگر قرار باشد شديدا صادق باشم، ميگويم كه اين هشت پا ميتوانست از پديده ثبت نام كمي هيجان زده تر باشد اما لوگو كاربنميد هر كمبود شادي در اينجا را پر كرده است. اين اولين مثال ما از استفاده از SVG است.

طراحي وب سايت شادبا اين حال اين افراد واقعا در كار خودشان خوشحال اند. شركت "كثيفي براي شستشو" كه زماني كه اساس كشي داريد برا تميز كردن خانه شما مي آيد مجهز و آماده كار هستند. اين تصوير همچنين با SVG و پيش زمينه و پس زمينه منظره ساخته شده كه بسته به اندازه نمايشگر حركت ميكند و تغيير اندازه ميدهد و جابجا ميشود.

طراحي وب شاد

گوگل هر سال به خاطر ردياب بابانوئل (Santa Tracker) مورد تحسين قرار گرفته است. اشكال هندسي بيشتر و يك گوني پر از احساس خوب.

شادstuffandnonsense.co.uk

شامپانزه ها در stuffandnonsense.co.uk كه از يك تبليغ تلويزيوني كلاسيك از دهه 1970 الهام گرفته شده اند حتما ميتوانند لبخند در چهره كاربر ايجاد كنند.اين آخرين مورد در سري تصاوير واكنشگرا است كه در سايت "چيز ها و مزخرفات" توسط جاش كليلند تصوير سازي و سارا سويدان اجرا شده است. مرورگر خود را كوچك كنيد و متوجه خواهيد شد كه (به لطف فيلتر هاي SVG) اشباع رنگ كم شده و حس نوستالژيك به تصوير اضافه ميكند.

سايت خوشحال

در مورد اين تصوير ميتوانيد در سايت Stuff and Nonsense بيشتر بخوانيد.

طراحي وب لبخند

حالا مناظر بيشتر متحرك؛ يك نگاه به اين روحيه شاد از سايت bysusanlin.com بياندازيد! به سمت پايين صفحه حركت كنيد تا ببينيد كه شخصيت هاي 8 بيتي خوشحال در اين منظره راه ميروند. شخصيت ها و منظره همگي تصاوير PNG هستند كه با استفاده از CSS سر جاي خود قرار گرفته اند. يكسري سفارشي سازي هاي جي كوئري در مقادير خاصي از اسكرول كردن جاي شخصيت ها را تغيير ميدهد –به زودي منتظر آموزش اين تكنيك باشيد.

طراحي وب سايت شاد و لبخندقيافه هايي كه روي سايت www.passweird.com قرار دارد احتمالا احساس خوب بودن را منتقل نميكند اما اين كتاب مصور عجيب و غريب قطعا تداعي كننده نوعي احساس است. طنز و طراحي آن لبخند به لب مياورد، اگرچه از نوع كمي ناراحت كننده اش.

وب سايت خوباين يكي بيشتر مورد پسند است: "بزن قدش" و اعضاي شاد يك جامعه در انجمن هاي دراپباكس (Dropbox). در واقع دراپباكس هميشه طرفدار اينطور چيزها بوده است –تصاوير نقش مهمي در برند سازي، زبان بصري و لحن آنها ايفا ميكند.

وب ديزاين شادwww.dropbox.com/plans

وب سايت شاد و لذتبخش

خش "خواندن" يك كتاب فروشي استراليايي با طرح هاي پر انرژي از اثار اسلو ديوي از مردمي كه در حال خواندن هستند پر شده است. بنر اصلي در بالا از مجموعه از بلوك ها ساخته شده، كه هريك از آنها از اسپريت PNG پس زمينه استفاده ميكند. وقتي اندازه صفحه كاهش پيدا كند بلوك ها حذف ميشوند كه به طور منظم با پس زمينه را فضاي در دسترس تطبيق دهند.

اگر تا بحال از Basecamp استفاده كرده باشيد ميدانيد كه عاشق تصاوير نقاشي شده هستند. در اينجا برخي از اعضاي تيم آن ها را ميبينيد كه دندان هاي سفيدشان را نشان ميدهند:

مردم با سايت خوب

وب سايت لذتبخش

وب ديزاين لبخندساز

طراحي سايت جزييات زيادي دارد و در پست هاي بعدي مفاهيم طراحي سايت حرفه اي ، طراحي سايت شركتي، بهينه سازي سايت و روش پركاربرد تبليغات كليكي در گوگل را به مرور توضيح مي دهم.

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

طراحي سايت عاطفي

احساسات بخش بسيار مهمي از تجربه كاربري است؛ به كاربران كمك ميكند وقتي به يك وب سايت سر ميزنند چيزي احساس كنند و احتمالا بيشتر درگير و متمركز شوند و با هرچيزي كه قصد داريد ارائه كنيد بهتر ارتباط برقرار ميكنند. اگر مطلب "طراحي براي احساسات" را خوانده ايد، اين ايده را به ياد خواهيد داشت كه احساسات در طراحي "تجربه اي براي كاربران به همراه دارد كه باعث ميشود احساس كنند در طرف ديگر ارتباط يك شخص قرار دارد و نه يك ماشين". –آرون والتر

شادي يك نمونه از اين احساسات است؛ احساس خوب بودن، خوشي و شوق. اگر طراحي سايت شما بتواند اين احساسات را تحريك كند كاربرانتان به سرعت احساس راحتي خواهند كرد و به دنبال راهي براي رابطه اي خوب ميگردند.

چگونه ميتوانيد شادي را بين كاربران خود ترويج كنيد؟يك راه قديمي خوب استفاده از چهره هاي خندان كاريكاتوري است، پس اجازه دهيد چند مثال ببينيم!

چهره هاي شاد در طراحي سايت

webdesign happyاين پسر چقد خوشحال است؟ او بخشي از جامعه گوگل ترنسليت است؛ جوان، زرنگ در فناوري و كمك رسان. استفاده از اشكال هندسي ساده چيزي است كه مكررا در اين مجموعه ميبينيد. آنها جالب اند و تفسيرشان آسان است و كاربران را در سهولت قرار ميدهد.

همچنين شايان ذكر است: اين تصاوير به صورت فايل PNG قرار ميگيرند –بافت درشت، فايل SVG بيش از حد سنگين ميكند كه قابل استفاده باشد.

happy websitehttp://worldseasiestdecision.org/en-us/

"آسان ترين تصميم جهان" يك وب سايت است كه براي كنفرانس تغييرات اقليمي سازمان ملل متحد 2015 راه اندازي شد. اين وبسايت هم از بافت مشابه تصاوير گوگل ترنسليت استفاده كرده است كه فضايي پذيرا، گرم، مثبت و اخلاقي ايجاد ميكند.

بررسي هاي دقيق تر مجموعه عظيمي از تصاوير كه در ساخت اين صفحه بكار رفته اند را نشان ميدهد –از جمله يكسري انيميشن دوست داشتي كه در پايين آمده است:

وب سايت شاد و خوب

اشكال هندسي بيشتر و يك PNG ديگر در اينجا ديده ميشود. اين تصوير ساده را ميتوانيد در 404 page of castle.io, پيدا كنيد كه سعي دارد نا اميدي را از كاربراني كه لينك هاي خراب را دنبال كرده اند بگيرد. البته در اين تصوير لبخندي ديده نميشود كه البته براي اين موقعيت هم مناسب نمي بود.

وب سايت شاد

اگر قرار باشد شديدا صادق باشم، ميگويم كه اين هشت پا ميتوانست از پديده ثبت نام كمي هيجان زده تر باشد اما لوگو كاربنميد هر كمبود شادي در اينجا را پر كرده است. اين اولين مثال ما از استفاده از SVG است.

طراحي وب سايت شادبا اين حال اين افراد واقعا در كار خودشان خوشحال اند. شركت "كثيفي براي شستشو" كه زماني كه اساس كشي داريد برا تميز كردن خانه شما مي آيد مجهز و آماده كار هستند. اين تصوير همچنين با SVG و پيش زمينه و پس زمينه منظره ساخته شده كه بسته به اندازه نمايشگر حركت ميكند و تغيير اندازه ميدهد و جابجا ميشود.

طراحي وب شاد

گوگل هر سال به خاطر ردياب بابانوئل (Santa Tracker) مورد تحسين قرار گرفته است. اشكال هندسي بيشتر و يك گوني پر از احساس خوب.

شادstuffandnonsense.co.uk

شامپانزه ها در stuffandnonsense.co.uk كه از يك تبليغ تلويزيوني كلاسيك از دهه 1970 الهام گرفته شده اند حتما ميتوانند لبخند در چهره كاربر ايجاد كنند.اين آخرين مورد در سري تصاوير واكنشگرا است كه در سايت "چيز ها و مزخرفات" توسط جاش كليلند تصوير سازي و سارا سويدان اجرا شده است. مرورگر خود را كوچك كنيد و متوجه خواهيد شد كه (به لطف فيلتر هاي SVG) اشباع رنگ كم شده و حس نوستالژيك به تصوير اضافه ميكند.

سايت خوشحال

در مورد اين تصوير ميتوانيد در سايت Stuff and Nonsense بيشتر بخوانيد.

طراحي وب لبخند

حالا مناظر بيشتر متحرك؛ يك نگاه به اين روحيه شاد از سايت bysusanlin.com بياندازيد! به سمت پايين صفحه حركت كنيد تا ببينيد كه شخصيت هاي 8 بيتي خوشحال در اين منظره راه ميروند. شخصيت ها و منظره همگي تصاوير PNG هستند كه با استفاده از CSS سر جاي خود قرار گرفته اند. يكسري سفارشي سازي هاي جي كوئري در مقادير خاصي از اسكرول كردن جاي شخصيت ها را تغيير ميدهد –به زودي منتظر آموزش اين تكنيك باشيد.

طراحي وب سايت شاد و لبخندقيافه هايي كه روي سايت www.passweird.com قرار دارد احتمالا احساس خوب بودن را منتقل نميكند اما اين كتاب مصور عجيب و غريب قطعا تداعي كننده نوعي احساس است. طنز و طراحي آن لبخند به لب مياورد، اگرچه از نوع كمي ناراحت كننده اش.

وب سايت خوباين يكي بيشتر مورد پسند است: "بزن قدش" و اعضاي شاد يك جامعه در انجمن هاي دراپباكس (Dropbox). در واقع دراپباكس هميشه طرفدار اينطور چيزها بوده است –تصاوير نقش مهمي در برند سازي، زبان بصري و لحن آنها ايفا ميكند.

وب ديزاين شادwww.dropbox.com/plans

وب سايت شاد و لذتبخش

خش "خواندن" يك كتاب فروشي استراليايي با طرح هاي پر انرژي از اثار اسلو ديوي از مردمي كه در حال خواندن هستند پر شده است. بنر اصلي در بالا از مجموعه از بلوك ها ساخته شده، كه هريك از آنها از اسپريت PNG پس زمينه استفاده ميكند. وقتي اندازه صفحه كاهش پيدا كند بلوك ها حذف ميشوند كه به طور منظم با پس زمينه را فضاي در دسترس تطبيق دهند.

اگر تا بحال از Basecamp استفاده كرده باشيد ميدانيد كه عاشق تصاوير نقاشي شده هستند. در اينجا برخي از اعضاي تيم آن ها را ميبينيد كه دندان هاي سفيدشان را نشان ميدهند:

مردم با سايت خوب

وب سايت لذتبخش

وب ديزاين لبخندساز

طراحي سايت جزييات زيادي دارد و در پست هاي بعدي مفاهيم طراحي سايت حرفه اي ، طراحي سايت شركتي، بهينه سازي سايت و روش پركاربرد تبليغات كليكي در گوگل را به مرور توضيح مي دهم.

نظرات این مطلب

تعداد صفحات : 1

درباره ما
موضوعات
آمار سایت
  • کل مطالب : 31
  • کل نظرات : 0
  • افراد آنلاین : 1
  • تعداد اعضا : 75
  • بازدید امروز : 6
  • بازدید کننده امروز : 1
  • باردید دیروز : 29
  • بازدید کننده دیروز : 0
  • گوگل امروز : 0
  • گوگل دیروز : 0
  • بازدید هفته : 106
  • بازدید ماه : 210
  • بازدید سال : 557
  • بازدید کلی : 26214
  • <
    پیوندهای روزانه
    آرشیو
    اطلاعات کاربری
    نام کاربری :
    رمز عبور :
  • فراموشی رمز عبور؟
  • خبر نامه


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


    ایمیل شما :

    ایمیل دوست شما :



    لینک های ویژه