microsoft powerpoint - أسس تصميم واجهات التفاعل

68
א وא א وא א وא א وא א وא א وא א وא א وא אد א אא אد א אא אد א אא אد א אא אد א אא אد א אא אد א אא אد א אא

Upload: dinaismaeel

Post on 27-Jul-2015

3.819 views

Category:

Documents


1 download

TRANSCRIPT

Page 1: Microsoft PowerPoint - أسس تصميم واجهات التفاعل

�وא���א�������������� �وא���א�������������� �وא���א�������������� �وא���א�������������� �وא���א�������������� �وא���א�������������� �وא���א�������������� �وא���א��������������

���א����د��א��������������א����د��א��������$##"��! א���א�������א����د��א��������$##"��! א���א�������א����د��א��������$##"��! א���א�������א����د��א��������$##"��! א���א�������א����د��א��������$##"��! א���א�������א����د��א��������$##"��! א���א�������א����د��א��������$##"��! א���א����$##"��! א���א�

Page 2: Microsoft PowerPoint - أسس تصميم واجهات التفاعل

--ComputerComputerواجهة تفاعل الكمبيوتر مع المستخدم واجهة تفاعل الكمبيوتر مع المستخدم " " والتي تسمي أيضاً والتي تسمي أيضاً

User Interface User Interface وهى تمثل الحدود بين المستخدم ونظام الكمبيوتر وهى تمثل الحدود بين المستخدم ونظام الكمبيوتر . .حيث يتفاعل المستخدم سواء كان شخصاً أو مجموعة أشخاص مع الكمبيوتر حيث يتفاعل المستخدم سواء كان شخصاً أو مجموعة أشخاص مع الكمبيوتر

بشقيه اآللة والبرنامج بشقيه اآللة والبرنامج

��������UIUIوא���א��������)�א�'�&�م�وא���א��������)�א�'�&�م�وא���א��������)�א�'�&�م�وא���א��������)�א�'�&�م�وא���א��������)�א�'�&�م�وא���א��������)�א�'�&�م�وא���א��������)�א�'�&�م�وא���א��������)�א�'�&�م�

ا�����م–وا��� �� �� ا�������

Page 3: Microsoft PowerPoint - أسس تصميم واجهات التفاعل

��+�د*������(����� �وא���א�����������+�د*������(����� �وא���א���������

SimplieitySimplieity ا������ ا������ ��

Page 4: Microsoft PowerPoint - أسس تصميم واجهات التفاعل

ت ا� ر�� ��� �� !�ر آ ف م� ا�� ت ا� ر�� إ�� �� !�ر آ ف م� ا�� ی� �� ی� �� Blank Spaces Blank Spaces إ��.& و-�ح ب !& ا*( )� ا�����م� '& ا%$ ر �.& و-�ح ب !& ا*( )� ا�����م� '& ا%$ ر

Page 5: Microsoft PowerPoint - أسس تصميم واجهات التفاعل

و���"! ��أ ا���ان ب��ز�� ا�� ��� دا�� و���"! ��أ ا���ان ب��ز�� ا�� ��� دا�� : : ا��ان � ��� ا��ر ا��ان � ��� ا��ر ��و�23 ا�� �-. إ�0 أن. �-, آ� و�23 ا�� �-. إ�0 أن. �-, آ� . . ا��ر � �ا��ة ا�)��'�ت ا�%�ر$�ا��ر � �ا��ة ا�)��'�ت ا�%�ر$�

��ز�� � �6� ��ن ، ب� �23 أن ��4'2 ��أ ا���ان ��أ ا��'�ة ��ز�� � �6� ��ن ، ب� �23 أن ��4'2 ��أ ا���ان ��أ ا��'�ة

�أ ا���ان وا� ��ة �أ ا���ان

Page 6: Microsoft PowerPoint - أسس تصميم واجهات التفاعل

ا�)�آ� ا��4�ي ��A@� ا�?)�-��� ه� => ا��س9 ب��:�9 ، �7�8 �23 ا�)�آ� ا��4�ي ��A@� ا�?)�-��� ه� => ا��س9 ب��:�9 ، �7�8 �23 ��أن � HI ا�� ��� بF-G ���أ E ا��سD 9ن. أآC� ا�) ��! ا��> ��آ� أن � HI ا�� ��� بF-G ���أ E ا��سD 9ن. أآC� ا�) ��! ا��> ��آ�

..�"-E-� �L ا�)��K�م �"-E-� �L ا�)��K�م

�/ ��2ی� م�آ1 ا0

Page 7: Microsoft PowerPoint - أسس تصميم واجهات التفاعل

�� �-"M� 0دي إ�N� ���%ا�� �Lواج H-(4� <= �=��P(ام ا��4ر ا��Kاس� �-"M� 0دي إ�N� ���%ا�� �Lواج H-(4� <= �=��P(ام ا��4ر ا��Kاس� Q ن��ز � �"��� � � ا��Rاءات ا��جآ�س�K�ام ا��UKط ا�)��P=� آ�س�K�ام ا��UKط ا�)��P=� اج�اءات ا�Rز � �"��� � � ا���ن� Q ا

�L-"� آ�اد ا�"�ن-� ا�)���رف�. . وا�آ�اد ا�"�ن-� ا�)���رف �"-�Lوا

Page 8: Microsoft PowerPoint - أسس تصميم واجهات التفاعل

�� �@�Aا� ��� �� <MU ��� ا��A@� ا��H-(4 ا�)�� <MU �23 أن ��ا�> ا��H-(4 ا�) MU> �23 أن ��ا�> ا��H-(4 ا�) MU> : : ا��H-(4 ا�)�ً- = Rً(� ,-� ر�� -ً�=> ج)-� � ��� إ��رات ا���ن� Q ا���"-)> ، =�= Rً(� ,-� ر�� => ج)-� � ��� إ��رات ا���ن� Q ا���"-)> ، =�

H"��(ا� � ���%� �Lر آ�ن. واج�MبH"��(ا� � ���%� �Lر آ�ن. واج�Mب

ا��G%4 ا����-�

�Mا���ب �G%4ا�

�"2 ا�)����ة

Page 9: Microsoft PowerPoint - أسس تصميم واجهات التفاعل

ا���آ-� �"0 ا��س� �ت أآC� E ا� �4ص => �H-(4 ا��رات ا���آ-� �"0 ا��س� �ت أآC� E ا� �4ص => �H-(4 ا��رات ��

Page 10: Microsoft PowerPoint - أسس تصميم واجهات التفاعل

قد تستخدم أكثر من قد تستخدم أكثر من Multiple Windows : Multiple Windows :استخدام أكثر من نافذة استخدام أكثر من نافذة ��نافذة في نفس اإلطار ويطلق على ذلك أسلوب النوافذ المتعددة نافذة في نفس اإلطار ويطلق على ذلك أسلوب النوافذ المتعددة

Multiple WindowsMultiple Windows والذي يساعد على استغالل مساحة اإلطار والذي يساعد على استغالل مساحة اإلطار ..بشكل أكبر حيث يمكن أداء أكثر من وظيفة في نفس الوقت بشكل أكبر حيث يمكن أداء أكثر من وظيفة في نفس الوقت

Page 11: Microsoft PowerPoint - أسس تصميم واجهات التفاعل

�)?Multiple Pages Frames : Multiple Pages Frames E?(� E :اس�K�ام أآC� E إ��ر اس�K�ام أآC� E إ��ر �� Q ن��رات => ن%, ا����Y� H-(4� E �Cام أآ�Kاس� Q ن��رات => ن%, ا����Y� H-(4� E �Cام أآ�Kاس� . . H-(4� 23� R= H-(4� 23� R=

ن)9 �'� �3)-� إ��رات ا���ن� Q ، ب� �%:� أن �?�ن ا��H-(4 ���ًا ن)9 �'� �3)-� إ��رات ا���ن� Q ، ب� �%:� أن �?�ن ا��H-(4 ���ًا �E و6-%� ا��ر بF-G �?�ن ��� � �4)-)ً� �'�ًا ��رات ��ض �E و6-%� ا��ر بF-G �?�ن ��� � �4)-)ً� �'�ًا ��رات ��ض

. . ا�)�"� �ت ، �H-(4� E� ^"�K [�� ��ص ب\��رات اDس]"� وه?8ا ا�)�"� �ت ، �H-(4� E� ^"�K [�� ��ص ب\��رات اDس]"� وه?8ا

�(�ان ر��3&

�(�ان '��&

ا(5 ا�6ر

وا�س�م ت

ازرار ا�8�2 .�6ر

�/ ازرار ا�8�2 '& ا0

ر!8 ا�;ال

ا�;ال

ا�6اب

�/ ازرار ا�8�2 '& ا0

خ<=

ا$ ر ��ض ا%سA.� ا$ ر ��ض ا�*.�م ت

Page 12: Microsoft PowerPoint - أسس تصميم واجهات التفاعل

يها التعليق ، يها التعليق ، تقسيم الشاشة إلى مناطق وظيفية بحيث يتم تحديد المناطق التي يظهر ف تقسيم الشاشة إلى مناطق وظيفية بحيث يتم تحديد المناطق التي يظهر ف ��ل ، حيث ل ، حيث كذلك مناطق ظهور المساعدات ، والمناطق التي تظهر فيها أزرار التفاعكذلك مناطق ظهور المساعدات ، والمناطق التي تظهر فيها أزرار التفاع

: : يجب مراعاة ما يلي يجب مراعاة ما يلي

�(�ان ر��3&

�(�ان '��&

ا(5 ا�6ر

وا�س�م ت

ازرار ا�8�2 .�6ر

�/ ازرار ا�8�2 '& ا0

. . تحديد مساحات تتناسب مع المحتوي تحديد مساحات تتناسب مع المحتوي ––أ أ

ووضع ووضع وضع المساحات الوظيفية الصغيرة حول الحواف ، وليس فى وسط الشاشة ، وضع المساحات الوظيفية الصغيرة حول الحواف ، وليس فى وسط الشاشة ،––ب ب ..العناصر الهامة فى وسط الشاشة العناصر الهامة فى وسط الشاشة

Page 13: Microsoft PowerPoint - أسس تصميم واجهات التفاعل

�3)-� ا�� ��� ا�)�4"� ب��:�L ا���_ بF-G ���3ور �3)-� ا�� ��� ا�)�4"� ب��:�L ا���_ بF-G ���3ور �� ��� �ً�، آ)� �)?E إ'����L ب\��ر ��)--�ه� �E ا�� ��� �ً�، آ)� �)?E إ'����L ب\��ر ��)--�ه� �E ا��

. . ا�a�ىا�a�ى�� E-آ� ا���ر � '�� ����G H-Iت ا� E-آ� ا���ر � '�� ����G H-Iت ا�

Page 14: Microsoft PowerPoint - أسس تصميم واجهات التفاعل

��3��!0�1�2/�.א�א�-,��.����3��!0�1�2/�.א�א�-,��.��

تتميز إطارات البرنامج عن صفحات الكتاب في أن محتواها ال يظهر تتميز إطارات البرنامج عن صفحات الكتاب في أن محتواها ال يظهر مرة واحدة بعكس صفحة الكتاب حيث يتم بناء محتويات اإلطار مرة واحدة بعكس صفحة الكتاب حيث يتم بناء محتويات اإلطار بصورة تدريجية بحيث تبقى العناصر المستخدمة فقط عليها مع بصورة تدريجية بحيث تبقى العناصر المستخدمة فقط عليها مع

: : التحديث المستمر لمحتوياتها وذلك وفقا للقواعد التالية التحديث المستمر لمحتوياتها وذلك وفقا للقواعد التالية

التدريج في عرض محتويات اإلطار التدريج في عرض محتويات اإلطار �

تقسيم النصوص الطويلة تقسيم النصوص الطويلة ��

اإلشارة لبداية إطار جديد اإلشارة لبداية إطار جديد ��

Page 15: Microsoft PowerPoint - أسس تصميم واجهات التفاعل

�����5�6א���ن�(�א�-,���������5�6א���ن�(�א�-,����

يجب تجنب األلوان غير الضرورية يجب تجنب األلوان غير الضرورية : : استخدام اللون استخداماً وظيفياً استخدام اللون استخداماً وظيفياً ��في النص ، وتجنب أن يقود اللون عين المستخدم إلى أماكن غير هامة في النص ، وتجنب أن يقود اللون عين المستخدم إلى أماكن غير هامة

من من كالفواصل بين المناطق المتجاورة ، والخلفيات المبالغ فيها ، وبدالً كالفواصل بين المناطق المتجاورة ، والخلفيات المبالغ فيها ، وبدالً --: : ذلك يستخدم اللون فيما يلي ذلك يستخدم اللون فيما يلي

صر صر التمييز بين العناصر المختلفة باستخدام لون مميز لكل فئة من العنا التمييز بين العناصر المختلفة باستخدام لون مميز لكل فئة من العنا ��. . يميزها عن باقي العناصر يميزها عن باقي العناصر

. . تركيز اإلهتمام ، مثل تمييز العناوين بلون مختلف عن باقي النص تركيز اإلهتمام ، مثل تمييز العناوين بلون مختلف عن باقي النص ��

.. الربط بين العناصر المتشابهة باستخدام لون موحد لها الربط بين العناصر المتشابهة باستخدام لون موحد لها ��

Page 16: Microsoft PowerPoint - أسس تصميم واجهات التفاعل

--: : وذلك من خالل مراعاة ما يلي وذلك من خالل مراعاة ما يلي : : تخير اللون المناسب للهدف تخير اللون المناسب للهدف ��

� �K"9 ا�)��K�م ب- �L ، آ�س�K�ام––أ أ 0�' �"-"c �-ام اآ�اد ��ن�Kام اس��Kآ�س� ، �L � �K"9 ا�)��K�م ب- 0�' �"-"c �-ام اآ�اد ��ن�Kن ��ن اس���

� �Lت ا��I'R("� �و��ن أ� Eو�� �"� �-( � �Lت ا��I'R("� �و��ن أ� Eو�� �"� �-( .... .... dا� dا� . .

� �K"9 ب- �L ا�)��K�م ، =R––ب ب F-Gب � � �K"9 ب- �L ا�)��K�م ، =R ج�� ا��Dان ا�)��3ورة ���� F-Gب � ج�� ا��Dان ا�)��3ورة ����

ت ت �)?E �)--� آ")� ?��ب� ب��"�ن اDزرق ا��اآE وسE ���(3 9 ا�?")� �)?E �)--� آ")� ?��ب� ب��"�ن اDزرق ا��اآE وسE ���(3 9 ا�?")�

..ا�)?��ب� ب��"�ن اDس�دا�)?��ب� ب��"�ن اDس�د

� رس� H��RًC �U––ج ج �= ، �L-"� وا�)���رف �-�-�Uان ا���Dا��)�7 ب� RًC �U��� Hرس � �= ، �L-"� وا�)���رف �-�-�Uان ا���Dا��)�7 ب�

�ن �ن ���K�م ا�"�ن اDزرق �")��GUت ا�)�ئ-� وا�"�ن ا�D:� �"�را��ت وا�" ���K�م ا�"�ن اDزرق �")��GUت ا�)�ئ-� وا�"�ن ا�D:� �"�را��ت وا�"

..ا%�D� ��G4"ري ، )� ���L �"0 ا�)��K�م =HL ا�)��Gي ا%�D� ��G4"ري ، )� ���L �"0 ا�)��K�م =HL ا�)��Gي

Page 17: Microsoft PowerPoint - أسس تصميم واجهات التفاعل

و���� ا�"�ن ا��ه�ي ، وا�"�ن اDرج�ان> و���� ا�"�ن ا��ه�ي ، وا�"�ن اDرج�ان> : : �3 2 ا��Dان ا��4ر�� �3 2 ا��Dان ا��4ر�� ��Purples Purples ان��Dا E ًا�ج �G��%رج�ت ا��ان ، وا���Dا E ًا�ج �G��%رج�ت ا��وا� ، PastelsPastels ^"�K� �LنD ^"�K� �LنD

�Iم ا���ض ا�)��K�م '-�K� F"^ ن�Iم ا���ض => ا��Gس��ت � �ًM=س��ت و�Gض => ا��م ا���Iن ^"�K� F-' م�K��(ض ا��م ا���I � �ًM=و �Lض�� E?((ان ا���Dد ا�ب� !"��� �(-= �Lض�� E?((ان ا���Dد ا�ب� !"��� �(-=

Page 18: Microsoft PowerPoint - أسس تصميم واجهات التفاعل

�C ا�"�ن اD')� وا�"�ن اDزرق ' �ً� إ��C 0 ا�"�ن اD')� وا�"�ن اDزرق ' �ً� إ�0 : : �3 2 ا��Dان ا�)���رض� �3 2 ا��Dان ا�)���رض� �� ���Gا� j8ان => ه��Dدرج�ت �"7 ا �-(� E� ���Aا�� E-ن ا��D ، 2 ج D ، 2ن ا��-E ا��A��� �E �)-� درج�ت �"7 ا��Dان => هj8 ا����G ج E-م أ'-�نً� �9 أس�د �%�4 ب�K��(ى ا��� �c ب� ، k-G� �?Aب E-م أ'-�نً� �9 أس�د �%�4 ب�K��(ى ا��� �c ب� ، k-G� �?Aبا�"�ن-E، آ)� �23 ��م اس�K�ام ا�"�ن اD')� � ا�"�ن ا�D:� ، أو ا�"�ن-E، آ)� �23 ��م اس�K�ام ا�"�ن اD')� � ا�"�ن ا�D:� ، أو

. . اس�K�ام ا�"�ن ا�D:� � ا�"�ن اDزرق اس�K�ام ا�"�ن ا�D:� � ا�"�ن اDزرق

Page 19: Microsoft PowerPoint - أسس تصميم واجهات التفاعل

3 2 نlM ا�����E ا�"�ن> �3 2 نlM ا�����E ا�"�ن> ��� : Contrast Deficiency : Contrast Deficiency E �ب � E �ب � ..ا�)c 0"� �I=�G�ر E ا�����E ب-E ا�A?� واDرض-� ا�)c 0"� �I=�G�ر E ا�����E ب-E ا�A?� واDرض-�

Page 20: Microsoft PowerPoint - أسس تصميم واجهات التفاعل

يجب تجنب استخدام اللون األزرق الصريح أو يجب تجنب استخدام اللون األزرق الصريح أو : : تجنب الزيغ اللوني تجنب الزيغ اللوني ��األحمر الصريح فى كتابة أية نصوص طويلة ، ويرجع ذلك إلى األحمر الصريح فى كتابة أية نصوص طويلة ، ويرجع ذلك إلى خاصية الزيغ اللوني التي تجعل شبكية العين غير قادرة على التركيز خاصية الزيغ اللوني التي تجعل شبكية العين غير قادرة على التركيز

. . في تفاصيل تلك األلوان ، فتظهر غائمة في تفاصيل تلك األلوان ، فتظهر غائمة

B��2ی� ی�6C ب (5 ا����ب آ� ما0 /� م� ب� ن ت م���ب� �*�ض �.& ، Fم ء �� �.B مG ا��ن)Iم أ�����او!� �*�-K ا*�ی� م� ا�راس ت <��*�� ا(5 أسB-�� M داخ� ا��ن مF وم(� دراس� ا��د ب�رك

Alfred Bork م ، ودراس� و�� William Hortonه�ر��ن �

�3 اس���ام ا(5 '& ب�امF ا�سا� �C3 خ )� ا��Cم� ��� ا��0 ت

B��2ی� ی�6C ب (5 ا����ب آ� ما0 /� م� ب� ن ت م���ب� �*�ض �.& ، Fم ء �� �.B مG ا��ن)Iم أ�����او!� �*�-K ا*�ی� م� ا�راس ت <��*�� ا(5 أسB-�� M داخ� ا��ن مF وم(� دراس� ا��د ب�رك

Alfred Bork م ، ودراس� و�� William Hortonه�ر��ن �

�3 اس���ام ا(5 '& ب�امF ا�سا� �C3 خ )� ا��Cم� ��� ا��0 ت

Page 21: Microsoft PowerPoint - أسس تصميم واجهات التفاعل

ا� l ا�)?��با� l ا�)?��ب

�4M� ب�� l ا�)?��ب آ� � ����G. ا�E �@�A ب-�ن�ت ?��ب� ���ض �4M� ب�� l ا�)?��ب آ� � ����G. ا�E �@�A ب-�ن�ت ?��ب� ���ض Q ن��ء �%��". � ا��� �UKات �UKات وه �ك ب�_ ا�وه �ك ب�_ ا� . .�"0 ا�)��K�م أث �ء �%��". � ا���ن� Q �"0 ا�)��K�م أث

� ر@�د�� ر@�د�� اا� �Lا��0 �23 أ���� � � �Lا��0 �23 أ���� Q ا�ا�)?��ب دا�� ب l ��ض ا� l ا�)?��ب دا�� ب�ا Q ��ض ا�::وه0 وه0 ا�?)�-��� ا���"-)-� ا�?)�-��� ا���"-)-�

@�@� ا�?)�-��� �-�o آ�G%4 ا�?��ب ، �7�8 �23 أن ���Gي �"0 c�ر أE �c ا� l و�?�2 ب� 9 أآ�� '-F أن M�ار وض�ح @�@�

. ا�?)�-��� �M E� �M�ار وض�ح ا�?��ب

3 2 اس�K�ام ا�%M�ات ا���U"� وا���)�د �"0 ا����رات ا��"q�ا=-� �=M� وج� أن اس�K�ام ا�%M�ات ا�)���U =0 ا�A�ح بL3� . ا�)4�K�ة

. ا�)��K�م ، و�4-�. ب��)"�

Page 22: Microsoft PowerPoint - أسس تصميم واجهات التفاعل

اس�K�ام س�Uر 4c-�ة =0 آ��ب� ا� �4ص ، '-F وج� R� Eل اس�K�ام س�Uر 4c-�ة =0 آ��ب� ا� �4ص ، '-F وج� R� Eل �� <= �cأ E-� آ��2 '"U�� ة�4-Mر ا��U-� أن ا�����ث ا��3�Gا�� <= �cأ E-� آ��2 '"U�� ة�4-Mر ا��U-� أن ا�����ث ا��3�Gا��

. . ا�M�اءة ا�M�اءة �ت ���Gور�ً� =0 ا��ر ض���ت �k�4 ا�3)� ب-E ا� l وا��4رة => ن%, ا�Gور�ً� =0 ا��ر ض���k�4 ا�3)� ب-E ا� l وا��4رة => ن%, ا

: : ا����-� ا����-�

��Hس�ا� E ج�ءًا l آ)� ه� ا��Gل => آ)� ه� ا��Gل => أو @�ر'� �)��Gاj أو @�ر'� �)��Gاj آ�ن ا� l ج�ءًا E ا��سH آ�ن ا�. . وا�K�ائ9 وا�K�ائ9 ا��س� �ت ا��-�ن-� ا��س� �ت ا��-�ن-�

0

10

20

30

40

50

60

70

80

90

1st Qtr 2nd Qtr 3rd Qtr 4th Qtr

EastWestNorth

4�ًا ����ًا ، آ)� =0 ااإذا آ�ن� إذا آ�ن� ��� Hس�س�س ، و ا�Dه� ا l 4�ًا ����ًا ، آ)� =0 �� Hس�س�س ، و ا�Dه� ا l �. . ب�ا H-"�� Q ا�G�وف ��R%�ل ب�ا H-"�� Q ا�G�وف ��R%�ل

Page 23: Microsoft PowerPoint - أسس تصميم واجهات التفاعل

�� 0 ا�G�ص �"0 وض�ح ا�)� 0 ا�G�ص �"0 وض�ح ا�)�

�� Hاءة و���M0 ا�= E-ورا'� ا�� ���Lا�� �L�4د بM(9 وا�Kائ-� ا��Mان Hاءة و���M0 ا�= E-ورا'� ا�� ���Lا�� �L�4د بM(9 وا�Kائ-� ا��Mان lس2 � ��4ئ� �� F-G9 ون��. بKا� H3' ل ا��-�رR� E ه����G� lس2 � ��4ئ� �� F-G9 ون��. بKا� H3' ل ا��-�رR� E ه����G�

Q ن��ا�� �L� م�M(ا� ���'"� ا��)�ا�)Q ن��ا�� �L� م�M(ا� ���'"� ا��)�ا�) . .

�س�� ����-� رس���7 � �3 2 اس�K�ام �� �Lى ان�ط ا��0 ��UKا� �ام ا���K2 اس� �س�� ����-� رس���3� � 7 �Lى ان�ط ا��0 ��UKا� �ا�� �=��P(ا� �=� أو $-�ط ا�)���UKا� �=��P(ا� �=� أو $-�ط ا�)���UKا�..

Page 24: Microsoft PowerPoint - أسس تصميم واجهات التفاعل

ا��� ا�c ��د )?E E ا��UKط دا�� ا���ن� Q و�?E � اس�K�ام ا��� ا�c ��د )?E E ا��UKط دا�� ا���ن� Q و�?E � اس�K�ام ���L� دة�ان)�ط وا'�3م ���L� دة�ان)�ط وا'�3م ��..

�� �?Aوس-"� �)--� ب E �Cام أآ�Kأو اس� l 3 2 ا�)����q => �)--� ا�� �?Aوس-"� �)--� ب E �Cام أآ�Kأو اس� l 3 2 ا�)����q => �)--� ا���"0 س�-� ا�)�Cل � �23 �"0 س�-� ا�)�Cل � �23 . . ��3ور Dن ذ�N� 7دي إ�o�A� 0 ا�)��K�م ��3ور Dن ذ�N� 7دي إ�o�A� 0 ا�)��K�م

ب�3ن2 آ")�ت �ث"� وأ��ى ب�3ن2 آ")�ت �ث"� وأ��ى BoldBoldاس�K�ام آ")�ت ذات أ'�ف س�داء اس�K�ام آ")�ت ذات أ'�ف س�داء �U9 => ن%, ا��� �L�G� �U9 => ن%, ا��� �L�G� . .

�� �-%"K9 وا�Kا� E-ا�"�ن> ب Eا����� �(-c ا��)� �"0 ز��دة �-%"K9 وا�Kا� E-ا�"�ن> ب Eا����� �(-c ا��)� �"0 ز��دة . .

ا�*.�8 ا�*.�8 =0=0ا������� ا�������

Page 25: Microsoft PowerPoint - أسس تصميم واجهات التفاعل

א� �����א���89وא���.�א��7!���������א� �����א���89وא���.�א��7!���������

Page 26: Microsoft PowerPoint - أسس تصميم واجهات التفاعل

א� �����א�+��,�������א� �����א�+��,�������

k-م ���ض�K��� ���3ا�� E �-��� ي �"0 درج��ه> إ�:�ح ب4 k-م ���ض�K��� ���3ا�� E �-��� ي �"0 درج��ه> إ�:�ح ب4 �M-cدة ود�G �4ئ-� ب�4رة'ا��-�ن�ت ا���د�� وا���cRت ا�?)-� وا'�4ئ-� ب�4رة G�دة ود�M-c ا��-�ن�ت ا���د�� وا���cRت ا�?)-� وا

1st Qtr2nd Qtr3rd Qtr4th Qtr

Page 27: Microsoft PowerPoint - أسس تصميم واجهات التفاعل

��������:�;�א� �����א���;�:��������א� �����א�� �L ه> �)C-� ب���UKط �A?� � ���ض-k ا�)�"� � ب. ،و���)� =0 �?�� �L ه> �)C-� ب���UKط �A?� � ���ض-k ا�)�"� � ب. ،و���)� =0 �?��

� �c��c �"0 ا��%��-� ا�A?"-� ا�))C"� �"�ا�c ا�8ي ���� � . ، آ)� ��G�ى ا� �"0 ا��%��-� ا�A?"-� ا�))C"� �"�ا�c ا�8ي ���� � . ، آ)� ��G�ى ا� ��� =0 ا�)�I=�G �"0 ا� �2 ب-E أج�ائ.، و���)� �"0 إ�L6ر ا�� ��� =0 ا�)�I=�G �"0 ا� �2 ب-E أج�ائ.، و���)� �"0 إ�L6ر ا��

= � �Lا� �ى $-��Dا ��� 0 0 اDس�س-� =0 ا�A?� ا��ا�c> ، واس����د ا�� ��� ا�D�ى $-� ا��L � = اDس�س-� =0 ا�A?� ا��ا�c> ، واس����د ا�� H"��("� ب��"U(ة ا��ا�%? k-ض�� H"��("� ب��"U(ة ا��ا�%? k-ض��

Page 28: Microsoft PowerPoint - أسس تصميم واجهات التفاعل

Pictures Still Pictures Stillא���.�א��7!���א���.�א��7!���א���.�א��7!���א���.�א��7!���א���.�א��7!���א���.�א��7!���א���.�א��7!���א���.�א��7!���

�cو ، �- ه> ��UMت س�آ � D@-�ء 'E?(� �-M-M ��ضD �Lي =��ة ز -� ، وc� ه> ��UMت س�آ � D@-�ء 'E?(� �-M-M ��ضD �Lي =��ة ز �8�N أث �ء ان��ج E ا�?�2 وا�)�اج� �E ���! ا�)�سk ا�:�ئ> �8�N أث �ء ان��ج E ا�?�2 وا�)�اج� �E ���! ا�)�سk ا�:�ئ>

Scanner OpticalScanner Optical �-(c�ا ا��ا�?� - !��� E� أو �-(c�ا ا��ا�?� - !��� E� أو . .

Page 29: Microsoft PowerPoint - أسس تصميم واجهات التفاعل

�> א$���(���א�� .��> א$���(و�?�א<���א�9=��!���5�6א� �����א���������وא�����א�� .���و�?�א<���א�9=��!���5�6א� �����א���������وא��WW! א���א�@�+��� �א�������������3"�! א���א�@�+��� �א�������������3"�

�� o�A� 0دي إ�N� أن E?(� ًا�ة ج�-Cي �"0 �%��-� آ��G� <ا��4ر ا�� o�A� 0دي إ�N� أن E?(� ًا�ة ج�-Cي �"0 �%��-� آ��G� <ا��4ر ا�� ..ان���j ا�)��"H ، �7�8 �23 ا����-c 9�را ?�ن ان���j ا�)��"H ، �7�8 �23 ا����-c 9�را ?�ن

Page 30: Microsoft PowerPoint - أسس تصميم واجهات التفاعل

�ت ا����-� ���Gا� <= �""I �-qا� �-UKس� �ت ا��م ا��K��� �-ت ا������Gا� <= �""I �-qا� �-UKس� �ت ا��م ا��K���::--

�س-� KK ��ائ9 ا���=! ، و ��ائ9 ا���=! ، و ––أ أ Lس� �ت ا��و��ت ،وا��A(ت ا��UU �-س� Lس� �ت ا��و��ت ،وا��A(ت ا��UU . .

ا��س� �ت ا��> ��ض�cR� kت MU-� و� ��Uب! ا��ا�C ، �ً �(� �c ا��س� �ت ا��> ��ض�cR� kت MU-� و� ��Uب! ا��ا�C ، �ً �(� �c ––ب ب . . ا���آ-2 ا���3]> �")�ء ا���آ-2 ا���3]> �")�ء

. . ا�� �ز ا�)3�دة ، آ�R �ت ا�)�ور ا�� �ز ا�)3�دة ، آ�R �ت ا�)�ور ––ج ج

.. ا��س� �ت ا���ض-G-� آPج�اء ا��a ا���Kر�� ا��س� �ت ا���ض-G-� آPج�اء ا��a ا���Kر�� ––د د

Page 31: Microsoft PowerPoint - أسس تصميم واجهات التفاعل

�ت ا����-� ���Gوا�)"�ن� => ا� �""I(ا� �-UKس� �ت ا��م ا��K��� �-ت ا������Gوا�)"�ن� => ا� �""I(ا� �-UKس� �ت ا��م ا��K���::--

. . �)--� ج�ء E ا��سE� H ب�c> ا�� ��� �)--� ج�ء E ا��سE� H ب�c> ا�� ��� ––أ أ

آ)� ه� ا��Gل => اس�K�ام ا�"�ن-E آ)� ه� ا��Gل => اس�K�ام ا�"�ن-E : : اس�K�ام ا�"�ن ا��ال �"0 ا��6-%� اس�K�ام ا�"�ن ا��ال �"0 ا��6-%� ––ب ب ..اD')� واDزرق => رسH ا��ورة ا�� ��� اD')� واDزرق => رسH ا��ورة ا�� ���

. . ا��Gء ب����� ا�F��C �"�سH ا��Gء ب����� ا�F��C �"�سH ––ج ج

Page 32: Microsoft PowerPoint - أسس تصميم واجهات التفاعل

���K�م ا��س� �ت ا�UK-� ا�)�"�"� آ���� =0 '��� ��8ر اس�K�ام ���K�م ا��س� �ت ا�UK-� ا�)�"�"� آ���� =0 '��� ��8ر اس�K�ام �� أو ��G"-� ب�_ ا�)�Lرات ا�G�آ-� أو ��G"-� ب�_ ا�)�Lرات ا�G�آ-� ا��4ر ا�)�G�آ� او ��UMت ا�%-���ا��4ر ا�)�G�آ� او ��UMت ا�%-���

��2 ا�3)��ز ا�)�Lرات ا�)�Lراتووأأ �%c ات�U� 2 ا�3)��ز�� �%c ات�U�

� ا'��اء ا���ن� � 0"� Q���U ، �23 أن �LI� ب�3اره� %��ح � � ا'��اء ا���ن� � 0"� Q���U ، �23 أن �LI� ب�3اره� %��ح ���..ا��سH ،و M-�س ا��سH ا�)��K�م ا��سH ،و M-�س ا��سH ا�)��K�م

Page 33: Microsoft PowerPoint - أسس تصميم واجهات التفاعل

�� 0= �-�-�U2 ا�� ا��س� �ت ا�UK-� ا���"-)-� �23 أن �w=�G �"0 ا� �2 ا��U-�-� =0 ا��س� �ت ا�UK-� ا���"-)-� �23 أن �w=�G �"0 ا�. . ا��سH ب�?, ا��س� �ت ا�?�ر�?���ر�� ا��سH ب�?, ا��س� �ت ا�?�ر�?���ر��

ا��س� �ت ا�?�ا�?���ر�� �)?E اس�K�ا �L =0 ا������ بA�ط ��م ا��س� �ت ا�?�ا�?���ر�� �)?E اس�K�ا �L =0 ا������ بA�ط ��م �� H"��(ا� E ���Kا�� H"��(ا� E ���Kا��..

Page 34: Microsoft PowerPoint - أسس تصميم واجهات التفاعل

�� �q�Dإ�0 ا �آ�Dا E ء�ا�� �q�Dإ�0 ا �آ�Dا E ء�: : ا�� �أآ� Hرس E ج�ءًا Hس�ن ا��?� � � � � �?�ن ا��سH ج�ءًا E رسH أآ�� �� %, ا�)�ض�ع ، �23 ا���ء ب�G��� ��c ا��سE H ا�A?� اDآ�� � %, ا�)�ض�ع ، �23 ا���ء ب�G��� ��c ا��سE H ا�A?� اDآ�� � . .

Page 35: Microsoft PowerPoint - أسس تصميم واجهات التفاعل

ا��سH ا���ض-G> ا�)?�ن E ��ة � ��� �E�G ب �ؤj =0 ا��ر �"0 ا��سH ا���ض-G> ا�)?�ن E ��ة � ��� �E�G ب �ؤj =0 ا��ر �"0 �� Hس�0 �?�)� ا��' ��aا �ًا ب��4 ���j ��ر�3-ً� �� H��Mا'� ، و�� Hس�0 �?�)� ا��' ��aا �ًا ب��4 ���j ��ر�3-ً� �� H��Mا'� ، و��

=> ا� ���L ،وذ�7 ب�� M� E��). آ� Rً د=�. وا'�ة => ا� ���L ،وذ�7 ب�� M� E��). آ� Rً د=�. وا'�ة

H-"ا���^G�(ا� ا��ب�� ا�����2

Page 36: Microsoft PowerPoint - أسس تصميم واجهات التفاعل

إذا كان الرسم مستتراً فى الطبيعة تحت إذا كان الرسم مستتراً فى الطبيعة تحت : : البدء من الخارج إلى الداخل البدء من الخارج إلى الداخل ��رسم آخر فيجب عرض الرسم الخارجي أوال قبل عرض التكوين رسم آخر فيجب عرض الرسم الخارجي أوال قبل عرض التكوين

: : وذلك بأحدى طريقتين وذلك بأحدى طريقتين . . الداخلي الداخلي

١٢٣

، يتجاور الشكل الخارجي ، يتجاور الشكل الخارجي Adjacency Adjacencyالتجاور التجاور : : الطريقة األولى الطريقة األولى ��مع الشكل الداخلي وذلك ليتمكن الدراس من المقارنة بينهما وإدراك مع الشكل الداخلي وذلك ليتمكن الدراس من المقارنة بينهما وإدراك

..موقع كل عنصر من عناصر الشكل الداخلي بالنسبة للشكل الخارجي موقع كل عنصر من عناصر الشكل الداخلي بالنسبة للشكل الخارجي

Page 37: Microsoft PowerPoint - أسس تصميم واجهات التفاعل

، يظهر الشكل الخارجي أوالً ، يظهر الشكل الخارجي أوالً NavigationNavigationالطريقة الثانية اإلبحار الطريقة الثانية اإلبحار ��وعند النقر عليه بالفأرة يختفى الغطاء الخارجي ، وتظهر المكونات وعند النقر عليه بالفأرة يختفى الغطاء الخارجي ، وتظهر المكونات الداخلية ، ويفضل أن يعطي البرنامج للمستخدم خاصية الدخول الداخلية ، ويفضل أن يعطي البرنامج للمستخدم خاصية الدخول

بحيث يمكن التركيز على بحيث يمكن التركيز على Zoom out / Zoom InZoom out / Zoom Inوالخروج والخروج عنصر من عناصر الشكل العام وتكبيره ، أو الدخول من عنصر إلى عنصر من عناصر الشكل العام وتكبيره ، أو الدخول من عنصر إلى

. . Virtual MuseumVirtual Museumعنصر أخر كما هو الحال فى المتحف التخيلي عنصر أخر كما هو الحال فى المتحف التخيلي

Page 38: Microsoft PowerPoint - أسس تصميم واجهات التفاعل

�� �?Aة ا��ظ �"0 و'�%Gا� �?Aة ا��ظ �"0 و'�%Gا� : : �ً��� �ً�����Sا ��0ن�ن ا C��Sا ��0ن�ن ا C " " ت�%� �?A"� ت إن�%� �?A"� إن .-"� o%-. ، وإذا أض��و' �M= jأج�اؤ o??%� ة آ"-� ، وإذا�آ�' j�-(� .-"� o%-. ، وإذا أض��و' �M= jأج�اؤ o??%� ة آ"-� ، وإذا�آ�' j�-(� ��� ��� أو Nث�ات ج���ة �Pث�ت c-)�. ا�)�ئ-� ���ً� ��Mة �"7 ا��� ��� ��� أو Nث�ات ج���ة �Pث�ت c-)�. ا�)�ئ-� ���ً� ��Mة �"7 ا���

<"�Dا �?A2�4 �)--� ا�� F-Gة ب���ات ا�3�ثN(أو ا� <"�Dا �?A2�4 �)--� ا�� F-Gة ب���ات ا�3�ثN(ن '8ف =\ن '8ف " " أو ا�\= <"�Dا �?Aا� �--(� ���Lدي إ�0 سN� ور���ا�: �-$ ��� و���ً� و���ً� . . ا�� ��� $-� ا�:�ور�� �Nدي إ�0 س���L �)--� ا�A?� اD�"> ا��

ن�ن اU�VقCقU�Vن�ن ا C E-ت ا��4رة ���3 ا������G ن إض�=� إ��ر '�ل\= E-ت ا��4رة ���3 ا������G ن إض�=� إ��ر '�ل\= �G� 0 أن. آ�"� �?Aرك ا��� �G� 0 أن. آ�"� �?Aرك ا���..

Page 39: Microsoft PowerPoint - أسس تصميم واجهات التفاعل

�� 2"U�� �LنD �@�Aا=-� �"0 ا��ا��4ر ا�%���$ H3' 0= �q���(م ا��2 �"U�� �LنD �@�Aا=-� �"0 ا��ا��4ر ا�%���$ H3' 0= �q���(م ا��� -� آ�-�ة ، وب�ً� E ذ�K��� 7�م ا�"�UMت ا�)M�ب� ��K� ب� ��'�ت�M(ت ا��UM"م ا��K��� 7ذ� E � -� آ�-�ة ، وب�ً��K� ت�'��

ZoomingZooming . .

3 2 اس�K�ام ا��4ر ذات ا��رج�ت ا�� �د�� �3 2 اس�K�ام ا��4ر ذات ا��رج�ت ا�� �د�� ��� Gray ScaleGray Scale أو أو ا�%�R� ا�)"�ن� '�0 � ��U> ا��ارس انE� |��� �ً���U �ض�ع ا�%�R� ا�)"�ن� '�0 � ��U> ا��ارس انE� |��� �ً���U �ض�ع

� ��ر�, %�Lم Dول �ة � ���� ،H"ة ا����ول D م�L% ,ر��� � � ���� ،H"ا��� . .

�� �-�cا��ا E ���(ا� Q ن��آ��ب ا�� ���K�م ا��4ر ا�%���$�ا=-� آ��ب ا���ن� Q ا�)��� E ا��اK��� �-�c�م ا��4ر ا�%���$�ا=-�

�� H"ض�ع ا���� lا=-� ا���"-)-� ��4ئ�ز ا��4رة ا�%���$�23 أن ��� H"ض�ع ا���� lا=-� ا���"-)-� ��4ئ�ز ا��4رة ا�%���$�23 أن ��� �=��P �-qوا��وا�� ا� �- . . � ا���� c�ر ا ?�ن �E ا�"�UMت ا�% -� وا��وا�� ا�-q� ��P=� � ا���� c�ر ا ?�ن �E ا�"�UMت ا�%

Page 40: Microsoft PowerPoint - أسس تصميم واجهات التفاعل

�%:� إ�:�ح �%:� إ�:�ح : : ا�3)� ب-E ا��4ر ا�%���$�ا=-� وا��س� �ت ا���"-)-� ا�3)� ب-E ا��4ر ا�%���$�ا=-� وا��س� �ت ا���"-)-� ��ا�)%�Lم ا�3��� �E ���! رسU� H> �"> ذ�7 ب�_ اC D"� ا�)�4رة ا�)%�Lم ا�3��� �E ���! رسU� H> �"> ذ�7 ب�_ اC D"� ا�)�4رة

. . �. ، ���� إذا آ�ن ��رس Dول �ة �. ، ���� إذا آ�ن ��رس Dول �ة

Page 41: Microsoft PowerPoint - أسس تصميم واجهات التفاعل

���B :א���.�א���.�א��: ���Bא��

> ���ض ا��س� �ت ا�)�G�آ� � ه> إ� ��د E ا��س� �ت ا��Cب�� ا�)�"�"� ا��. ���ب�� وب���� �- � )� ��U> ا��Gء ب��G�آ�

Page 42: Microsoft PowerPoint - أسس تصميم واجهات التفاعل

Q ن��آ� => ا���G�(س� �ت ا��ام ا��Kدوا�> اس� Q ن��آ� => ا���G�(س� �ت ا��ام ا��Kدوا�> اس� : :

ا����-� �E اD@-�ء ا�)�G�آ� أو ا�)�q-�ة ، آ)�ا'� ن)� ن��ت ا����-� �E اD@-�ء ا�)�G�آ� أو ا�)�q-�ة ، آ)�ا'� ن)� ن��ت ��. . أو'�آ� ا�� �ول ا���-9 أو'�آ� ا�� �ول ا���-9

ا��> � �)?E ا��> � �)?Abstract ConceptAbstract Concept E ا����-� �E ا�)%�ه-H ا�)3�دة ا����-� �E ا�)%�ه-H ا�)3�دة �� E-روج�ه- E-ب8ر� E-آ��جDد ذرة ا�Gآ)� => ا� ، �cا��ا <= �L"-C(� E-روج�ه- E-ب8ر� E-آ��جDد ذرة ا�Gآ)� => ا� ، �cا��ا <= �L"-C(�

..��?��E ج�ئ> �ء ��?��E ج�ئ> �ء

���)� ب�ا Q ا��ا�c ا=��اض> �"0 ا��س� �ت ا�)�G�آ� ثRث-� ���)� ب�ا Q ا��ا�c ا=��اض> �"0 ا��س� �ت ا�)�G�آ� ثRث-� ��. . اDب��د اDب��د

Page 43: Microsoft PowerPoint - أسس تصميم واجهات التفاعل

�� ���% 2"M، آ ���ه� ب��%-���4� E?(� � ا����-� �E �اU� ^c�ة � �)?E ���4�ه� ب��%-��� ، آM"2 %��� ا����-� �E �اU� ^c�ة �C ، �3�� Hا�)�ض> و� <= oث�' ^cا� E� �-ذري ��)� أو ا���� �C ، �3�� Hا�)�ض> و� <= oث�' ^cا� E� �-ذري ��)� أو ا����

. . . . نPAة ا�?�اآ2 ، ا�?�ئ �ت ا�) M�ض� آ���� ���رات نPAة ا�?�اآ2 ، ا�?�ئ �ت ا�) M�ض� آ���� ���رات

�� �L2�4 إدراآ� �"��� �- ا����-� �E �اG� ^c�ث =0 =��ات ز -� ���"� �2�4 إدراآ�L ا����-� �E �اG� ^c�ث =0 =��ات ز ب��%-��� ، G� �C�ك ا��Mرات ، �{آ� ا��Aا�| ، �?�ن ا����ول =0 ب��%-��� ، G� �C�ك ا��Mرات ، �{آ� ا��Aا�| ، �?�ن ا����ول =0

. . ا��M�Uت ا��س� -� ا��M�Uت ا��س� -�

��� ����ة '�ثo س��ً� ، ="�UM ا�%-��� ��� E-ب �ًا وا'�4 ��� ����ة '�ثo س��ً� ، ="�UM ا�%-��� �3��� �� E-ب �ًا وا'�4 � ���3� 8�P� أن �L ��4ر ا��ا�c آ)� ه� أ � ا��س� �ت ا�)�G�آ� =-)? �L أن �8�P ��4ر ا��ا�c آ)� ه� أ � ا��س� �ت ا�)�G�آ� =-)?

> �E ا�� ��� ا�)�U-G ا��> c� �o�A ا��ارس qارس ا�)�ض�ع و����ا� o�A� �c <ا�� �U-G(ا� ��� > �E ا��qا�)�ض�ع و��� . .

Page 44: Microsoft PowerPoint - أسس تصميم واجهات التفاعل

: : دوا�> ��م اس�K�ام ا��س� �ت ا�)�G�آ� دوا�> ��م اس�K�ام ا��س� �ت ا�)�G�آ�

. . ا����-� �E �اc^ اج�)��-� �)?�L"-3�� E ب��%-��� ، آ��%"?"�ر ا����-� �E �اc^ اج�)��-� �)?�L"-3�� E ب��%-��� ، آ��%"?"�ر ��

��� ��� ا����-� �E س"�ك �6ه� ����9 ب�%��� ا�?�ئE ب���-]� ، ه � �?�ن ا�%- ا����-� �E س"�ك �6ه� ����9 ب�%��� ا�?�ئE ب���-]� ، ه � �?�ن ا�%- ��. . أ��ق ���-�، آ�"�ك ا�G-�ان�ت ا�)�K"%� � ب�:�L ا���_ => ا��-]� أ��ق ���-�، آ�"�ك ا�G-�ان�ت ا�)�K"%� � ب�:�L ا���_ => ا��-]�

�� E?(-= ، � �M(ات ا��اض �-��ر ث�ب�� ���ب�� آ�س���� E� �-ا���� E?(-= ، � �M(ات ا��اض �-��ر ث�ب�� ���ب�� آ�س���� E� �-ا���� �- . . ا�س���ض� �E ا��س� �ت ا�)�G�آ� ب�4ر ث�ب�� ���ب�� ز -� ا�س���ض� �E ا��س� �ت ا�)�G�آ� ب�4ر ث�ب�� ���ب�� ز

Page 45: Microsoft PowerPoint - أسس تصميم واجهات التفاعل

أسW�X�� M ا�س�م ت ا���2آ� أسW�X�� M ا�س�م ت ا���2آ�

�%:� ا���"-! ا���G 0"� <��4ى ا��سE� H ا���"-! ا� 4> ا�)?��ب �%:� ا���"-! ا���G 0"� <��4ى ا��سE� H ا���"-! ا� 4> ا�)?��ب ��. . Dن ا-�D� �E-� o�A ا�)��K�م ب-E ا��سH ا�)�G�ك وا� l ن%�. Dن ا-�D� �E-� o�A ا�)��K�م ب-E ا��سH ا�)�G�ك وا� l ن%�.

�� � �L3 ت ن4-� ?��ب� �23 د�M-"�� ام�Kار إ�0 اس��Uض� � ا� � �L3 ت ن4-� ?��ب� �23 د�M-"�� ام�Kار إ�0 اس��Uض� � ا�. . ا��سH =0 آ�"� وا'�ة ا��سH =0 آ�"� وا'�ة

���ض-k ���ض-FeedbackFeedback kإ ?�ن-� اس�K�ام ا��س� �ت ا�)�G�آ� =0 ا��ج� إ ?�ن-� اس�K�ام ا��س� �ت ا�)�G�آ� =0 ا��ج� ��اج�ب� ا��G-G4 => '��� ا�PUK ، أو �)?�=Pة ا�)��"H �"0 إج�ب�. اج�ب� ا��G-G4 => '��� ا�PUK ، أو �)?�=Pة ا�)��"H �"0 إج�ب�.

�G-G4ا��G-G4ا� . .

Page 46: Microsoft PowerPoint - أسس تصميم واجهات التفاعل

.. Rء � 'H3 ا��س� �ت ا�)�G�آ� Rء � 'H3 ا��س� �ت ا�)�G�آ���

=> '��� آ�ن ج�ء E ا��سG�� H�ك وب�c> أج�اء ا��سH ث�ب�� �%:� أن => '��� آ�ن ج�ء E ا��سG�� H�ك وب�c> أج�اء ا��سH ث�ب�� �%:� أن �� �-%"Kآ� �"0 ذ�7 ا��3ء ، و��ض� =0 ا��G�(س� �ت ا��إ��ر ا� �4�M� �-%"Kآ� �"0 ذ�7 ا��3ء ، و��ض� =0 ا��G�(س� �ت ا��إ��ر ا� �4�M�

Q ن���"� �- ��Kا�)��'� ا�� <= �c�%ا� �رة ث�ب�� ، وب�����> ��=�� Q ن���"� �- ��Kا�)��'� ا�� <= �c�%ا� �رة ث�ب�� ، وب�����> ��=�� . .

ا��س� �ت ا�)�G�آ� ا�)��K� � =0 @�ح �Lرة أو '�ث �-E �23 أن ا��س� �ت ا�)�G�آ� ا�)��K� � =0 @�ح �Lرة أو '�ث �-E �23 أن �� �Lر�. �"0 ��ب���c 2�' ة� E �Cأآ �L2 إ��د���U"� ح��� �Lر�. �"0 ��ب���c 2�' ة� E �Cأآ �L2 إ��د���U"� ح��� . .

Page 47: Microsoft PowerPoint - أسس تصميم واجهات التفاعل

��ض ��UMت ا�%-��� ��ض ��UMت ا�%-���

Q ن��=> ا�� ���ت ا�%-�UM� ام�Kدوا�> اس� Q ن��=> ا�� ���ت ا�%-�UM� ام�Kدوا�> اس� : :

إ�L6ر اD'�اث وا�)�Lرات ا��> ���)� �"0 ا�G�آ� '-F �?�2 ا�%-��� إ�L6ر اD'�اث وا�)�Lرات ا��> ���)� �"0 ا�G�آ� '-F �?�2 ا�%-��� �� �-�cس ب���ا��'ا�)�ض�ع ا'��س ب���ا�c-� ا�)�ض�ع ا

� ���U-� أن ��اj ��@�ة وبU���M ��-�-� ، إ � ��� H"��("� kإ � ��ض ، �-�-�� �M��Uة وب�@�� jا�أن � �-U��� �� H"��("� kض��و و ��UKر�. أو ���c. ا�)� �ه-� ، أو ب��2 و��c. =0 =��ة ز -� �ض-� أ ��UKر�. أو ���c. ا�)� �ه-� ، أو ب��2 و��c. =0 =��ة ز -� �ض-� أ

آ����اق 8Mوف سkU آ����اق 8Mوف سkU ( ( =0 =��ة ز -� ���"� أو �G�وث. ب���� =0 =��ة ز -� ���"� أو �G�وث. ب���� ) . ) . ه��ط ن-�ك ، آ��ف ا�A), ه��ط ن-�ك ، آ��ف ا�A), ( ( أو � �رة ا�G�ث أو � �رة ا�G�ث ) ) زج�ج> زج�ج>

�� <G-G4ج� ا���م =0 ا��K��� <G-G4ج� ا���م =0 ا��K��� Corrective Feedback Corrective Feedback � ، و� ، و. . ���K�م =0 ا������ ���K�م =0 ا������

. . ���K�م => إ�L6ر ا��وا=� وا���ا�^ ان��ن-� ���K�م => إ�L6ر ا��وا=� وا���ا�^ ان��ن-� ��

Page 48: Microsoft PowerPoint - أسس تصميم واجهات التفاعل

: : دوا�> ��م اس�K�ام ��UMت ا�%-��� دوا�> ��م اس�K�ام ��UMت ا�%-���

� �23 أن ��4ر ��UMت ا�%-��� �ا�c ث�ب�� � �LI� �L-= ا�G�آ� � �23 أن ��4ر ��UMت ا�%-��� �ا�c ث�ب�� � �LI� �L-= ا�G�آ� �� . . و�)?E ا�س���ض� � �L ب�4رة =���$�ا=-� و�)?E ا�س���ض� � �L ب�4رة =���$�ا=-� ) ) آ�Dه�ا �ت آ�Dه�ا �ت ((

ه �ك '��ت �%:� اس�K�ام ا��س� �ت ا�)�G�آ� =-�L أآC� �UM� Eت ه �ك '��ت �%:� اس�K�ام ا��س� �ت ا�)�G�آ� =-�L أآC� �UM� Eت ���Mدت س�ب�وا��0 ' ���ا�%-�Mدت س�ب�وا��0 ' ���ا�%-..

Page 49: Microsoft PowerPoint - أسس تصميم واجهات التفاعل

ت ا���ی� >C W�X�� Mی� أس���ت ا >C W�X�� Mأس

�� <= H"��(ا� ocو �-:� � �Iر $-� ��Pف '�0 E ���42 ا�� 3� <= H"��(ا� ocو �-:� � �Iر $-� ��Pف '�0 E ���42 ا�� 3� �LA(ى ا���G HL= و���G �LA(ى ا���G HL= و���G . .

ا�G�ص �"H3' 0 ن�8cة ا�%-��� Rئ)ً� ، �23 أن �MG! ا��4رة ا�G�ص �"H3' 0 ن�8cة ا�%-��� Rئ)ً� ، �23 أن �MG! ا��4رة �� �-�-�Uآ� ا��Gوا� ، �cDا E��Kوا�� ، �Gا��اض �-�-�Uآ� ا��Gوا� ، �cDا E��Kوا�� ، �Gا��اض . .

�� �UM"ام ا��Kة ن��-ً� �8ا �%:� اس��-q� ���-= ام ن�=8ة�Kس��ت ت نI�ًا �س�K�ام ن�=8ة =-��� �q-�ة ن��-ً� �8ا �%:� اس�K�ام ا�"�UM نI�ًا ا�)M�ب� c�ر ا ?�ن ب����� F-G� E ا�?�در ا�� ��� $-� ا�)%-�ة ، ا�)M�ب� c�ر ا ?�ن ب����� F-G� E ا�?�در ا�� ��� $-� ا�)%-�ة ،

3 2 ا�"�UMت ا��� � � Hت ا��� � و���UM"2 ا� 3� Hو�� . .

Page 50: Microsoft PowerPoint - أسس تصميم واجهات التفاعل

�� ���' 0= �اس�K�ام ا����� ا��U-�-� =0 ��ض ��UMت ا�%-��� ، إ� =0 '��� اس�K�ام ا����� ا��U-�-� =0 ��ض ��UMت ا�%-��� ، إ �[-Uا�� ���ب��� �أو أو ) ) ان%�3ر آ�"� ان%�3ر آ�"� ( ( ���4� اD'�اث ا��> � ��رك إ� ب������ ا��U-]� ���4� اD'�اث ا��> � ��رك إ

�-�-�Uا� ���%�ق ا��� ���ب� �-�-�Uا� ���%�ق ا��� ���ب� ) ) ، �(Mآ� ا��ن)� ن��ت ، ' ، �(Mآ� ا��ن)� ن��ت ، ' . ( ... . ( ...

�� �-MU . . ج�� '�آ�ت ا�?� -�ا ��-�-� و MU-� ج�� '�آ�ت ا�?� -�ا ��-�-� و

��� �-�-�Uرج�ت ا��ا� E �-q� �LنD �-ا�"�ن ��R%ام ا��Kاس� �:%� �� �-�-�Uرج�ت ا��ا� E �-q� �LنD �-ا�"�ن ��R%ام ا��Kاس� �:%� �. . "�ن"�ن

Page 51: Microsoft PowerPoint - أسس تصميم واجهات التفاعل

��6-^ ا��4ت => ا���ا Q ا���"-)-� ��6-^ ا��4ت => ا���ا Q ا���"-)-�

وه� اD'�د�F أو ا���ج-�Lت أو ا�A�وح ا�)M� � وه� اD'�د�F أو ا���ج-�Lت أو ا�A�وح ا�)M� � VoiceVoice: : )�ت ب�0ي )�ت ب�0ي �� E-م => ا���ا�� ب�K��(ق ا��U . . اD=�اد اD=�اد �")��"H أث �ء ��"). و�)�C ا��4ت ا�) �Uق ا�)��K�م => ا���ا�� ب-H"��("� E أث �ء ��"). و�)�C ا��4ت ا�)

�� [Cس���ا [Cس���اMusicMusic : : �3�� <ت ا���4-� وهR-3أ@?�ل ا��� E ��] �?@ <ت ا���4-� وه> ���3 هR-3أ@?�ل ا��� E ��] �?@ <ه E-�M��Uب E-�M��Uب : :--

و��Rً-3�� <U واH�� F-' �-�c ��3-� و��Rً-3�� <U واDigital MusicDigital Music : : �-3�� H�� F-' �-�c ا��س�C] ا�!��� ا��س�C] ا�!��� --١١ -� ا��4ت ا�8ي �G�ث ب��%�� �E ���! ?�� ا��4ت ، إ� أنU�� �L"2 س�� � ا��4ت ا�8ي �G�ث ب��%�� �E ���! ?�� ا��4ت ، إ� أنU�� �L"2 س�� � ��K �- ��K

) ) -�3ب��o �?� د�M-c -�3ب��o �?� د�M-c ١٠١٠'�ا�> '�ا�> ( ( واس�� واس��

MIDIMIDI ( (Musical Instrument Musical Instrument( ( و�"! �"-. آ7�8 و�"! �"-. آ7�8 :: أس.�ب إ� دة ب( ء ا([�� أس.�ب إ� دة ب( ء ا([�� --٢٢

Digital InterfaceDigital Interface .أن � ،وه8ا اDس"�ب وإن �H ���3 ا�)�ج�ت ا���4-� ا�M-MG-� إ� أن. ،وه8ا اDس"�ب وإن �H ���3 ا�)�ج�ت ا���4-� ا�M-MG-� إ�ت ا�)�A�آ� ود aد ا�Gو� �-M-ا�)�س ���UM("� <س�سDء ا� �ت ا�)�A�آ� ود ���Kن ا��aد ا�Gو� �-M-ا�)�س ���UM("� <س�سDء ا� ور آ� �L ، ثH ور آ� �L ، ث��K� Hن ا��

� ا��qA-� ، و�?"^ ه8ا اDس"�ب س�� � �-M-ا�)�س ���UM(س"�ب س�� ���د ��ف ا�Dو�?"^ ه8ا ا ، �-qAا�� � � �-M-ا�)�س ���UM(١٠٠١٠٠//��١١"� ��"� ���د ��ف ا� � �ً-�� U�و ا��� �c .أن � ��-ً� � )� ��U"�. أس"�ب ا�)�س-M> ا��c)-� ، إU�و ا��� �c .أن ��ت =U�� �( R"�. أس"�ب ا�)�س-M> ا��c)-� ، إaب�_ ا R= ت�aب�_ ا

. . �MG! ا� ��ئQ ا�)U"�ب� �MG! ا� ��ئQ ا�)U"�ب�

Page 52: Microsoft PowerPoint - أسس تصميم واجهات التفاعل

�4M� ب��)Nث� ا���4> أي �4M� ب��)Nث� ا���4> أي : :Sound EffectsSound Effects ا�;�Iات ا����6 ا�;�Iات ا����6 �� ��-�Uث => ا��G� <�cوا �آ�ة ��ت [��G(� ز�L3ا� jر�ت �4�� ��-�Uث => ا��G� <�cوا �آ�ة ��ت [��G(� ز�L3ا� jر�ت �4��

�Gآ�4ت ان?��ر ا��ج�ج ، و��ت أ �اج ا�� ، E-� ��%� 2'�4 �Gآ�4ت ان?��ر ا��ج�ج ، و��ت أ �اج ا�� ، E-� ��%� 2'�4 �ع cا���4> إ�0 إ �ثN(ف ا��Lرع ، و��Aع و��ت ا��-�رات => ا�� cا���4> إ�0 إ �ثN(ف ا��Lرع ، و��Aو��ت ا��-�رات => ا�

Q ن��ا�� .� �L �M� <"� ا����م ب���-]� ا���K��(ا� Q ن��ا�� .� �L �M� <"� ا����م ب���-]� ا���K��(ا� . .

%ت اس���ام ا�6ت '] ب�امF ا������� ا�*.���� S*.���� م�ا �������ا F�6ت '] ب�امت اس���ام ا% Sم : :

ا����� �"PU� 0 و�c =-. ا�)��K�م ا����� �"PU� 0 و�c =-. ا�)��K�م ��

�-. ا�)��K�م إ�0 �ض�ع ه�م ، أو ��8G� =�ري ،وه� �Aب. �"�4ت � �-. ا�)��K�م إ�0 �ض�ع ه�م ، أو ��8G� =�ري ،وه� �Aب. �"�4ت ��� �@�Aب �"0 ا���? !-"�� .�G4� E?� ، !ا���ب �@�Aب �"0 ا���? !-"�� .�G4� E?� ، !ا���ب..

اس�K�ام ا��4ت =0 ا��ج� ، س�اء آPداة ����� أو ��-�ن ا�PUK ، و�23 اس�K�ام ا��4ت =0 ا��ج� ، س�اء آPداة ����� أو ��-�ن ا�PUK ، و�23 ��. . ��م ا�)����q => اس�K�ا . ��م ا�)����q => اس�K�ا .

���"��U�4ص ا�)?��ب� ا� . . ��H إض�=� ا���"-�Mت ا���4-� ��3 2 ا� �4ص ا�)?��ب� ا�H���"��U إض�=� ا���"-�Mت ا���4-� ��3 2 ا�

Page 53: Microsoft PowerPoint - أسس تصميم واجهات التفاعل

أسW�X�� M ا�6ت '& ب�امF ا������� ا�*.���� أسW�X�� M ا�6ت '& ب�امF ا������� ا�*.����

� –– $-� ا�"%I-� $-� ا�"%I-� –– ��م اس�اف => اس�K�ام ا�� �ز ا���4-� ��م اس�اف => اس�K�ام ا�� �ز ا���4-� �� 0�' � 0�' . . �K <= 9"�K-"� ا�)��K�م �K <= 9"�K-"� ا�)��K�م

9 � �ه� �"0 ا�)��K�م ��"�K� �9 � �ه� �"0 ا�)��K�م �3 2 اس�K�ام ا��Gن ��Mرب� '�0 "�K� �3 2 اس�K�ام ا��Gن ��Mرب� '�0 � . .

����^ ا�� �ز ا���4-� ا�)��K� � => ا���ن� Q دا�� ا�)����ات أو ����^ ا�� �ز ا���4-� ا�)��K� � => ا���ن� Q دا�� ا�)����ات أو �� Q ن��ا=! �"��ا�?�-2 ا�) <= Q ن��ا=! �"��ا�?�-2 ا�) <= . .

� ���K�م ا��4ت ��E� RًM واج�L ا��%��� ا�)�ئ-� ، ب� �23 أن � ���K�م ا��4ت ��E� RًM واج�L ا��%��� ا�)�ئ-� ، ب� �23 أن �� �@�Aم �"0 ا��K��(ا� jا�� � � � �?�� �@�Aم �"0 ا��K��(ا� jا�� � � � �?�� . .

�� �L� 2'�4(م ��! � ا��6-%� ا��K��(23 أن �?�ن ا��4ت ا�� �L� 2'�4(م ��! � ا��6-%� ا��K��(23 أن �?�ن ا��4ت ا��

Page 54: Microsoft PowerPoint - أسس تصميم واجهات التفاعل

ا�)���-� ا�)����U ب��)Nث�ات ا���4-� ا�)���-� ا�)����U ب��)Nث�ات ا���4-�

�Uق ، �23 ان �?�ن ا�)Nث� �� <I%� !-"�� <��4ا� �ثN(إذا ��'2 ا� �ثN(ق ، �23 ان �?�ن ا��U <I%� !-"�� <��4ا� �ثN(إذا ��'2 ا� �-%"Kا���4> => ا� �-%"Kة ا��4ت ––ا���4> => ا��@ F-' E �cة ا��4ت أي أ�@ F-' E �cأي أ –– <I%"ح ا��Aوا� <I%"ح ا��Aوا�

� �M(ا� <= � �M(ا� <= . .

� �%:� اس�K�ام ا�4�ى � ا�)Nث�ات ا���4-� � �%:� اس�K�ام ا�4�ى � ا�)Nث�ات ا���4-� �� . .

�� �-%"Kات ا���4-� ا��> �?�ن =0 ا��ثN(ا� �-%"Kات ا���4-� ا��> �?�ن =0 ا��ثN(ا� –– RC �U(آ�4ت ا� RC �U(آ�4ت ا� –– �%:� أن �LI� وأن ��K%0 ��ر�3-ً� ، ب- )� ا�)Nث�ات ا���4-� ا��> �%:� أن �LI� وأن ��K%0 ��ر�3-ً� ، ب- )� ا�)Nث�ات ا���4-� ا��>

. . $���ً� � �LI� و�P3= 0%�Kة $���ً� � �LI� و�P3= 0%�Kة –– آ4�ام ب-E س-�ر�-E آ4�ام ب-E س-�ر�-���–– E� �E '�ث ���� �E '�ث

Environmental SoundEnvironmental Sound ا�)C-� ا���4> إذا أس�K�م آ�4ت ب-]> ا�)C-� ا���4> إذا أس�K�م آ�4ت ب-]> �� �ع ا�)��"H ب���-]� ا����"� ، �23 أن �?�ن ب %, ا�)���ى ا�8ي � c �ع ا�)��"H ب���-]� ا����"� ، �23 أن �?�ن ب %, ا�)���ى ا�8ي � c��اج� ��اج�

�� U4 و��� �c <ات ا���ثN(ا� �A' <= �q���(دون ا� �c0 ا��ا= .-"� �� U4 و��� �c <ات ا���ثN(ا� �A' <= �q���(دون ا� �c0 ا��ا= .-"� . .

Page 55: Microsoft PowerPoint - أسس تصميم واجهات التفاعل

�� H"��"� �ًات ا���4-� �ض���ثN(ن ا��?� � � � H"��"� �ًات ا���4-� �ض���ثN(ن ا��?� � � آ4ــ�ت �%�Mن آ4ــ�ت �%�Mن ––� 2"M2 ا�"Mص ––ا��Gة ، آ)� �23 ا��ى ب��)�ا�4 �L-23 أن �:�ف إ�� �� �23 أن �:�ف إ�-�L ا�4�ى ب��)�ة ، آ)� �23 ا�G�ص

H"��(ا� �Lب � �M� 0�' �cآ> ا��ا�G� 0 أن"� H"��(ا� �Lب � �M� 0�' �cآ> ا��ا�G� 0 أن"� . .

���K�م ا�)Nث� ا���4> آ �ع E أن�اع ا��ج� ، وc� ��4'2 رس��� ���K�م ا�)Nث� ا���4> آ �ع E أن�اع ا��ج� ، وc� ��4'2 رس��� ��� ��L�'�4 ، و�23 ا��4�cد => اس�K�ام ا�)Nث�ات ا���4-� �cات ا���4-� ن4-� و�ثN(ام ا��K�4د => اس��c�� ��L�'�4 ، و�23 ا �cن4-� و

�G-G4ج�ب� ا�Y� �(ه�أ' E��ثN ام�Kج� ، =-?%> اس��0 ا�= �G-G4ج�ب� ا�Y� �(ه�أ' E��ثN ام�Kج� ، =-?%> اس��0 ا�=–– �[��Kج�ب� ا�Y� ��]آ�4ت �4%-! ، و �[��Kج�ب� ا�Y� ��]آ�4ت �4%-! ، و–– ��? –– آ�4ت زج�ج � ?�� آ�4ت زج�ج �

H"��(ا� E ���Kأو ا�� �q���(م ا��ط ���Aو� H"��(ا� E ���Kأو ا�� �q���(م ا��ط ���Aو� . .

Page 56: Microsoft PowerPoint - أسس تصميم واجهات التفاعل

أسW�X�� M ا��س�C& '& ب�امF ا������� ا�*.���� أسW�X�� M ا��س�C& '& ب�امF ا������� ا�*.����

-9M= E أ'�ه)� ��G� 0"� �����"� � �K��(ا� <M-ا�)�س �4�M� ه)� �23 أن�9 أ'M= E- G� 0"� �����"� � �K��(ا� <M-ا�)�س �4�M� 23 أن��Yج�ب� ا��4اب ، وا�a� �PUK" ، و��� 23��K��("� �(L%�م =Y� 0ج�ب� ا��4اب ، وا�a� �PUK" ، و��� 23��K��("� �(L%�م =0

. . ا�)����ات ا�)����ات

�� ��� ا�)�س-M> ا�)��K� � آK"%-� �"��ن� L� ، Q�ف أس�سً� ��ب9 � ��� ا�)�س-M> ا�)��K� � آK"%-� �"��ن� L� ، Q�ف أس�سً� ��ب9 � <cب� E� ه��-(� �ً G� رس�ا� E ة�و' �?� l4K� F-' ، Q ن��ا�� <cب� E� ه��-(� �ً G� رس�ا� E ة�و' �?� l4K� F-' ، Q ن��ا��ا��'�ات، و�23 أن �?�ن => ا�K"%-� ، أي أ�c => ا�A�ة E ا���"-�Mت ا��'�ات، و�23 أن �?�ن => ا�K"%-� ، أي أ�c => ا�A�ة E ا���"-�Mت

. . ا�"%I-� ، وا������ا�"%I-� ، وا������

�� H"��"� وآ)�ض�ع ، Q ن���"� �-%"K0 ا������ ،وآ= <M-م ا�)�س�K��� H"��"� وآ)�ض�ع ، Q ن���"� �-%"K0 ا������ ،وآ= <M-م ا�)�س�K��� . .

Page 57: Microsoft PowerPoint - أسس تصميم واجهات التفاعل

�� <%�K� أس]"� �23 أن H��M� أو �@�Aر رس��� ه� � �"0 ا��L6 � � <%�K� أس]"� �23 أن H��M� أو �@�Aر رس��� ه� � �"0 ا��L6 � � �-%"K0 ا�M-س� �-%"K0 ا�M-س� . .

وأن ��?�ر => وأن ��?�ر => MIDIMIDI �%:� أن �?�ن �س-0M ا�E �-%"K ا� �ع �%:� أن �?�ن �س-0M ا�E �-%"K ا� �ع �� Dنc �L� ���)� �%��ات ���"� ،وه8ا ��D �'�� 2"Uنc �L� ���)� �%��ات ���"� ،وه8ا ���LoopLoop �'�� 2"U?�ارات �?�ارات

<(c�س"�ب ا�Dب� o"3ًا إذا � س�ج �-��� �- ��K� <(c�س"�ب ا�Dب� o"3ًا إذا � س�ج �-��� �- ��K� . .

. . �23 أن �LI� �س-0M ا�K"%-� ��ر�3-ً� و��K%> ��ر�3-ً� �23 أن �LI� �س-0M ا�K"%-� ��ر�3-ً� و��K%> ��ر�3-ً� ��

Page 58: Microsoft PowerPoint - أسس تصميم واجهات التفاعل

ا��Mا�� ا��� � �� Q ا��س�ئ� =0 واج�L ا��%��� ا��Mا�� ا��� � �� Q ا��س�ئ� =0 واج�L ا��%���

�q> إ�cRً� ج)� وس-"�-E ب4��� E-���E-�U ب��� E =0 ن%, ��� � �q> إ�cRً� ج)� وس-"�-E ب4��� E-���E-�U ب��� E =0 ن%, � �ا��ر، �C ��3ور رسG� H�ك و��UM =-��� ج �ً� إ�0 ج 2 =0 ن%, ا��ر، �C ��3ور رسG� H�ك و��UM =-��� ج �ً� إ�0 ج 2 =0 ن%,

و�)?E اس���ال ذ�7 ب���2c ��ض ا��س-"�-E ، أو ب��ء و�)?E اس���ال ذ�7 ب���2c ��ض ا��س-"�-E ، أو ب��ء . . ا��ر ا��ر و��G� H��7 وا'�ة =��K� ، 9Mره� و��G� H��7 وا'�ة =��K� ، 9Mره� PausePauseا��س-"�-E => '��� ا���Cت ا��س-"�-E => '��� ا���Cت

. . �0 �0 ا�)��"H ، ثk(�� H �. ب���-�ر ا�D�ى ب�� ا�ن��Lء E ا��س-"� اDوا�)��"H ، ثk(�� H �. ب���-�ر ا�D�ى ب�� ا�ن��Lء E ا��س-"� اDو

�3 اس�K�ام أآC� E وس-"�-E => ن%, ا��ر ، و� اس�K�ام أآC� E وس-"�-E => ن%, ا��ر ، و� :: ی�6C ب�مF ا�س 3� ی�6C ب�مF ا�س���K�م � ��� ا��س�ئ� ا�)���دة ��M"� ب� ��?� � =0 واج�L ا��%��� ���K�م � ��� ا��س�ئ� ا�)���دة ��M"� ب� ��?� � =0 واج�L ا��%���

<"� � �L : : ا�)���دة ا��س�ئ� و����9 د Q ا��س�ئ� ب��ة ���-� �L � �"> ا�)���دة ا��س�ئ� و����9 د Q ا��س�ئ� ب��ة ���-�

Page 59: Microsoft PowerPoint - أسس تصميم واجهات التفاعل

�23 اس�K�ام �"%-� �س-M-� وا'�ة �4"� ��ب9 ��د E ا��4ر �23 اس�K�ام �"%-� �س-M-� وا'�ة �4"� ��ب9 ��د E ا��4ر �� �L� ح �)�ع�ك @� . . ا�)�����c ا��Q���� 0 �ض�ع وا'� ، إذا �E?� H ه �ك @�ح �)�ع ��L ا�)�����c ا��Q���� 0 �ض�ع وا'� ، إذا �E?� H ه

�%:� أن �?�ن ا���"-! ا� 4> ا�)�4'2 �"�س� �ت ا�)�G�آ� �%:� أن �?�ن ا���"-! ا� 4> ا�)�4'2 �"�س� �ت ا�)�G�آ� ��. . �)��ً�، و�)?E أن �?�ن ?��بً� �"0 ن%, إ��ر ا��سH ا�)�G�ك �)��ً�، و�)?E أن �?�ن ?��بً� �"0 ن%, إ��ر ا��سH ا�)�G�ك

� ���K�م �س-M> و Nث� ���> =0 ن%, ا��oc ، و�)?E اس�K�ام � ���K�م �س-M> و Nث� ���> =0 ن%, ا��oc ، و�)?E اس�K�ام �� �س-M> أو Nث� ���> آK"%-� ���"-! �)�ع ، بA�ط أن �?�ن @�ة �س-M> أو Nث� ���> آK"%-� ���"-! �)�ع ، بA�ط أن �?�ن @�ة

. . ا���"-! ا�)�)�ع أ�"E 0 ا�)�س-0M أو ا�)Nث� ا���4> ا���"-! ا�)�)�ع أ�"E 0 ا�)�س-0M أو ا�)Nث� ا���4>

� ��ض ��ر ث�ب�� ����-� �%:� � � ��ض ��ر ث�ب�� ����-� ��� �:%�Slides ShowSlides Show !-"أن �?�ن ا���"-! أن �?�ن ا��� �Lب���� E H"��(ا� E?(�� 0�' �ًو�-, ?��ب �ً��(� �L-"� �Lب���� E H"��(ا� E?(�� 0�' �ًو�-, ?��ب �ً��(� �L-"� . .

Page 60: Microsoft PowerPoint - أسس تصميم واجهات التفاعل

�� �-L(ء ب��ا�� �:%� ، �L-"� <��� !-"�� � ام ��رة ث�ب���Kاس� � � �-L(ء ب��ا�� �:%� ، �L-"� <��� !-"�� � ام ��رة ث�ب���Kاس� � � ، �L-"� !-"ا��4رة ، �"> ذ�7 ا��� �LI� Hض�ع ا��4رة ، ث�(� <��� ، �L-"� !-"ا��4رة ، �"> ذ�7 ا��� �LI� Hض�ع ا��4رة ، ث�(� <���

. . و� �23 ا���"-! ا���4> �"0 ��رة �LI� H� ب�� و� �23 ا���"-! ا���4> �"0 ��رة �LI� H� ب��

�� �@�A"0 ا�� ���ب4 ��� � ���K�م ا��4ت بPن�ا�. دون ��اج� � �@�A"0 ا�� ���ب4 ��� � ���K�م ا��4ت بPن�ا�. دون ��اج� �. . ��آ� �"-�L ا��ارس ، =�L3ز ا�?)�-��� �-, آ�L3ز ا��اد�� ��آ� �"-�L ا��ارس ، =�L3ز ا�?)�-��� �-, آ�L3ز ا��اد��

�q> أن �?�ر ا���"-! ا���4> ن%, ��Gى ا� l ا�)?��ب ، ��� � �q> أن �?�ر ا���"-! ا���4> ن%, ��Gى ا� l ا�)?��ب ، � � Hئ-�-� ، ث�ط ا��M و�%:� أن �4�M� ا� l ا�)?��ب �"0 ا�� �و�E وا� �Mط ا��ئ-�-� ، ثH و�%:� أن �4�M� ا� l ا�)?��ب �"0 ا�� �و�E وا�

. . ���?)� ب�� ذ�7 ا�A�ح ب�س�K�ام ا���"-! ا���4> ���?)� ب�� ذ�7 ا�A�ح ب�س�K�ام ا���"-! ا���4>

Page 61: Microsoft PowerPoint - أسس تصميم واجهات التفاعل

ا��ب9 ب-E ا��س�ئ� =0 واج�L ا��%��� ا��س� -� ا��ب9 ب-E ا��س�ئ� =0 واج�L ا��%��� ا��س� -�

���� ���� �23 ا��ب9 ب-E ا��س�ئ� ا�)?�ن� ��اج�L ا��%��� � ا�)��K�م ، �23 ا��ب9 ب-E ا��س�ئ� ا�)?�ن� ��اج�L ا��%��� � ا�)��K�م ، �L =��L�ف �-, ج)� ��د E ا��س�ئ� =0 إ��ر وا'� ، ب� =��L�ف �-, ج)� ��د E ا��س�ئ� =0 إ��ر وا'� ، ب� . . ا��4��� �L ا��4���

� ب� E إ��3د راب9 ب-E �"7 ا��س�ئ� بA?� ��ر ���اج�ه� => ه8ا � ب� E إ��3د راب9 ب-E �"7 ا��س�ئ� بA?� ��ر ���اج�ه� => ه8ا ��� واج�L ا��%��� ��A� ا��ارس � E-ب9 ب�ر ، وإه)�ل ا��� ��� واج�L ا��%��� ��A� ا��ارس ا� E-ب9 ب�ر ، وإه)�ل ا���ا

�L??%ب��L??%=0 ب� ���ا��4 ��� و=-)� �"> ب�_ ا��Mا�� ا��K�� ب�ب9 ا�� ��� ا��4��� =0 و=-)� �"> ب�_ ا��Mا�� ا��K�� ب�ب9 ا��: : إ��ر ا���ض إ��ر ا���ض

Page 62: Microsoft PowerPoint - أسس تصميم واجهات التفاعل

ر ب س���ام ا�س8 ��$Vا M(5 '& ن�ا �س8 رب_ آ��س���ام ا ر ب$Vا M(5 '& ن�ا �ام ..رب_ آ��Kام =0 '��� اس��K0 '��� اس�= �M��Uب HL أآC� E آ�"� نl �"0 ن%, ا��ر =\ن. �%:� ا��ب9 ب- HL بU���M أآC� E آ�"� نl �"0 ن%, ا��ر =\ن. �%:� ا��ب9 ب- �E �M ا��3ء ا���ب! إ�0 اDج�اء ا����-� � HL9 أو س� �C ،�- ج�اء ا����-� رس�Dا��3ء ا���ب! إ�0 ا E �M� � HL9 أو س� �C ،�- رس� l و�k�4 ه8ا ا�A�ط ض�ور�� =0 '��� ا���ز�� $-� ا�) �HI �?�� ا� l و�k�4 ه8ا ا�A�ط ض�ور�� =0 '��� ا���ز�� $-� ا�) �HI �?�� ا�

. . �"0 ا��A@�، و�L6ره� د=�� وا'�ة �"0 ا��A@�، و�L6ره� د=�� وا'�ة

Page 63: Microsoft PowerPoint - أسس تصميم واجهات التفاعل

إ& ب*a ب س���ام ا(5 ���b*ت ب إ& ب*a ب س���ام ا(5 رب_ �( )� ا�س�م�b*ت ب � وج�د � � وج�د ::رب_ �( )� ا�س�م� j8ه E-ب �Uاب�، =\ن. �%:� إ�:�ح ا� �4 � E �Cأآ E ن�? Hرس j8ه E-ب �Uاب�، =\ن. �%:� إ�:�ح ا� �4 � E �Cأآ E ن�? Hرس

�و�E =��-� ، و��"-�Mت ج�ن�-� � !��� E� ��� �و�E =��-� ، و��"-�Mت ج�ن�-� ا��� !��� E� ��� ..ا��

Page 64: Microsoft PowerPoint - أسس تصميم واجهات التفاعل

ور ��S�ا cی�$ � ور ا�ب_ �S�ا cی�$ �: : آ� '& ا2 %ت ا� �� آ� '& ا2 %ت ا� �� Adjacency Adjacencyا�ب_ �

� @�ح رسH ، �23 أن ��3ورj ا� l ا��Aرح �. � � @�ح رسH ، �23 أن ��3ورj ا� l ا��Aرح �. ��� . .

� آ��ب� ا��Nال ، �23 أن �?�ن �MU ا�س��3ب� ب�3ار ا��Nال � � آ��ب� ا��Nال ، �23 أن �?�ن �MU ا�س��3ب� ب�3ار ا��Nال ��� . .

�� @�A0 ا�"� E-U��� E��4 � E-أ ا���3ور ب�ام ��Kو=0 '��� ���ب� اس� @�A0 ا�"� E-U��� E��4 � E-أ ا���3ور ب�ام ��Kو=0 '��� ���ب� اس� ، � ، � �U���(ا� ��� . . �)?E اس�K�ام ا����ب� =�L6 0ر ا�� ��� ا�)���E?(� �U اس�K�ام ا����ب� =�L6 0ر ا��

Page 65: Microsoft PowerPoint - أسس تصميم واجهات التفاعل

: : ا�ب_ ب س���ام ا.�ن ا�ب_ ب س���ام ا.�ن ��

ج�� ا����رات ا�)�4"� ب�:�L ا���_ ب %, ا�"�ن ج�� ا����رات ا�)�4"� ب�:�L ا���_ ب %, ا�"�ن ��

. . ج�� ا�� ��� =0 ا��سH ا��-�ن> ا��> �)�C ن%, ا�)�-q� ��L ن%, ا�"�نج�� ا�� ��� =0 ا��سH ا��-�ن> ا��> �)�C ن%, ا�)�-q� ��L ن%, ا�"�ن��

�23 أن �?�ن �"� �و�E ا�%��-� � %, ا�)�ض�ع ن%, ا�"�ن ا�8ي �)-�ه� �23 أن �?�ن �"� �و�E ا�%��-� � %, ا�)�ض�ع ن%, ا�"�ن ا�8ي �)-�ه� ��. . �E ا� l ا��Aرح ، و�E ا�� �و�E ا�%��-� �")�ض���ت ا�D�ى �E ا� l ا��Aرح ، و�E ا�� �و�E ا�%��-� �")�ض���ت ا�D�ى

Page 66: Microsoft PowerPoint - أسس تصميم واجهات التفاعل

: : أس �d ����1 ا(5 أس �d ����1 ا(5 ��

) . ) . ItalicItalic(( اس�K�ام اD'�ف ا�)�ئ"� اس�K�ام اD'�ف ا�)�ئ"� ��

�� Eاآ�9 ا�Kام ا��Kاس� Eاآ�9 ا�Kام ا��Kاس� ) )BoldBold . ( . (

�� � �Lا����رة ا� oG� 9� ام�Kاس� � �Lا����رة ا� oG� 9� ام�Kاس� ) )UnderlineUnderline .( .(

" " . " " . ، ، ( ) ( ) ، ، [ ] [ ] اس�K�ام ا�cDاس اس�K�ام ا�cDاس ��

�� �-"Iام ا���Kاس� �-"Iام ا���Kاس�

�?, ا��Dان �?, ا��Dان ��

ا��6-%� اDس�س-� �"�)--� ه> �)--� � 4� =0 ا�E� �@�A ب�c> ا��6-%� اDس�س-� �"�)--� ه> �)--� � 4� =0 ا�E� �@�A ب�c> ::ا����1 ا����1 ���L ::ا�� ��� ، ���ج-. نI� ا�)��K�م إ�-. و�"�)--� اس��-2 ���دة �Lا�� ��� ، ���ج-. نI� ا�)��K�م إ�-. و�"�)--� اس��-2 ���دة

Page 67: Microsoft PowerPoint - أسس تصميم واجهات التفاعل

�� l ��� ا�� <cب� E� وق �)-�ه�� � 0= � �Lوض� ا����رات ا� l ��� ا�� <cب� E� وق �)-�ه�� � 0= � �Lوض� ا����رات ا� . .

اس�K�ام ��Lت ���-� �LI� ��'�4ر ا� N� lدي إ�0 ج8ب اه�)�م اس�K�ام ��Lت ���-� �LI� ��'�4ر ا� N� lدي إ�0 ج8ب اه�)�م ��ا��ارس ن�G ا� l ، و���K�م ه8ا اDس"�ب �"0 وج. ا��4Kص � ا��ارس ن�G ا� l ، و���K�م ه8ا اDس"�ب �"0 وج. ا��4Kص �

����8Gا����رات ا�� ����8Gا����رات ا�� . .

�وق ب"�ن )-� أو إ'��� اDج�اء ا��L � ب\��ر ��� 0= �Lب\��ر وض� � �Lج�اء ا�Dوق ب"�ن )-� أو إ'��� ا� � 0= �Lوض� . . ��رج> ��رج>

. . ا@�رة ب�DسHL �"0 ا��3ء ا��Lم ا@�رة ب�DسHL �"0 ا��3ء ا��Lم ��

::أس �d ����1 ا�6رة أس �d ����1 ا�6رة

Page 68: Microsoft PowerPoint - أسس تصميم واجهات التفاعل

���3 ا�� 4� ا��Lم "�نً� ب- )� ب�c> ا�� ��� ب"�ن ���3 ا�� 4� ا��Lم "�نً� ب- )� ب�c> ا�� ��� ب"�ن : : ا��)--� ب��"�ن ا��)--� ب��"�ن ��^��K ^��K . .

�Nدي ا���"-! ا���4> �"0 ا��س� �ت إ�0 ج8ب اه�)�م ا��ارس �Nدي ا���"-! ا���4> �"0 ا��س� �ت إ�0 ج8ب اه�)�م ا��ارس ��. . ن�Gه�ن�Gه�