כיצד ליצור עיצוב יישום בעידן של מסכי ענק

לאחר מספר שנים של עימות, אפל סוף סוף הודיע ​​iPhone 6אשר יכול להיחשב כמקור בעידן של מסכים גדול. העובדה שמשתמשת כמו תכנית זו אפל רקורדס על המכירות הראשונות, אבל בלעדיהם ברור כי מכשירי iPhone "הגדולים" מפורק כמו לחמניות חמות.

נראה כי משתמשים בקרוב לנטוש המסך ב3.5- ו 4 האינץ 'הישן שלהם, והתהליך ימשיך מהר מאוד. ומכיוון מפתחים ניידים, מעצבי אתרים, ואנשי מקצוע אחר צריכים לייעל את מוצריהם וללמוד דברים חדשים.

תהליך המעבר למכשירים ניידים עם אלכסון גדול כבר החל. דו"ח בנצ'מרק Mobile 2014 של Adobe מעיד על מכשירים לגלישה באתרים אלכסוניים פחות מ 4 אינץ הירד ב 11%. לכן, כעת ההבנה של איך ליצור עיצוב ידידותי למשתמש לתפעול ביד אחת, חשובה יותר מאי פעם.

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

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

עיצוב עבור אגודלים

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

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

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

• מחד גיסא - 49%
• Cradle - 36%
• שתי ידיים - 15%

אחיזה דומיננטית שמאלה או יד ימין היא גם די מעניינת:

• תקין - 67%
• שמאל - 33%

הובר אמר כי מספר האיטרים על המספר הכולל של משיבים היה רק ​​10% ואת הדמות הגבוהה יותר בתוצאות הניסוי בשל העובדה כי אנשים להחזיק את הטלפון ביד שמאל כאשר הזכות לעסוק במקרה אחר - בזמן העישון, רכיבה על אופניים, בזמן הארוחה וכו '

אגודל Zone

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

השוואה מפורטת יותר של 6 iPhone ו- iPhone 6 פלוס:

כפי שניתן לראות, "בטוח" Green Zone נותר כמעט ללא שינוי (על iPhone 6 פלוס קצת מאוחר יותר). הסיבה לכך היא האצבעות שלנו ולא ניתן למתוח בנס כדי להתאים את גודל המסך. זה עצוב, כי כילד אהבתי לשחק עבור Dhalsim'a ב סטריט פייטר.

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

תִצבּוֹרֶת

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

אתם מבינים, iPhone 6 Plus היא, בגלל הגודל הגדול, נמצאת בעמדה טובה יותר במצב הזה, ואילו 6 iPhone רק שטח המסך "הסוף".

reachability

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

אבל איך נראה reachability עם גבי ה- iPhone 6 פלוס באזור אצבע:

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

והנה עוד נקודה מעניינת, אשר נקודות ג'ון גרובר:

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

זה מה מונח על כף המאזניים.

מה כל זה אומר?

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

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

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

באמצעות