SlideShare una empresa de Scribd logo

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

•
•
Lior Yair
Lior Yair

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

1 de 31
Master/Detail
Gmail
Column Browse
Parallel panels
Parallel panels
Palette/ Canvas
Palette/ Canvas
Palette/ Canvas
Palette/ Canvas
הכינותי מראש: תבניות UI לטאבלט
הכינותי מראש: תבניות UI לטאבלט
הכינותי מראש: תבניות UI לטאבלט
הכינותי מראש: תבניות UI לטאבלט
הכינותי מראש: תבניות UI לטאבלט

Recomendados

Lina cuadros
Lina cuadrosLina cuadros
Lina cuadrosluisayaffi
 
Literasi bahasa
Literasi bahasaLiterasi bahasa
Literasi bahasajk1881
 
Custom Kids Menus/Activity Sheets Samples
Custom Kids Menus/Activity Sheets SamplesCustom Kids Menus/Activity Sheets Samples
Custom Kids Menus/Activity Sheets SamplesMenuMan
 
Environment Education Resource Kit
Environment Education Resource KitEnvironment Education Resource Kit
Environment Education Resource KitAshley Onori
 
Directorio opticas
Directorio opticasDirectorio opticas
Directorio opticasAldonza Murcia
 
Manual palm treo_650_es
Manual palm treo_650_esManual palm treo_650_es
Manual palm treo_650_esboldonesio
 
nanobiotecnologia en celulas madres
nanobiotecnologia en celulas madresnanobiotecnologia en celulas madres
nanobiotecnologia en celulas madresSebastian Mora
 
Computacion
ComputacionComputacion
ComputacionOmar Huerta García
 

Recomendados

Lina cuadros
Lina cuadrosLina cuadros
Lina cuadrosluisayaffi
 
Literasi bahasa
Literasi bahasaLiterasi bahasa
Literasi bahasajk1881
 
Custom Kids Menus/Activity Sheets Samples
Custom Kids Menus/Activity Sheets SamplesCustom Kids Menus/Activity Sheets Samples
Custom Kids Menus/Activity Sheets SamplesMenuMan
 
Environment Education Resource Kit
Environment Education Resource KitEnvironment Education Resource Kit
Environment Education Resource KitAshley Onori
 
Directorio opticas
Directorio opticasDirectorio opticas
Directorio opticasAldonza Murcia
 
Manual palm treo_650_es
Manual palm treo_650_esManual palm treo_650_es
Manual palm treo_650_esboldonesio
 
nanobiotecnologia en celulas madres
nanobiotecnologia en celulas madresnanobiotecnologia en celulas madres
nanobiotecnologia en celulas madresSebastian Mora
 
Computacion
ComputacionComputacion
ComputacionOmar Huerta García
 
Siddharth_Shete
Siddharth_SheteSiddharth_Shete
Siddharth_SheteSiddharth Shete
 
0911
09110911
0911tadashi izuno
 
Formación y tecnologías en accesibilidad para la Universidad
Formación y tecnologías en accesibilidad para la UniversidadFormación y tecnologías en accesibilidad para la Universidad
Formación y tecnologías en accesibilidad para la UniversidadGrupo HULAT
 
Desarrollo-glandulas
Desarrollo-glandulasDesarrollo-glandulas
Desarrollo-glandulasVinicio Lema
 
A morte do wolverine #01
A morte do wolverine #01 A morte do wolverine #01
A morte do wolverine #01 OutboxComics
 
Realms of Creativity
Realms of Creativity Realms of Creativity
Realms of Creativity David Memorial Institute of Management
 
Terapia fisica quim 2
Terapia fisica quim 2Terapia fisica quim 2
Terapia fisica quim 2Jenny 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
__ATTACHMENT A - Mixed Use Recommendations Ventura_sample with intro RREvan Evangelopoulos
 
Ensayo bienestar laboral.gth
Ensayo bienestar laboral.gthEnsayo bienestar laboral.gth
Ensayo bienestar laboral.gthEstefania 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 ...
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 depresionComo vencer la depresion
Como vencer la depresionCarlos Martinez
 
Cómo dar clase a los que no quieren
Cómo dar clase a los que no quierenCómo dar clase a los que no quieren
Cómo dar clase a los que no quierenCPR de Avilés - Occidente
 
Vacunas en adolescentes
Vacunas en adolescentesVacunas en adolescentes
Vacunas en adolescentesJavier González de Dios
 
Exposicion telefono movil
Exposicion telefono movilExposicion telefono movil
Exposicion telefono movilMayerly Mosquera
 
Solucionarios P.I 1
Solucionarios P.I 1Solucionarios P.I 1
Solucionarios P.I 1Gustavo Dongo
 
ININ_Thesenpapier 2016
ININ_Thesenpapier 2016ININ_Thesenpapier 2016
ININ_Thesenpapier 2016Maria Peschek
 
מנהלים את הדור החדש
מנהלים את הדור החדשמנהלים את הדור החדש
מנהלים את הדור החדשLior Yair
 
How to create the best wireframes
How to create the best wireframesHow to create the best wireframes
How to create the best wireframesLior Yair
 
בניית תיק עבודות למעצבים ומאפייני חווית משתמש
בניית תיק עבודות למעצבים ומאפייני חווית משתמשבניית תיק עבודות למעצבים ומאפייני חווית משתמש
בניית תיק עבודות למעצבים ומאפייני חווית משתמשLior Yair
 
להציג אפיון ועיצוב ללקוחות
להציג אפיון ועיצוב ללקוחותלהציג אפיון ועיצוב ללקוחות
להציג אפיון ועיצוב ללקוחותLior Yair
 
The right way to present your designs
The right way to present your designs The right way to present your designs
The right way to present your designs Lior Yair
 
Responsive Design - New UX Methodologies
Responsive Design - New UX Methodologies Responsive Design - New UX Methodologies
Responsive Design - New UX Methodologies Lior Yair
 

Más contenido relacionado

Destacado

Formación y tecnologías en accesibilidad para la Universidad
Formación y tecnologías en accesibilidad para la UniversidadFormación y tecnologías en accesibilidad para la Universidad
Formación y tecnologías en accesibilidad para la UniversidadGrupo HULAT
 
Desarrollo-glandulas
Desarrollo-glandulasDesarrollo-glandulas
Desarrollo-glandulasVinicio Lema
 
A morte do wolverine #01
A morte do wolverine #01 A morte do wolverine #01
A morte do wolverine #01 OutboxComics
 
__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
__ATTACHMENT A - Mixed Use Recommendations Ventura_sample with intro RREvan Evangelopoulos
 
Ensayo bienestar laboral.gth
Ensayo bienestar laboral.gthEnsayo bienestar laboral.gth
Ensayo bienestar laboral.gthEstefania 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 ...
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 depresionComo vencer la depresion
Como vencer la depresionCarlos Martinez
 
ININ_Thesenpapier 2016
ININ_Thesenpapier 2016ININ_Thesenpapier 2016
ININ_Thesenpapier 2016Maria Peschek
 

Destacado (16)

Siddharth_Shete
Siddharth_SheteSiddharth_Shete
Siddharth_Shete
 
0911
09110911
0911
 
Formación y tecnologías en accesibilidad para la Universidad
Formación y tecnologías en accesibilidad para la UniversidadFormación y tecnologías en accesibilidad para la Universidad
Formación y tecnologías en accesibilidad para la Universidad
 
Desarrollo-glandulas
Desarrollo-glandulasDesarrollo-glandulas
Desarrollo-glandulas
 
A morte do wolverine #01
A morte do wolverine #01 A morte do wolverine #01
A morte do wolverine #01
 
Realms of Creativity
Realms of Creativity Realms of Creativity
Realms of Creativity
 
Terapia fisica quim 2
Terapia fisica quim 2Terapia 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
__ATTACHMENT A - Mixed Use Recommendations Ventura_sample with intro RR
 
Ensayo bienestar laboral.gth
Ensayo bienestar laboral.gthEnsayo 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 ...
Neurotecnología de realidad aumentada aplicada a la educación cartagena 2 de ...
 
Como vencer la depresion
Como vencer la depresionComo vencer la depresion
Como vencer la depresion
 
Cómo dar clase a los que no quieren
Cómo dar clase a los que no quierenCómo dar clase a los que no quieren
Cómo dar clase a los que no quieren
 
Vacunas en adolescentes
Vacunas en adolescentesVacunas en adolescentes
Vacunas en adolescentes
 
Exposicion telefono movil
Exposicion telefono movilExposicion telefono movil
Exposicion telefono movil
 
Solucionarios P.I 1
Solucionarios P.I 1Solucionarios P.I 1
Solucionarios P.I 1
 
ININ_Thesenpapier 2016
ININ_Thesenpapier 2016ININ_Thesenpapier 2016
ININ_Thesenpapier 2016
 

Más de Lior Yair

מנהלים את הדור החדש
מנהלים את הדור החדשמנהלים את הדור החדש
מנהלים את הדור החדשLior Yair
 
How to create the best wireframes
How to create the best wireframesHow to create the best wireframes
How to create the best wireframesLior Yair
 
בניית תיק עבודות למעצבים ומאפייני חווית משתמש
בניית תיק עבודות למעצבים ומאפייני חווית משתמשבניית תיק עבודות למעצבים ומאפייני חווית משתמש
בניית תיק עבודות למעצבים ומאפייני חווית משתמשLior Yair
 
להציג אפיון ועיצוב ללקוחות
להציג אפיון ועיצוב ללקוחותלהציג אפיון ועיצוב ללקוחות
להציג אפיון ועיצוב ללקוחותLior Yair
 
The right way to present your designs
The right way to present your designs The right way to present your designs
The right way to present your designs Lior Yair
 
Responsive Design - New UX Methodologies
Responsive Design - New UX Methodologies Responsive Design - New UX Methodologies
Responsive Design - New UX Methodologies Lior Yair
 
אפיון ועיצוב עמודי נחיתה
אפיון ועיצוב עמודי נחיתהאפיון ועיצוב עמודי נחיתה
אפיון ועיצוב עמודי נחיתהLior Yair
 
Windows phone user experience
Windows phone user experienceWindows phone user experience
Windows phone user experienceLior Yair
 
לעצב באריחים
לעצב באריחיםלעצב באריחים
לעצב באריחיםLior Yair
 
Gps presentation
Gps presentationGps presentation
Gps presentationLior Yair
 
חווית הרכב - העתיד כבר כאן
חווית הרכב - העתיד כבר כאן חווית הרכב - העתיד כבר כאן
חווית הרכב - העתיד כבר כאןLior Yair
 
מאפיינים צאו מהסרט! ממשקים בסרטי מדע בדיוני
מאפיינים צאו מהסרט! ממשקים בסרטי מדע בדיונימאפיינים צאו מהסרט! ממשקים בסרטי מדע בדיוני
מאפיינים צאו מהסרט! ממשקים בסרטי מדע בדיוניLior Yair
 
מה נשמע? ממשקי נגינה חדשניים
מה נשמע? ממשקי נגינה חדשנייםמה נשמע? ממשקי נגינה חדשניים
מה נשמע? ממשקי נגינה חדשנייםLior Yair
 
דברים שהלקוחות לימדו אותי
דברים שהלקוחות לימדו אותידברים שהלקוחות לימדו אותי
דברים שהלקוחות לימדו אותיLior Yair
 
UX Storytelling - מה הסיפור שלך?
UX Storytelling - מה הסיפור שלך?UX Storytelling - מה הסיפור שלך?
UX Storytelling - מה הסיפור שלך?Lior Yair
 
העמוד הכי חשוב בתהליך המכירה
העמוד הכי חשוב בתהליך המכירההעמוד הכי חשוב בתהליך המכירה
העמוד הכי חשוב בתהליך המכירהLior Yair
 
עיצוב מבוסס מחוות
עיצוב מבוסס מחוותעיצוב מבוסס מחוות
עיצוב מבוסס מחוותLior Yair
 
Ten-Foot User Experience | אפיון ועיצוב חווית משתמש לטלויזיה החכמה
Ten-Foot User Experience | אפיון ועיצוב חווית משתמש לטלויזיה החכמהTen-Foot User Experience | אפיון ועיצוב חווית משתמש לטלויזיה החכמה
Ten-Foot User Experience | אפיון ועיצוב חווית משתמש לטלויזיה החכמהLior Yair
 
אפיון חווית משתמש למטרו
אפיון חווית משתמש למטרו אפיון חווית משתמש למטרו
אפיון חווית משתמש למטרו Lior Yair
 
מה לי ולחווית משתמש?
מה לי ולחווית משתמש?מה לי ולחווית משתמש?
מה לי ולחווית משתמש?Lior Yair
 

Más de Lior Yair (20)

מנהלים את הדור החדש
מנהלים את הדור החדשמנהלים את הדור החדש
מנהלים את הדור החדש
 
How to create the best wireframes
How to create the best wireframesHow 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
The right way to present your designs
 
Responsive Design - New UX Methodologies
Responsive Design - New UX Methodologies Responsive Design - New UX Methodologies
Responsive Design - New UX Methodologies
 
אפיון ועיצוב עמודי נחיתה
אפיון ועיצוב עמודי נחיתהאפיון ועיצוב עמודי נחיתה
אפיון ועיצוב עמודי נחיתה
 
Windows phone user experience
Windows phone user experienceWindows phone user experience
Windows phone user experience
 
לעצב באריחים
לעצב באריחיםלעצב באריחים
לעצב באריחים
 
Gps presentation
Gps presentationGps presentation
Gps presentation
 
חווית הרכב - העתיד כבר כאן
חווית הרכב - העתיד כבר כאן חווית הרכב - העתיד כבר כאן
חווית הרכב - העתיד כבר כאן
 
מאפיינים צאו מהסרט! ממשקים בסרטי מדע בדיוני
מאפיינים צאו מהסרט! ממשקים בסרטי מדע בדיונימאפיינים צאו מהסרט! ממשקים בסרטי מדע בדיוני
מאפיינים צאו מהסרט! ממשקים בסרטי מדע בדיוני
 
מה נשמע? ממשקי נגינה חדשניים
מה נשמע? ממשקי נגינה חדשנייםמה נשמע? ממשקי נגינה חדשניים
מה נשמע? ממשקי נגינה חדשניים
 
דברים שהלקוחות לימדו אותי
דברים שהלקוחות לימדו אותידברים שהלקוחות לימדו אותי
דברים שהלקוחות לימדו אותי
 
UX Storytelling - מה הסיפור שלך?
UX Storytelling - מה הסיפור שלך?UX Storytelling - מה הסיפור שלך?
UX Storytelling - מה הסיפור שלך?
 
העמוד הכי חשוב בתהליך המכירה
העמוד הכי חשוב בתהליך המכירההעמוד הכי חשוב בתהליך המכירה
העמוד הכי חשוב בתהליך המכירה
 
עיצוב מבוסס מחוות
עיצוב מבוסס מחוותעיצוב מבוסס מחוות
עיצוב מבוסס מחוות
 
Ten-Foot User Experience | אפיון ועיצוב חווית משתמש לטלויזיה החכמה
Ten-Foot User Experience | אפיון ועיצוב חווית משתמש לטלויזיה החכמהTen-Foot User Experience | אפיון ועיצוב חווית משתמש לטלויזיה החכמה
Ten-Foot User Experience | אפיון ועיצוב חווית משתמש לטלויזיה החכמה
 
אפיון חווית משתמש למטרו
אפיון חווית משתמש למטרו אפיון חווית משתמש למטרו
אפיון חווית משתמש למטרו
 
מה לי ולחווית משתמש?
מה לי ולחווית משתמש?מה לי ולחווית משתמש?
מה לי ולחווית משתמש?
 

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

Notas del editor

  1. עם מקלדתטאבלט ללא מקלדת נקרא Slate
  2. עם מקלדתטאבלט ללא מקלדת נקרא Slate
  3. עם מקלדתטאבלט ללא מקלדת נקרא Slate
  4. עם מקלדתטאבלט ללא מקלדת נקרא Slate
  5. עם מקלדתטאבלט ללא מקלדת נקרא Slate
  6. עם מקלדתטאבלט ללא מקלדת נקרא Slate
  7. עם מקלדתטאבלט ללא מקלדת נקרא Slate
  8. עם מקלדתטאבלט ללא מקלדת נקרא Slate
  9. עם מקלדתטאבלט ללא מקלדת נקרא Slate
  10. עם מקלדתטאבלט ללא מקלדת נקרא Slate