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

طراحي سايت

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

 

 

 

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

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

 

 


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

مشتري شما چگونه طراحي وب سايت شما را تفسير مي كند

مشتري شما چگونه طراحي وب سايت شما را تفسير مي كند

 


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

به اين ترتيب، مي توانيد از موارد زير جلوگيري كنيد: 

جعبه ابزار طراح Freelance 
نامحدود: 500000+ قالب وب، آيكون مجموعه، تم و طراحي دارايي


مهم است كه ممكن است كه يك درگيري يا سوء تفاهم بين يك مشتري و يك مترجم آزاد وجود داشته باشد. اگر تا به حال بيش از حد درگيري يا سوء تفاهم وجود داشته باشد، پروژه ممكن است قبل از اينكه كامل شود، مي ميرد. 
يكي از راه هاي جلوگيري از اين كار اين است كه بدانيد كه مشتري شما در مورد پروژه چه فكر مي كند. هر دو طرف بايد با يكديگر در صورتي كه منافع و يا يك سوء تفاهم براي جلوگيري از مناقشات بيشتر وجود دارد، بايد با يكديگر هماهنگ باشد. بله، سوء تفاهم مي تواند منجر به درگيري شود، اما مي توان از آن جلوگيري كرد. 
Conflict

2. زباله زمان


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

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

زمان

3. پس انداز پول


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

پول مهم

يك راه براي موفقيت در پروژه و هدر دادن پول زيادي براي هر دو طرف است تا ايده ها را به اشتراك بگذارند. 

4. مشتريان تجاوز


دليل مشتريان ناراحت مي شود؟  

هرگز مشتريان را ناراحت نكنيد! اولين گام براي جلوگيري از ناراحتي مشتريان، نشان دادن آنهاست كه شما از آنچه كه از شما انتظار مي رود را مي فهميد. 

5. نحوه خواندن ذهن مشتري


اكنون اجازه دهيد به شما راهنمايي ها و راه هايي در مورد اينكه چگونه مي توانيد به ذهن مشتريان خود دسترسي پيدا كنيد. 

ذهن شما

طوفان مغزي يك فرآيند است كه اعضاي يك گروه با يكديگر به اشتراك گذاشته اند. اين تكنيك به شما امكان اشتراك و گفتگو در مورد ايده ها و تعيين دامنه پروژه را ميدهد. 

چگونه به درستي انجام دهيد:  

Brainstorm

مصاحبه ها يكي از راه هاي شناختن آنچه مشتريان شما مي خواهند ببينند. هنگام مصاحبه با مشتري خود در رابطه با پروژه چه كاري بايد انجام دهيد؟
مصاحبه

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

مشتريان نياز به پاسخ دادن به اين دارند تا ايده هايي در مورد آرم هاي مورد علاقه خود را ارائه دهند. و در اينجا سوالات هستند: 

نام شركت: _________________________________ 
اين جايي است كه مشتري كل نام شركت را مي نويسد.  

نوع كسب و كار: _________________________________ 
در اين سؤال مشتري نوع كسب و كار خود را: سازنده، تجارت الكترونيك و غيره  

رنگ مورد نظرتان چيست؟ _________________________________ 
اگر آنها رنگ هاي مورد نظر را داشته باشند، آنها آن را اينجا مي نويسند.  

فونت هاي مورد نظر شما چيست؟ _________________________________ 
همچنين با فونتها، اگر آنها يك فونت خاص را دوست دارند، آن را اينجا بنويسيد.  

صفات (شرح مختصري از آنچه دوست داريد در لوگو ببينيد): _________________________________ 
پاسخ به اين سوال بسيار مهم است. اين جايي است كه مشتري توصيف آنچه را كه مي خواهد. يا او مي تواند بيان كند كه طراح ميتواند آزادانه عمل كند.  

او از پاسخ مشتريان به عنوان مرجع و به عنوان نقطه شروع استفاده مي كند. 

سوال

شما مي توانيد پرسشنامه خود را بنويسيد تمركز بر آنچه شما بايد در مورد پروژه بدانيد. براي كمك به شما در اين زمينه، نكاتي براي نوشتن پرسشنامه ها وجود دارد: 

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

Sketches2

حتي اگر مشتريان هم مانند رئيس شما باشند، بايد پيشنهادات خود را نيز به آنها بدهيد، به ويژه از آنجايي كه شما بيشترين دانش را داريد. 

هنگامي كه چيزها را پيشنهاد كنيد 

 

Suggest

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

چرا بايد با مشتريانتان ارتباط برقرار كنيد؟  

ارتباط

هنگامي كه ايده ها را جمع مي كنيد ارتباط برقرار نمي شود. در طول پروژه، هميشه مطمئن شويد كه با مشتريانتان ارتباط برقرار مي كنيد. اين يك عنصر بسيار مهم براي تكميل هر پروژه با موفقيت است. 

بسته شدن


اين فقط چند راه براي 
است مي دانيد كه مشتريان شما چه فكر مي كنند بسته شدن آن: 

با اين نكات، شما قادر خواهيد بود روابط خوبي با مشتريان خود ايجاد كنيد و در تكميل پروژه هايي كه مشتريان شما را خوشحال مي كنند موفق باشيد. src = "10.jpg


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

شغل هاي حوزه وب و طراحي

شغل هاي حوزه وب و طراحي: شما كجا قرار داريد؟

 


 شما يك طراح وب هستيد يا يك توسعه دهنده وب؟

سردرگمي ميان اين مشاغل قابل فهم است زيرا عناوين مختلفي وجود دارد. پس چگونه مي توانيم بدانيم كه كدام است و كجا قرار داريم؟ اجازه دهيد نگاهي بيندازيم:

Web Designer 

همانطور كه از نام آن پيداست، يك طراح وب طراحي ظاهر سايت را بر عهده دارد . به معناي واقعي كلمه، بر روي كار بر روي "ظاهر"   وب سايت متمركز است. ما مي توانيم آنها را به عنوان معماران وب در نظر بگيريم. طراحان وب بايد اساتيد هنرهاي تجسمي باشند. 

web -job-titles-02

UI/UX Designer

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


Art Director

مديران هنري يا مديران طراحي در سطح مديريتي. آنها ناظران گردش كار هستند. آنها يك تيم از طراحان را مديريت مي كنند.
آنها مسئول هماهنگي با مشتري و نظارت بر روند طراحي هستند.
آنها با توجه به پيشرفت كار، سطح ارتباط بين تيم و مشتريان را به روز رساني مي كنند.
آنها كيفيت و يكنواختي طراحي را بررسي مي كنند.

Web Developer

اگر طراحان وب معماران صنعت وب هستند، توسعه دهندگان را به عنوان سازندگان  سخت افزاري و   آچار  صنعت وب مي شناسيم. توسعه وب را مي توان به عنوان اسكلت ساختمان در صنعت ساختمان  در نظر بگيرد. بدون توسعه دهندگان وب، طراحي فقط در سطح ، PSD ها/ و مدل ها باقي خواهد ماند. آنها از ابزارهاي زيادي در توليد يك وب سايت بهينه و تعاملي استفاده مي كنند. 
آنها مسئول توليد، اصلاح و نگهداري وب سايت و رابط كاربر آن هستند.
آنها با طراحان در ايجاد زبان هاي نشانه شناختي مانند XHMTL / CSS كار مي كنند و PSD هاي static را به صفحات مرورگر تبديل مي كنند.
آنها كد هاي سمت سرور را براي توسعه يك وب سايت پيچيده و تعاملي پياده سازي مي كنند.

web -job-titles-04

Web Content Strategist

 وب سايت فقط صرفا طراحي نيست. سايت نياز به محتوا دارد به اين دليل استراتژيستهاي محتوا مطرح   هستند. 

web -job-titles-05

Information Technician

 به اين دليل كه تكنسين هاي اطلاعاتي با سخت افزار در ارتباط هستند، به اين معنا نيست كه آنها نمي توانند يك كار مرتبط با وب داشته باشند. حقيقت اين است كه بدون اين افراد، وب احتمالا به راحتي اجرا نخواهد شد. 
web-job- titles-06
آنها مسئول نگهداري سخت افزار و نرم افزار هستند.
آموزش، مشاوره و توصيه نيز بخشي از توصيف شغلي تكنسين اطلاعات است.
آنها  مجهز به سخت افزار و نرم افزار به روز شده است.
آنها همچنين عيب يابي سخت افزار  دست در آتش دارند ..
به طور خلاصه، تكنسين هاي اطلاعاتي به  دانش اساسي كامپيوترها و شبكه ها متكي هستند. 

Product Manager

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

Customer Service

هيچ محصول يا سرويس وب بي عيب و نقص نيست، بايد برخي از افراد  در صورت بروز اين نقص به مشتري خدمات ارايه دهند. 
  لبخند Telemarketer

SEO

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

فيس بوك طراحي كارت پستال

نتيجه گيري


 اينها برخي از عناوين شغلي طراحي وب است كه ما معمولا با آن مواجه هستيم.

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

طراحي وب سايت هاي آينده: طراحي با كيفيت بالا

طراحي وب سايت هاي آينده: طراحي با كيفيت بالا

 

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



قهرمان تمام صفحه (Hero. Full-screen)


 اين بهترين توصيف از طراحي وب مدرن است كه به تصاوير پس زمينه بزرگ مي آيند. طراحان نه تنها در مورد HD فكر مي كنند، بلكه HD را بصورت افراطي تمام صفحه را اشغال مي كند.



 اين روند طراحي به اين دليل كار مي كند كه كاربران شيفته تعامل بصري  اوليه هستند، تصاوير  يك تجربه كاربري بهتر را به وجود مي آورند. به نظر مي رسد كه تفكري به شدت سطحي است، اما در عمل خوب كار مي كند .




رزولوشن صفحه نمايش با وضوح بالا فرصتي عالي براي كاربران فراهم مي كند تا تصاويري با سطوح جزئي كه قبلا در دسترس نبودند را مشاهده كنيد. جزئيات تصوير - مانند بافت استفاده شده و رنگ متنوع در Park Macquarie به چاشني بصري رابط كاربري افزوده مي شود، كه در واقع به اولين تصور بسيار مهم  سايت تبديل مي شود.




در اينجا پنج راه براي استفاده از يك تصوير HD به بهترين شيوه مطرح شده است:

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

۲- چندين عكس را در نظر بگيريد - از چارچوب اسلايدي يا سبك كارتي استفاده كنيد.

۳- استفاده از يك افكت بر روي تصوير - ماسك هاي رنگي مي تواند تأكيد بر يك تصوير را اضافه يا تغيير دهد ( براي مثال يك  ماسك قرمز  انرژي بيشتري دارد،).

۴- در نظر بگيريد كه تصوير بر روي اندازه هاي مختلف صفحه نمايش چگونه نمايش داده مي شود.

۵- فراتر از فريم فكر كنيد - عكس پس زمينه نيازي با نسبت تصوير 1 تا 1.5 استاندارد دوربين ها مطابقت داشته باشد.


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

Videos

 

پس زمينه هاي ويدئويي HD  يكي از محبوب ترين تكنيك هاي سال مي باشد -  از غول هايي مانند AirBnB  تا سايتهاي كوچكتر  ، جريان ويدئو سريعا در حال تبديل شدن به يك بخش حياتي از چشم انداز طراحي وب شده است.



برخي از اولين وب سايت هايي كه از ويديو پس زمينه استفاده مي كردند، واقعا سايت رسمي يك فيلم بودند. به عنوان مثال، سايت "Life of Pi" از يك پيش نمايش واقعي از فيلم به عنوان پس زمينه (در فرمت هاي قابل دانلود) استفاده مي كرد.




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



 Brindisi Tapas يك نمونه  بسيار خوب براي قرار دادن تعداد زيادي كليپ هاي كوتاه براي نشان دادن   فضا محيط است.


مجددا، پنج دستورالعمل براي استفاده از ويديو HD در چارچوب طراحي شما ارائه مي دهيم:

۱- توجه به طول ويديو و مدت زمان - ويدئو پس زمينه بايد يك داستان بصري داشته باشد كه بتواند احساس را    در عرض چند ثانيه به كاربران انتقال دهد.  بين 10 تا 30 ثانيه يك اندازه خوب براي زمان حلقه است.

۲- صدا  را خاموش كنيد - صدا براي عده زيادي از كاربران هنوز يك عنصر پخش اتوماتيك نامطلوب است. اگر قصد استفاده از صدا داريد، به طور پيش فرض به حالت خاموش تنظيم شده باشد.
۳- تمركز بر زمان بارگذاري - در حالي كه ويدئو HD سرگرم كننده است،اما نبايد وب سايت خود را فداي زمان بارگذاري آن كنيد. مهم نيست كه چقدر ويدئو شما شگفت انگيز است   زمان بارگيري آهسته=  ترك سايت توسط كاربر
۴- جايگزين ها را در نظر بگيريد - بعضي دستگاه ها نمي توانند HD را پشتياني كنند.  يك تصوير پس زمينه به عنوان يك گزينه پشتيبان داشته باشيد.
۵- كيفيت ويديو چندگانه باشد - چند نسخه از ويديوي براي اجرا داشته باشيد كه با توجه به چهارچوب كاربر اجرا گردد.

 

انيميشن

پس زمينه انيميشن  HD در فضاي بين تصاوير ثابت و طراحي زندگي مي كند،   انيميشن ها اغلب حاوي عناصر متحرك و ثابت هستند. اصول انيميشن در طول دهه ها تقريبا بدون تغيير باقي مانده است. با اين حال، چه چيزي تغيير كرده است سطح كيفيت ارائه شده توسط صفحه نمايش HD است.




كليد انيميشن HD موفق زمان بندي است. انيميشن ها بايد صاف و بدون پرش باشند.  ابتدا و انتهاي حلقه تكرار بايد صاف و نامحسوس باشد.

 


 


 

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

اصول طراحي رابط كاربري در سال ۲۰۱۹

اصول طراحي رابط كاربري در سال ۲۰۱۹

 

۹ قانون طراحي رابط كاربري كه در سال ۲۰۱9 هر طراح سايت بايد آن ها را بداند و به كار ببرد. با ما همراه باشيد تا با قواعد و اصول اوليهطراحي رابط كاربري سايت و اپليكيشن UI/UX آشنا شويد.

طراحي رابط كاربري (UI) يك نوع علم است و اگر مي خواهيد گوي رقابت را از ديگر طراحان سايت برباييد، علم خود را در اين حوزه بايد به روز نگه داريد و از آخرين تكنيك هاي طراحي رابط كاربري آگاه باشيد. امروزه پيدا كردن طراح سايت كه بتواند در اكثر پروژه هاي طراحي سايت فعاليت كند، كار سخت و پيچيده اي است. اما پيدا كردن يك طراح سايت حرفه اي كه آخرين تكنولوژي و تكنيك هاي مربوط به كار خود را بداند و در واقع بتوانيم استادكار اين حوزه است، خيلي سخت است.

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

اگر بخواهيم كه طراحي رابط كاربري را در يك خط تعريف كنيم، مي توانيم بگوييم هر الماني كه در سايت براي پيمايش و فعاليت بهتر استفاده مي شود و بيشتر از نظر گرافيك به سايت نگاه مي كند. هميشه اصطلاح طراحي رابط كاربري و تجربه كاربري با هم اشتباه گرفته مي شود. ما در اين مقاله نمي خواهيم در خصوص تعريف و تفاوت هاي اين دوتا باهم صحبت كنيم، بلكه قصد داريم تكنيك هايي را بيان كنيم شما با استفاده از آن ها ميتوانيد كيفيت طراحي رابط كاربري سايت خود را افزايش دهيد. تكنيك هايي كه در سال ۲۰۱9 بايد به آن توجه ويژه اي كنيد.

نه قانون طراحي رابط كاربري در سال ۲۰۱9

۱. طراحي رابط كاربري جدا از UX نمي باشد و بايد داراي ارتباط باشند

ارتباط بين طراحي رابط كاربري و طراحي تجربه كاربري

 

 

اولين موردي كه بايد به آن توجه كنيد و خيلي مهم است، فهميدن اهميت درك نقش طراحي رابط كاربري در UX است. يعني اينكه UI مناسب و عالي مي تواند باعث افزايش تجربه كاربري گردد.

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

۲. كاربران سايت خود را بشناسيد

فيدبك مناسب از كاربران خود دريافت كنيد

 

 

samim شما به عنوان طراح شايد فكر كنيد كه رابط كاربري كه ايجاد كرده ايد، از همه بهتر است اما در واقع بايد بدانيد كه نظر نهايي واصلي را كاربر بيان مي كند و شما نيستيد. در استراتژي طراحي سايت، هميشه بيان مي شود كه قبل از شروع، نياز كاربران فعلي و آينده خود را دريابيد و سعي كنيد كه آن ها در طراحي رابط كاربري(UI) سايت خود در نظر بگيريد.

 

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

 

يكي از مزيت هاي اصلي پروژه طراحي وب سايت، گرفتن بازخورد از كاربران است. اين بازخورد را مي توان به شيوه مختفي دريافت كرد. مي توان از يك فرم استفاده كرد كه كاربران نظر خود را مطرح نمايند ولي خب اشكال اصلي اين است كه كاربران نمي توانند به صورت فني ايرادات كار شما را بگيرند ولي به هر حال نظر آن ها است كه تعيين كننده خوب يا بد يك طرح سايت است. يا مي توانيد كه از سايت هاي تخصصي كمك بگيريد تا ايرادات فني را رفع نماييد.

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

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

۳. المان ها را ساده و باثبات نگه داريد

المان ها ساده و باثبات نگه داريد
نشان و نماد يك رابط كاربري (UI) مناسب، سادگي آن است. منظور ما سادگي در طراحي نيست يعني به كاربردن المان هاي گرافيكي با حالت انيميشني نيست بلكه سادگي در درك مفهوم كاربرد آن مي باشد. رابط كاربري سايت شما بايد به اندازه اي ساده باشد كه كاربر هيچگونه نيازي يا سوال براي پيمايش نداشته باشد. اين در واقع وظيفه طراح رابط كاربر است كه المان ها را با صورت هماهنگ با هم و البته ساده توليد كند كه هر كاربري با ورود به آن، به راحتي متوجه هدف اصلي آن گردد.

۴. اجراي سلسله مراتب بصري

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

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

اين نكته را بدانيد كه امكان جابجايي يا تغيير موارد مهم محدود است و همچنين بايد از نظر گرافيكي طرح كل سايت همخواني داشته باشد.

۵. از تايپوگرافي مناسب استفاده كنيد

از تايپوگرافي مناسب استفاده كنيد گاهي استفاده از فونت هاي مناسب با سايز بهينه و وزن هاي متفاوت تاثير بسيار زيادي در بهينه سازي رابط كاربري و بهترين تجربه كاربر دارد.

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

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

۶. از تضاد رنگي مناسبي استفاده كنيد

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

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

۷. فرم ها را ساده كنيد

فيلدها بدون پيچيدگي و در عين سادگي با الگويي مرتب و بهينه در كنار هم قرار بگيرند.

 

 

فرم ها يكي از مهمترين روش ها و راه هايي است كه كاربران مي توانند با سايت شما ارتباط برقرار كنند. همچنين مالكان سايت مي توانند از طريق فرم ها اطلاعات مهم و ارزشمندي را براي دريافت كنند.

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

۸. براي موفقيت در طراحي رابط كاربري(UI)، همكاري كنيد

اشتراك تجربيات و ايده هاي تيم تاثير به سزايي در موفقيت يك پروژه دارد.

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

۹. همه موارد را باهم در نظر بگيريد

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


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

Linecons - دانلود بسته رايگان آيكون برداري

Linecons - دانلود بسته رايگان آيكون برداري

 

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

 

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

 

 

دانلود رايگان مجموعه


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

شروع كار با طراحي تخت

 

شروع كار با طراحي تخت

 


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

 

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

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

تغييرات فيس بوك -flat

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

1.عدم عمق
2.استفاده از عناصر ساده
3.فن چاپ
4.رنگ
5.مينيماليسم

skeumorphic-04

عمق در طراحي

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

skeumorphic-design -flat02

يك نمونه خوب  مقايسه iOS6 
طراحي  و نسخه هاي قبلي iOS  است. طراحي هاي اوليه يك تقليد از شيء واقعي هستند. استفاده از تصاوير كامپيوتري 3d، استفاده از شيب، بافت،  bevels و embosses براي به حداكثر رساندن  ظاهر تصوير به  دنياي واقعي است.


سادگي هنوز زيبا است

با حذف عمق در طرح ها و نمادها ديگر عناصر طراحي ساده به نظر مي رسند. اكنون آيكون ها به صورت مسطح  و از اشكال هندسي پايه مانند دايره، مربع و مستطيل استفاده مي كنند و سادگي و سهولت استفاده از رابط كاربر گرافيكي را ارائه مي دهد. 
 -icon-flat-01

وقتي نماد F را در يك مربع آبي قرار مي گيرد، به راحتي  فيس بوك را در ذهن شما تداعي مي كند. وقتي نماد آيكن دنده را مي بينيد، به راحتي مي توانيد حدث بزنيد كه اين يك منوي تنظيمات است.  هنگامي كه شكل يك ديسكت را مي بينيد، به طور خودكار مي دانيد كه اين نماد ذخيره است. يا وقتي يك نامه بزرگ زرد M كه در يك پس زمينه قرمز قرار دارد، هميشه 
مفهوم مك دونالد است. 

typograph-sample

تايپوگرافي در طرح هاي تخت


اين سبك حتي با متون اضافه بيگانه است و بدنبال يك رابط كاربري  كاربر پسند براي خواننده است.  از فونت  واضح با پيام هاي كوتاه استفاده كنيد و آن را با پالت هاي رنگي خاص رنگ آميزي كنيد.  

رنگ در طراحي تخت 

همانطور كه در آموزش هاي تايپوگرافي قبلي ذكر شد، رنگ مهم است.   اساسا  رنگ تمام احساسات سايت يا صفحه شما را تعيين مي كند. در طراحي تخت، بهتر است از رنگ هاي شاداب استفاده كنيد. مي توانند به راحتي با رنگ هاي متضاد ديگر أن را تكميل كنند . اين رنگها به طور معمول # e65d5d يا # c43434 (براي قرمز)، # 7dc692 يا # 508b61 (براي سبز)، # dfbc42 (براي زرد) و # 3498db براي آبي هستند. Flatuicolors.com راهنماي خوبي براي اين كار است. البته در استفاده از زرد روشن، سبز زرد نئون، بنفش و نارنجي روشن و قرمز  روشن اجتناب كنيد.

رنگ پالت براي تخت طراحي

مينيماليسم

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

sample-typography -flat

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

ديتاسنتر هاي اروپا چگونه مكاني هستند

ديتاسنتر هاي اروپا چگونه مكاني هستند

 ديتاسنتر هاي اروپا چگونه مكاني هستند

در اين مطلب نگاهي به داخل پيشرفته ترين ديتاسنتر 11 طبقه اروپا در قلب Docklands لندن خواهيم انداخت.

North 2

North Two يك ديتاسنتر تازه ساخته شده 135 ميليون پوندي است كه 24000 متر مربع فضاي 11 طبقه به Telehouse موجود در دانشگاه Docklandsلندن مي افزايد. محبوبيت سرويس هاي ويدئويي موبايل، مدل هاي كسب و كار جديد مبتني بر اينترنت اشيا، و استفاده گسترده از خدمات ابري از دلايل اصلي ساخت اين ديتاسنتر است.
نگاهي كلي به پيشرفته ترين ديتاسنتر اروپا_1

طبقات ديتاسنتر

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

اين ديتاسنتر بين 2 تا 2.5 درصد از مصرف برق اروپا را به خود اختصاص داده است.
نگاهي كلي به پيشرفته ترين ديتاسنتر اروپا_2

ايستگاه شبكه دانشگاه

Telehouse از سال 1990 در داكلندز قرار دارد. در حال حاضر با North 2 در مجموع داراي 73400 مترمربع فضاي ديتاسنتر، بيش از 530 حامل، ISP و ASP است. علاوه بر اين داراي ايستگاه شبكه 132kVو هشت ژنراتور با ظرفيت كل 18.5 MW است.  
نگاهي كلي به پيشرفته ترين ديتاسنتر اروپا_3

تشخيص دود اوليه

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

اتاق ژنراتور ديتاسنتر

اين يكي از ژنراتورهاي ديزلي است كه در صورت برق ديتاسنترهاي عملياتي از آن استفاده مي شود. در مواقع نياز اين ژنراتورها در 10 تا 30  ثانيه به كار مي افتند.
نگاهي كلي به پيشرفته ترين ديتاسنتر اروپا_5

سيستم غبار آب

در اين تصوير لوله هاي سيستم باراني و تامين برق براي پمپ هاي باراني نشان داده شده اند.
نگاهي كلي به پيشرفته ترين ديتاسنتر اروپا_6

آب پاش ها

اين جعبه شامل جايگزين هايي براي سر آب پاش است. اگر سر آنها معيوب و يا در طول تعمير آسيب ببيند مي توان بلافاصله آنها را جايگزين كرد.
نگاهي كلي به پيشرفته ترين ديتاسنتر اروپا_7

اطفاي حريق

اين هم سيستم اطفاي حريق است كه از اتاق سوئيچ الكتريكي محافظت مي كند. اين سيستم از گاز هاي مبتني بر نيتروژن براي خاموش كردن آتش سوزي استفاده مي كند.
نگاهي كلي به پيشرفته ترين ديتاسنتر اروپا_8

منبع ديتاسنتر

در اين تصوير منبع برق اضطراري يا UPS و اتاق تغذيه منبع براي سالن هاي ديتاسنتر را مي بينيد.
نگاهي كلي به پيشرفته ترين ديتاسنتر اروپا_9

سيستم خنك كننده

اين هم تصويري از سيستم خنك كننده و تهويه هواي ديتاسنتر است.
نگاهي كلي به پيشرفته ترين ديتاسنتر اروپا_10

تهويه هوا ديتاسنتر

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

مدخل هوا

اين مدخل هوا براي چهار ژنراتور سالن عملياتي است. بين ژنراتورها و ديوارهاي خارجي هفت متر عايق صوتي براي به حداقل رساندن سر و صداي بيرون وجود دارد.
نگاهي كلي به پيشرفته ترين ديتاسنتر اروپا_12

كانال هاي ديتاسنتر

در اين تصوير برخي از كانال ها و كابل كشي هاي ديتاسنتر را مي بينيد.
نگاهي كلي به پيشرفته ترين ديتاسنتر اروپا_13

نمايي از بالا

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

مقالات مرتبط

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

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

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

 


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

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

شروع با كاربر

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

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

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

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

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

هنر فضاي منفي

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

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

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

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

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


مقالات مرتبط

 


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