طراحي سايت طراحي سايت .

طراحي سايت

SEO موبايل - بهينه سازي براي تجربه كاربري و موترهاي جستجو

SEO موبايل - بهينه سازي براي تجربه كاربري و موترهاي جستجو

 


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

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

شروع با كاربر

در شروع هر  پروژه  شما بايد كاربر را در نظر بگيريد. بدون كاربر، هر چقدر سعي  كنيد، حركتي نمي كنيد. احتمالا قبلا از Term User Experience (يا UX) شنيده ايد، اما براي محصول شما چه معنايي دارد؟ كاملا بستگي دارد به كاربران شما. پيدا كردن آنچه كه مخاطبان شما به  آن پاسخ مثبت دهند، يك موضوع پيچيده است كه بايد مقاله خاصي در اين مورد مطالعه كنيد؛ بنابراين، ما در مورد آنچه كه در ذهن كاربران شما ست، بيش از حد غرق نخواهيم شد. با اين حال، در هر كسب و كار ي، عدم سرمايه گذاري در تجربه كاربر هميشه سبب    شكست خواهد شد. 

طراحي واكنشگرا

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

طراحي تايپوگرافي پاسخگو

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

هنر فضاي منفي

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

فرم تماس و عضويت كارا  طراحي كنيد

فرم هاي وب مانند فرم هاي ثبت نام و فرم هاي تماس با فيلدهاي ورودي و فرايند چك كردن و يا حتي يك جعبه جستجو ايجاد مي شوند. مطمئن شويد كه آنها كار مي كنند  و قبلا آنرا آزمايش كرده ايد. آيا آنها واقعا كار مي كنند؟ من هيچ ترديدي ندارم كه كد شما كاري كه بايد انجام دهد مي دهد، اما اين قضيه فقط در مورد سمت سرور نيست. بايد روي گوشي نيز كارا باشند از نحوه پر كردن فيلد ها گرفته تا نمايش خطا ها . به تعدادي از وبسايتها كه به طور ضعيفي اين كار را انجام ميدهند سر بزنيد،  اجازه بدهيد به شما يك راز بگويم: درست كردن اين مشكلات واقعا مكار سختي  نيست. 
اگر فرم را بفرستم و يك خطا وجود داشته باشد، بايد بدانيد كه خطا دقيقا چيست و در جاي درست نمايش داده شود و آنچه كه براي رفع آن  انجام دهم  چيست. نه - تكرار مي كنم، نه! - از من نخواهيد دوباره تمام فيلد ها را پر كنيم اين جايي است كه مشتري بالقوه را از دست داديد.

از SVG بيشتر استفاده كنيد

برخي از شما ممكن است بدانند كه يك تصوير SVG چيست، بنابراين  بسيار مختصر توضيح خواهم داد. SVG به معناي گرافيك برداري مقياس پذير است ، اين تصوير يك تصوير برداري را نشان مي دهد كه مي تواند با توجه به صفحه اي كه روي آن مشاهده مي شود بزرگ شود. 
SVG به خوبي با CSS كار مي كند و مناسب براي طراحي وب پاسخگو است. همراه با تايپوگرافي پاسخگو و پوسته هاي پاسخگو، يك تجربه مشاهده عالي براي كاربر را بدون در نظر گرفتن اينكه چه دستگاهي دارد، ايجاد مي كند. تصاوير SVG بهتر از تصوير عادي  و حتي بهتر از آيكون هاي فونت  هستند  زيرا آنها مي توانند به سرعت با محيط سازگار شوند . علاوه بر اين، با آيكون هاي فونت شما به يك رنگ محدود مي شويد، در حالي كه فايل هاي SVG بسيار متنوع هستند. 
شما مي توانيد گرافيك SVG را  تقريبا همه جا مورد استفاده قرار دهيد: لوگو، عناصر UI، نمودار، آيكون و .... 


مقالات مرتبط

 


برچسب: ،
امتیاز:
 
بازدید:
+ نوشته شده: ۲۸ مهر ۱۳۹۷ساعت: ۰۳:۱۸:۳۰ توسط:طراحي سايت موضوع:

{COMMENTS}
ارسال نظر
نام :
ایمیل :
سایت :
آواتار :
پیام :
خصوصی :
کد امنیتی :