הכינותי מראש: תבניות UI לטאבלט

•

0 gefällt mir•725 views

תבניות UI הינן אחד העזרים השימושיים ביותר בתהליך הגדרת חלוקת התוכן על מסך, ומקובל מאד בקרב מאפיינים למערכות ווב ו Desktop. אך האם ניתן להיעזר בהן גם בתהליך האפיון לטאבלטים? בזמן הקצר שיש לנו נסקור את תבניות ה-UI המומלצות ביותר לטאבלט ואיך ניתן להשתמש בהן בצורה הטובה ביותר.

Master/Detail

Gmail

Column Browse

Parallel panels

Parallel panels

Palette/ Canvas

Palette/ Canvas

Palette/ Canvas

Palette/ Canvas

הכינותי מראש: תבניות UI לטאבלט

הכינותי מראש: תבניות UI לטאבלט

הכינותי מראש: תבניות UI לטאבלט

הכינותי מראש: תבניות UI לטאבלט

הכינותי מראש: תבניות UI לטאבלט

Weitere ähnliche Inhalte

Andere mochten auch

Siddharth_Shete

Siddharth_Shete

Siddharth_Shete

Siddharth Shete

0911

Formación y tecnologías en accesibilidad para la Universidad

Formación y tecnologías en accesibilidad para la Universidad

Formación y tecnologías en accesibilidad para la Universidad

Desarrollo-glandulas

Desarrollo-glandulas

Desarrollo-glandulas

A morte do wolverine #01

A morte do wolverine #01

A morte do wolverine #01

Realms of Creativity

Realms of Creativity

Realms of Creativity

David Memorial Institute of Management

Terapia fisica quim 2

Terapia fisica quim 2

Terapia fisica quim 2

Jenny Fernandez Vivanco

__ATTACHMENT A - Mixed Use Recommendations Ventura_sample with intro RR

__ATTACHMENT A - Mixed Use Recommendations Ventura_sample with intro RR

__ATTACHMENT A - Mixed Use Recommendations Ventura_sample with intro RR

Evan Evangelopoulos

Ensayo bienestar laboral.gth

Ensayo bienestar laboral.gth

Ensayo bienestar laboral.gth

Estefania Gomez

Neurotecnología de realidad aumentada aplicada a la educación cartagena 2 de ...

Neurotecnología de realidad aumentada aplicada a la educación cartagena 2 de ...

Neurotecnología de realidad aumentada aplicada a la educación cartagena 2 de ...

Carlos Enrique Fernández García

Como vencer la depresion

Como vencer la depresion

Como vencer la depresion

Carlos Martinez

Cómo dar clase a los que no quieren

Cómo dar clase a los que no quieren

Cómo dar clase a los que no quieren

CPR de Avilés - Occidente

Es cierto que los programas de vacunación se han enfocado principalmente hacia lactantes y niños, pero no debemos olvidar que la vacunación continúa en la adolescencia (y vida adulta). Hablar de vacunas habitualmente conlleva debate (cuando no polémica), pero en un ambiente de respeto y escucha mutua no podemos olvidar la diferencia entre los principios científicos (de eficacia, seguridad, inmunogenicidad, efectividad, eficiencia) y éticos (es clave la ausencia de conflictos de interés) que deben regir el soporte de los que apoyamos la vacunación, frente a los movimientos antivacunas y teorías conspiranoicas. Al debate propio de la vacunación (aunque debe quedar claro que la gran mayoría de los profesionales sanitarios y población general la entienden y apoyan como una de las medidas fundamentales que han disminuido la morbi-mortalidad en el mundo), cabe sumar en esta edad las barreras propias en la adolescencia.

Vacunas en adolescentes

Vacunas en adolescentes

Vacunas en adolescentes

Javier González de Dios

Exposicion telefono movil

Exposicion telefono movil

Exposicion telefono movil

Mayerly Mosquera

Solucionarios P.I 1

Solucionarios P.I 1

Solucionarios P.I 1

ININ_Thesenpapier 2016

ININ_Thesenpapier 2016

ININ_Thesenpapier 2016

Andere mochten auch (16)

Siddharth_Shete

Siddharth_Shete

Siddharth_Shete

0911

Formación y tecnologías en accesibilidad para la Universidad

Formación y tecnologías en accesibilidad para la Universidad

Formación y tecnologías en accesibilidad para la Universidad

Desarrollo-glandulas

Desarrollo-glandulas

Desarrollo-glandulas

A morte do wolverine #01

A morte do wolverine #01

A morte do wolverine #01

Realms of Creativity

Realms of Creativity

Realms of Creativity

Terapia fisica quim 2

Terapia fisica quim 2

Terapia fisica quim 2

__ATTACHMENT A - Mixed Use Recommendations Ventura_sample with intro RR

__ATTACHMENT A - Mixed Use Recommendations Ventura_sample with intro RR

__ATTACHMENT A - Mixed Use Recommendations Ventura_sample with intro RR

Ensayo bienestar laboral.gth

Ensayo bienestar laboral.gth

Ensayo bienestar laboral.gth

Neurotecnología de realidad aumentada aplicada a la educación cartagena 2 de ...

Neurotecnología de realidad aumentada aplicada a la educación cartagena 2 de ...

Neurotecnología de realidad aumentada aplicada a la educación cartagena 2 de ...

Como vencer la depresion

Como vencer la depresion

Como vencer la depresion

Cómo dar clase a los que no quieren

Cómo dar clase a los que no quieren

Cómo dar clase a los que no quieren

Vacunas en adolescentes

Vacunas en adolescentes

Vacunas en adolescentes

Exposicion telefono movil

Exposicion telefono movil

Exposicion telefono movil

Solucionarios P.I 1

Solucionarios P.I 1

Solucionarios P.I 1

ININ_Thesenpapier 2016

ININ_Thesenpapier 2016

ININ_Thesenpapier 2016

Mehr von Lior Yair

מנהלים את הדור החדש

מנהלים את הדור החדש

מנהלים את הדור החדש

How to create the best wireframes

How to create the best wireframes

How to create the best wireframes

בניית תיק עבודות למעצבים ומאפייני חווית משתמש

בניית תיק עבודות למעצבים ומאפייני חווית משתמש

בניית תיק עבודות למעצבים ומאפייני חווית משתמש

העבודה שלכם מתחלקת לשני חלקים: עיצוב והצגת העיצוב. לא תדעו להציג נכון ללקוחות וזרקתם עוד קונספט לפח. הניסיון לימד אותי את הדרך הנכונה להצגה, כזאת שמסתיימת באישורו של המוצר ולעולם לא נגמרת בפח האשפה וזה בדיוק מה שאלמד אתכם. בהרצאה נעבור על: עקרונות הרטוריקה, סביבת ההצגה הנכונה, התאמת ההצגה לסוג הלקוח, הדרך הנכונה לבניית מצגת וכמובן - איך להפיל לקוחות מהכיסא (ומה עושים כשהכסא נשאר יציב).

להציג אפיון ועיצוב ללקוחות

להציג אפיון ועיצוב ללקוחות

להציג אפיון ועיצוב ללקוחות

The right way to present your designs

The right way to present your designs

The right way to present your designs

Learn how and when(always) you should use responsive design and the new UX methodologies we need to adopt in order to create responsive products. LIOR YAIR | Co CEO @ Netcraft Manages all Research, User Interface and Design activities performed by Netcraft's User Experience team. Has a unique experience in the fields of Usability Testing and Eye Tracking technology. The founder of NetcraftAcademy a User Experience School in Israel. Course Lecturer - Cognitive aspects in user interface. The Holon Institute of Technology - leading college in design studies. A regular speaker in academic institutions, lectures and professional gatherings.

Responsive Design - New UX Methodologies

Responsive Design - New UX Methodologies

Responsive Design - New UX Methodologies

אפיון ועיצוב עמודי נחיתה

אפיון ועיצוב עמודי נחיתה

אפיון ועיצוב עמודי נחיתה

Windows phone user experience

Windows phone user experience

Windows phone user experience

לעצב באריחים

Gps presentation

Gps presentation

Gps presentation

הרכב הוא לא מה שחשבתם. חווית הרכב אינה עוד חווית הנהיגה שהכרנו.ממשקי מגע, קול וגרפיקה הופכים את הרכב לכלי מולטימדיה רב חושי.אז מה צופה לנו העתיד ברכב? נדבר על עיצוב הרכב ככלי מולטימדיה עם ממשקים, טכנולוגיות ואינטראקציות חדשות.

חווית הרכב - העתיד כבר כאן

חווית הרכב - העתיד כבר כאן

חווית הרכב - העתיד כבר כאן

ממשקים בסרטי מדע בדיוני לא יוצרו על מנת להיבדק, להיחקר, לעבור מבדקי שמישות ולצלוח את מבחן המציאות.ובכל זאת בתור אנשי חוויית משתמש אנחנו מנתחים אותם לפי הכלים המקובלים ורוצים ללמוד מהם. האם כל מה שעובד טוב בקולנוע יעבוד טוב במציאות?האם סרטי מדע בדיוני חוזים את התקדמות הטכנולוגיה?

מאפיינים צאו מהסרט! ממשקים בסרטי מדע בדיוני

מאפיינים צאו מהסרט! ממשקים בסרטי מדע בדיוני

מאפיינים צאו מהסרט! ממשקים בסרטי מדע בדיוני

מחשבים משמשים כבר שנים רבות ככלי יצירה והפקה, אך מה צופן העתיד?ממשקי המגע כבר נכנסו לתחום ובגדול, אבל אופן השימוש בהם הולך ומשתנה ובנוסף מתווספות טכנולוגיות היוצרות כלים מוזיקליים חדשים לחלוטין. מוזיקה היא ההשראה שלי ליצירה, וממשקי המוזיקה יכולים להיות בשבילנו דוגמא לפריצת גבולות וחדשנות.

מה נשמע? ממשקי נגינה חדשניים

מה נשמע? ממשקי נגינה חדשניים

מה נשמע? ממשקי נגינה חדשניים

דברים שהלקוחות לימדו אותי

דברים שהלקוחות לימדו אותי

דברים שהלקוחות לימדו אותי

UX Storytelling - מה הסיפור שלך?

UX Storytelling - מה הסיפור שלך?

UX Storytelling - מה הסיפור שלך?

יש שיגידו שעמודי המוצר באתרי המכירות הם העמודים החשובים ביותר. מי שאומר את זה צודק. בעשר הדקות שלי אנסה להגדיר איך נכון לייצר עמוד מוצר ומהם האתגרים והבעיות שאנו צריכים לפתור בדרך. נסתכל על דוגמאות וסטטיסטיקות ונפענח את הנוסחא לדף מוצר מוצלח וחוויתי.

העמוד הכי חשוב בתהליך המכירה

העמוד הכי חשוב בתהליך המכירה

העמוד הכי חשוב בתהליך המכירה

עיצוב מבוסס מחוות

עיצוב מבוסס מחוות

עיצוב מבוסס מחוות

האינטרנט והמובייל היו לחלק חשוב בעולם חווית המשתמש בשנים האחרונות אך העתיד מדבר על מסך עתיק יותר. הדור הבא של הממשקים לוקח אותנו אל המסך הגדול ביותר בבית, מסך הטלויזיה שבסלון. מסך הטלויזיה הוא המסך הנפוץ ביותר בבתי האב בעולם עם אחוז חדירה בממוצע של תשעים ושבע (בישראל 94), והתחזיות מנבאות שעד סוף שנת 2014 שליש מהטלויזיות בעולם יהיו כבר מחוברות לרשת האינטרנט. העיצוב למסך הגדול מציב בפנינו סט חדש של דרישות אפיוi ועיצוב לצד עולם חדש של הזדמנויות מרתקות לאנשי מקצוע כמונו. הביטוי "10 foot UI" מתייחס לעיצוב הנועד להציג מידע על גבי מסכים גדולים (מעל 42 אינץ') לממשקים אינטרקטיביים הנשלטים באמצעים מסורתיים כמו שלט רחוק. כאשר מאפיינים ומעצבים למסכי הטלוויזיה האהובים חשוב לשים לב לנקודות הבאות: · התצוגה קטנה יותר מכל מסך שאנו מכירים, המסך אמנם גדול יותר אבל אנו צופים בו ממרחק (זה עניין של פרספקטיבה). · תוכלו לחשב את גודל האלמנטים כפי שיראו על המסך בעזרת נוסחת הגודל הזוויתי (angularsize). כלל אצבע: ממשק לטלוויזיה צריך להיות גדול לפחות פי שלוש ממשק למסכי מחשב. · נסו לשמור על מערכת שטוחה ככל האפשר. · זכרו שאין שלט או מקלדת, בטלוויזיה עובדים על שלט (והוא משתנה בהתאם לטלוויזיה). השלט הרחוק הוא לא רק מוצר משלים, הוא משנה את הממשק ויכול להשפיע המון על חווית השימוש. הכירו את השלט המיועד למוצר שלכם ודאגו לתת ביטוי לכל כפתור במצבים השונים. · שלושה חוקים לטקסט: שיהיה גדול, שיהיה קצר, שיהיה גדול. · בכל הקשור לצבעים זכרו שצבעים בהירים מדי מפריעים לסריקות המידע (ומכאיבים בעיניים), נסו להימנע כמה שיותר ממסכים לבנים או בהירים מאוד. · אנימציות הן חלק חשוב באפיון ועיצוב ממשק לטלוויזיה, חשבו עליהם עוד בשלבי האפיון הראשוניים. · בחזרה אל הפולד – מה שלא נמצא על המסך לא קיים. לרוב נסו לשמור על תצוגת עמוד יחיד (ללא גלילה). · זכרו לתת אינדיקציה וי

Ten-Foot User Experience | אפיון ועיצוב חווית משתמש לטלויזיה החכמה

Ten-Foot User Experience | אפיון ועיצוב חווית משתמש לטלויזיה החכמה

Ten-Foot User Experience | אפיון ועיצוב חווית משתמש לטלויזיה החכמה

אפיון חווית משתמש למטרו

אפיון חווית משתמש למטרו

אפיון חווית משתמש למטרו

מה לי ולחווית משתמש?

מה לי ולחווית משתמש?

מה לי ולחווית משתמש?

Mehr von Lior Yair (20)

מנהלים את הדור החדש

מנהלים את הדור החדש

מנהלים את הדור החדש

How to create the best wireframes

How to create the best wireframes

How to create the best wireframes

בניית תיק עבודות למעצבים ומאפייני חווית משתמש

בניית תיק עבודות למעצבים ומאפייני חווית משתמש

בניית תיק עבודות למעצבים ומאפייני חווית משתמש

להציג אפיון ועיצוב ללקוחות

להציג אפיון ועיצוב ללקוחות

להציג אפיון ועיצוב ללקוחות

The right way to present your designs

The right way to present your designs

The right way to present your designs

Responsive Design - New UX Methodologies

Responsive Design - New UX Methodologies

Responsive Design - New UX Methodologies

אפיון ועיצוב עמודי נחיתה

אפיון ועיצוב עמודי נחיתה

אפיון ועיצוב עמודי נחיתה

Windows phone user experience

Windows phone user experience

Windows phone user experience

לעצב באריחים

Gps presentation

Gps presentation

Gps presentation

חווית הרכב - העתיד כבר כאן

חווית הרכב - העתיד כבר כאן

חווית הרכב - העתיד כבר כאן

מאפיינים צאו מהסרט! ממשקים בסרטי מדע בדיוני

מאפיינים צאו מהסרט! ממשקים בסרטי מדע בדיוני

מאפיינים צאו מהסרט! ממשקים בסרטי מדע בדיוני

מה נשמע? ממשקי נגינה חדשניים

מה נשמע? ממשקי נגינה חדשניים

מה נשמע? ממשקי נגינה חדשניים

דברים שהלקוחות לימדו אותי

דברים שהלקוחות לימדו אותי

דברים שהלקוחות לימדו אותי

UX Storytelling - מה הסיפור שלך?

UX Storytelling - מה הסיפור שלך?

UX Storytelling - מה הסיפור שלך?

העמוד הכי חשוב בתהליך המכירה

העמוד הכי חשוב בתהליך המכירה

העמוד הכי חשוב בתהליך המכירה

עיצוב מבוסס מחוות

עיצוב מבוסס מחוות

עיצוב מבוסס מחוות

Ten-Foot User Experience | אפיון ועיצוב חווית משתמש לטלויזיה החכמה

Ten-Foot User Experience | אפיון ועיצוב חווית משתמש לטלויזיה החכמה

Ten-Foot User Experience | אפיון ועיצוב חווית משתמש לטלויזיה החכמה

אפיון חווית משתמש למטרו

אפיון חווית משתמש למטרו

אפיון חווית משתמש למטרו

מה לי ולחווית משתמש?

מה לי ולחווית משתמש?

מה לי ולחווית משתמש?

הכינותי מראש: תבניות UI לטאבלט

1.

2.

3.

4.

5.

6.

7. Master/Detail

8.

10.

11.

12.

13. Column Browse

14.

15. Parallel panels

16. Parallel panels

17.

18.

19.

20.

21.

22.

23. Palette/ Canvas

24. Palette/ Canvas

25. Palette/ Canvas

26. Palette/ Canvas

Hinweis der Redaktion

עם מקלדתטאבלט ללא מקלדת נקרא Slate
עם מקלדתטאבלט ללא מקלדת נקרא Slate
עם מקלדתטאבלט ללא מקלדת נקרא Slate
עם מקלדתטאבלט ללא מקלדת נקרא Slate
עם מקלדתטאבלט ללא מקלדת נקרא Slate
עם מקלדתטאבלט ללא מקלדת נקרא Slate
עם מקלדתטאבלט ללא מקלדת נקרא Slate
עם מקלדתטאבלט ללא מקלדת נקרא Slate
עם מקלדתטאבלט ללא מקלדת נקרא Slate
עם מקלדתטאבלט ללא מקלדת נקרא Slate