פשוט. שימושי   על אנשים, מחשבים והמסכים שביניהם

ארכיון חודשי: יוני, 2009

תבניות-עיצוב לממשק ב-Smashing Magazine

תבניות-עיצוב, Design Patterns,  הן פתרונות מוּכּרים לבעיות נפוצות. זה מושג שמוכר בדרך-כלל בעולם הנדסת התוכנה, ובשנים האחרונות החלו לקום אתרים שמגדירים כאלה גם עבור ממשק המשתמש. הם מציגים תבניות-עיצוב כמו פרורי לחם  – breadcrumbs (כמה מוזרים התרגומים לעברית), אשפים – wizards, דירוג – rating, עצים ואחרים. את התבניות צריך להתאים בדרך-כלל לכל יישום, אבל הן יכולות לשמש גם כהתחלה טובה, בסיס לממשק, וגם כהשראה לרעיונות חדשים.

הגֶשטָאלט של הממשק

הגשטאלטיסטים היו שלושה פסיכולוגים גרמניים, Koffka, Köhler ו-Wertheimer שפעלו בשנות ה-30 וה-40 של המאה העשרים. הם פיתחו מספר כללים שמתארים את האופן שבו המוח שלנו מפענח את הצורה והארגון של אובייקטים. הכללים שהם פיתחו נכונים גם היום, ואפשר לראות ולבחון אותם בכל ממשק משתמש ואתר אינטרנט. הבנה ושימוש נכון בכללי הגשטאלט מאפשר שליטה יותר טובה בארגון של הממשק, בעומס הקוגניטיבי שהוא יוצר אצל הצופה, ובמה שהוא משדר.

יוטיוב כממשק משתמש

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

אז הנה לכם, ממשק לאתר בית מבוסס-יוטיוב. רק יוטיוב.

איך מעצבים טפסים? (חלק 4 ואחרון)

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

קישורים לכל הפוסטים בסדרה:

חלק ראשון: זרימה בטופס ויישור תוויות.

חלק שני: עזרה והסברים, ובדיקות תקינוּת (וָלידציות).

חלק שלישי: פעולה ראשית ופעולות משניות, ומספר השדות בטופס.

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