History of User Interface Description of UI and UX. Different between them.

1. ‫ورود‬
1/31

2. ‫تعریف‬UI
‫تاریخچه‬
‫اهمیت‬
‫تخت‬ ‫طراحی‬
‫تعریف‬UX
‫پایان‬
‫تعریف‬UI
•‫ییدیا‬‫پی‬ ‫ییی‬‫ویکی‬:‫ییی‬‫طراحی‬
‫وب‬‫سایت‬،‫کامپیوترهیا‬ ،‫ها‬
‫یین‬‫ماشی‬‫ی‬‫مویایی‬ ،‫یا‬‫هی‬‫و‬ ‫یا‬‫هی‬
‫نرم‬‫یا‬ ‫کامپیوتر‬ ‫افزارهای‬
‫نیازهیای‬ ‫کردن‬ ‫یرطرف‬ ‫هدف‬
‫و‬ ‫سیاد‬ ‫صورت‬ ‫یه‬ ‫کاریران‬
‫موثر‬
2/31

3. ‫تعریف‬UI
•UI(‫کاریری‬ ‫واسط‬)‫میا‬ ‫راییط‬ ‫یی‬
‫سخت‬ ‫یین‬‫نرم‬ ‫و‬ ‫افزار‬‫افزار‬
‫تعریف‬UI
‫تاریخچه‬
‫اهمیت‬
‫تخت‬ ‫طراحی‬
‫تعریف‬UX
‫پایان‬
3/31

4. ‫کاریری‬ ‫رایط‬ ‫مهندسی‬
‫؟‬ ‫چیست‬
USER
INTERFACE
User
Requirement
Usability
Agile
Methodology
Security
‫تعریف‬UI
‫تاریخچه‬
‫اهمیت‬
‫تخت‬ ‫طراحی‬
‫تعریف‬UX
‫پایان‬
4/31

5. 12. UI Engineer
Median pay: $92,100
Top pay: $141,000
10-year job growth: 27.6%
Total jobs*: 520,800
http://money.cnn.com/
‫سا‬ ‫در‬ ‫یندی‬ ‫رتیه‬2013
‫تعریف‬UI
‫تاریخچه‬
‫اهمیت‬
‫تخت‬ ‫طراحی‬
‫تعریف‬UX
‫پایان‬
5/31

6. ‫تاریخچه‬•‫دهه‬60‫میالدی‬(‫سخت‬‫افزاری‬)
‫تعریف‬UI
‫تاریخچه‬
‫اهمیت‬
‫تخت‬ ‫طراحی‬
‫تعریف‬UX
‫پایان‬
6/31

7. •‫دهه‬80‫میالدی‬
1984‫اپ‬ ‫کمپانی‬
7/31

8. •‫دهه‬80‫میالدی‬
1986‫اپ‬ ‫کمپانی‬
8/31

9. •‫دهه‬80‫و‬90‫میالدی‬(MS DOS
‫کمپانی‬IBM‫و‬MICROSOFT
‫سا‬ ‫در‬ ‫ورژن‬ ‫اولین‬1981
‫ورژن‬ ‫آخرین‬6.22‫سا‬ ‫در‬1994
9/31

10. 10/31

11. ‫توسط‬ ‫شد‬ ‫نوشته‬John Socha
11/31

12. ‫سا‬2012
12/31

13. ‫اهمیت‬
•‫یم‬‫مهی‬‫در‬ ‫یه‬‫ی‬ ‫تو‬ ‫ی‬‫ایی‬ ‫ی‬‫مامی‬ ‫یرین‬‫تی‬
‫یا‬‫پایهی‬ ‫یایی‬‫ارزیی‬‫و‬ ‫یاتی‬‫اطالمی‬ ‫یای‬‫هی‬
‫سایت‬‫استفاد‬ ‫ایلیت‬ ،‫اینترنتی‬ ‫های‬
‫دسترس‬ ‫و‬‫آن‬ ‫اطالمات‬ ‫پذیری‬‫است‬.
•‫طراح‬ ‫اندیشه‬ ‫و‬ ‫فکر‬‫کیاریر‬ ‫یه‬ ‫را‬
‫می‬ ‫انتقا‬‫دهد‬.
•‫یتواند‬ ‫کار‬ ‫و‬ ‫کسب‬ ‫ی‬ ‫که‬ ‫این‬ ‫یرای‬
‫کاریران‬ ‫و‬ ‫مشتریان‬ ‫یاید‬ ‫شود‬ ‫موفق‬
‫یاشد‬ ‫داشته‬ ‫راضی‬.
•‫از‬ ‫خوشی‬ ‫ریه‬ ‫ت‬ ‫ها‬ ‫آن‬ ‫که‬ ‫کنید‬ ‫کاری‬
‫از‬ ‫یازدید‬‫یرنامه‬‫یاشند‬ ‫داشته‬ ‫شما‬
‫هم‬ ‫یاز‬ ‫و‬‫گردند‬ ‫یاز‬ ‫آن‬.
‫تعریف‬UI
‫تاریخچه‬
‫اهمیت‬
‫تخت‬ ‫طراحی‬
‫تعریف‬UX
‫نکات‬
‫پایانی‬
13/31

14. •‫اطالع‬ ‫یی‬ ‫کاریر‬‫تعریف‬UI
‫تاریخچه‬
‫اهمیت‬
‫تخت‬ ‫طراحی‬
‫تعریف‬UX
‫نکات‬
‫پایانی‬
14/31

15. ‫تخت‬ ‫طراحی‬(Flat
Design)‫تعریف‬UI
‫تاریخچه‬
‫اهمیت‬
‫تخت‬ ‫طراحی‬
‫تعریف‬UX
‫نکات‬
‫پایانی‬
15/31

16. 16
‫منیع‬:flatuicolors.com
/31

17. •‫از‬ ‫خیییییری‬
‫نیست‬!
•‫یگ‬‫رنی‬ ‫یگ‬‫تی‬ ‫یا‬‫هی‬‫ت‬ ‫وی‬
‫هستند‬.
•‫سیییییییییایت‬MSDN
‫مایکروسافت‬
‫تعریف‬UI
‫تاریخچه‬
‫اهمیت‬
‫تخت‬ ‫طراحی‬
‫تعریف‬UX
‫نکات‬
‫پایانی‬
17/31

18. 18/31

19. 19/31

20. ‫مینیما‬ ‫طراحی‬‫تعریف‬UI
‫تاریخچه‬
‫اهمیت‬
‫تخت‬ ‫طراحی‬
‫تعریف‬UX
‫نکات‬
‫پایانی‬
20/31

21. •‫کاریر‬‫متون‬‫را‬ ‫مختصیر‬ ‫و‬ ‫کوتا‬
‫را‬ ‫یلنیید‬ ‫مقییالت‬ ‫و‬ ‫پسییندد‬‫می‬
‫پسندد‬‫نمی‬
•‫را‬ ‫هایی‬‫ییییایت‬‫سی‬ ‫ییییاریران‬‫کی‬
‫و‬ ‫سیاد‬ ‫آن‬ ‫ظیاهر‬ ‫که‬ ‫پسندند‬‫می‬
‫تکلف‬‫یی‬‫یاشد‬.
•‫را‬ ‫یی‬‫گرافیکی‬ ‫یط‬‫واسی‬ ‫یراح‬‫طی‬ ‫یار‬‫کی‬
‫تر‬‫آسان‬‫کند‬‫نمی‬!
•‫مینیما‬ ‫طراحی‬ ‫لذا‬‫سایتی‬‫کوچ‬
‫محدود‬ ‫های‬‫یخش‬ ‫یا‬‫نیست‬.
‫تعریف‬UI
‫تاریخچه‬
‫اهمیت‬
‫تخت‬ ‫طراحی‬
‫تعریف‬UX
‫نکات‬
‫پایانی‬
21/31

22. 22/31

23. User Experience (UX)‫تعریف‬UI
‫تاریخچه‬
‫اهمیت‬
‫تخت‬ ‫طراحی‬
‫تعریف‬UX
‫نکات‬
‫پایانی‬
23/31

24. ‫تعریف‬
•‫پدیا‬ ‫ویکی‬:‫ریه‬ ‫ت‬‫خلق‬ ،‫کاریری‬
‫ییاد‬ ‫ییه‬ ‫و‬ ‫دار‬ ‫معنیا‬ ‫چییز‬ ‫هر‬
‫سازمان‬ ‫ی‬ ‫توسط‬ ‫که‬ ‫است‬ ‫ماندنی‬
‫اد‬ ‫ای‬ ‫مشتریان‬ ‫یرای‬‫گردد‬‫می‬.
‫تعریف‬UI
‫تاریخچه‬
‫اهمیت‬
‫تخت‬ ‫طراحی‬
‫تعریف‬UX
‫نکات‬
‫پایانی‬
24/31

25. ‫مثا‬1
•‫اد‬ ‫در‬ ‫تصادف‬!
‫تعریف‬UI
‫تاریخچه‬
‫اهمیت‬
‫تخت‬ ‫طراحی‬
‫تعریف‬UX
‫نکات‬
‫پایانی‬
25/31

26. ‫مثا‬2
•‫هو‬ ‫نشدن‬ ‫آماد‬!
‫تعریف‬UI
‫تاریخچه‬
‫اهمیت‬
‫تخت‬ ‫طراحی‬
‫تعریف‬UX
‫نکات‬
‫پایانی‬
26/31

27. ‫کاریرانتان‬‫را‬‫نظر‬ ‫در‬
‫داشته‬‫یاشید‬
•‫خیود‬ ‫توسط‬ ‫کاریری‬ ‫ریه‬ ‫ت‬ ‫اد‬ ‫ای‬
‫طراحان‬ ‫نه‬ ‫است‬ ‫کاریران‬!
‫تعریف‬UI
‫تاریخچه‬
‫اهمیت‬
‫تخت‬ ‫طراحی‬
‫تعریف‬UX
‫نکات‬
‫پایانی‬
27/31

28. ‫پایانی‬ ‫نکات‬
•‫روی‬‫سرمت‬ ‫سازی‬ ‫یهینه‬
‫ت‬ ‫و‬ ‫کاریر‬ ‫رایط‬‫یهذارید‬.
‫تعریف‬UI
‫تاریخچه‬
‫اهمیت‬
‫تخت‬ ‫طراحی‬
‫تعریف‬UX
‫نکات‬
‫پایانی‬
28/31

29. ‫پایانی‬ ‫نکات‬
•‫اطالمات‬‫در‬ ‫را‬ ‫راهنماها‬ ‫و‬
‫مناسب‬ ‫مکان‬‫کنید‬ ‫ارائه‬.
‫تعریف‬UI
‫تاریخچه‬
‫اهمیت‬
‫تخت‬ ‫طراحی‬
‫تعریف‬UX
‫نکات‬
‫پایانی‬
29/31

30. ‫پایانی‬ ‫نکات‬
•‫از‬‫شاخه‬ ‫چند‬ ‫یه‬ ‫شاخه‬ ‫ی‬
‫نپرید‬.
‫تعریف‬UI
‫تاریخچه‬
‫اهمیت‬
‫تخت‬ ‫طراحی‬
‫تعریف‬UX
‫نکات‬
‫پایانی‬
30/31

31. ‫پایانی‬ ‫نکات‬
•‫استانداردها‬ ‫از‬‫پیروی‬
‫کنید‬.
‫تعریف‬UI
‫تاریخچه‬
‫اهمیت‬
‫تخت‬ ‫طراحی‬
‫تعریف‬UX
‫نکات‬
‫پایانی‬
31/31