כל הגוגל דודל של אולימפידה 2012 לונדון

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

דודל – במנוע החיפוש של גוגל נהוג להחליף מפעם לפעם את הלוגו, לכבוד חג הנחגג באותו יום, יום הולדת של דמות היסטורית, אירועים חשובים וכדומה. לוגו זה מכונה "גוגל דודל" (Google Doodle). עד לפברואר 2011 נוצרו יותר מאלף דודלים.

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

קרא עוד >>

15 ספרי UX ו-UI בחינם. שווים קריאה!

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

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

1. Search User Interfaces by Marti A. Hearst (2009)

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

————————————————————–

2. Web Style Guide by Patrick J. Lynch and Sarah Horton (1999)

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

————————————————————–

3. Designing Interfaces – Patterns for Effective Interaction Design by Jenifer Tidwell (2006)

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

————————————————————– קרא עוד >>

להורדה: תבניות לעיצוב דף פרופיל/מותג לטוויטר החדש

טוויטר עדכנו לאחרונה את הui של האתר שלהם ואיתו חלו מספר שינויים בגדלים ובGUI של הוראות העיצוב לטוויטר, במידה ויש לכם פרופיל בטוויטר רצוי שתדעו את השינויים החדשים שנכנסו לאחרונה ב-GUI של טוויטר.

עיצוב הGUI שתקבלו כאן עוצב ע"י  Jon Darke ושוחרר רשמית עבור Smashing Magazine, אז כמובן כל הקרדיט שמור להם על שיתוף והעלאה של החומר השימושי הזה.

קבצי PSD של העיצוב מכילים mockup שלם של כל עיצוב האתר באופן ווקטורי ואיכותי לשימוש איכותי ומקסימלי עבורכם.

להורדת תבנית mockup לטוויטר:

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

–  פרופיל אישי – תמונה לצפייה

–  פרופיל אישי למותגים – תמונה לצפייה

–  קובץ RAR להורדת כל החומרים – להורדה

תכונות:

–  100% דיוק ברמת הפיקסל

–  2 גירסאות להורדה, פרופיל ופרופיל למותג.

–  כל האלמנטים הגרפים בעיצוב ציורו באיכות ווקטורית.

–  כל השכבות והתיקיות מסודרות לפי נושא

–  קובץ מותאם לגירסאת CS4+

50 דוגמאות לאתרים מבוססי עיצוב מגיב/גמיש

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

ציטוט קצר על ההגדרה:

עיצוב מגיב או עיצוב גמיש (Responsive Design) – עד היום לא בחרו שם רשמי בשפה העברית למונח הזה, מדובר בעיצוב שמגיב בהתאם לסביבה ורזולוציה שבה הגולש נמצא, לצורך העניין הרזולוציה במסך מחשב בגודל 22 אינץ שונה מהרזולוציה שיש באייפון / באייפד כנ"ל גם אם נטה את האייפון / אייפד לרוחב נקבל רזולוציה נוספת  ולכן יש צורך לבצע התאמה של האתר להתקנים אלו כדי שאנחנו ההגולשים נוכל לנווט ולגלוש בקלות באתר מהתקנים השונים, את הזיהוי של ההתקנים מבצעים באמצעות שורת קוד ב-CSS, שיודעת לזהות מאיזה התקן ורזולוציה הגולש הגיע ובהתאם לכך לבחור את תצוגת האתר המתאימה ביותר.

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

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

דוגמאות לעיצוב מגיב

Simon Collison

Andersson-Wise Architects

Stephen Caver

Sparkbox

קרא עוד >>

אינפוגרפיקה המדריך לחיפוש קריירה בתחום ה-UX

אני מאמין שרובכם שומעים או רואים לאחרונה המון פעמים את צירוף המילים UI/UX ואתם שואלים את עצמכם מה זה בעצם אומר…

UX זה קיצור של user experience או בעברית חווית משתמש,

אז מה זה בעצם חווית משתמש ואיך זה קשור אלינו הגולשים/המשתמשים?

ע"פ ההגדרה של נילסן נורמון:

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

אני ממליץ לכם לקרוא על הנושא בהרחבה בפוסט שפורסם ב-UXI ,

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

תחום חווית המשתמש מתפתח בשנים האחרונות בקצב נורא מהיר והפך לתחום נורא נחשק, באינפוגרפיקה הבאה תוכלו לקבל מידע אודות תפקידי UX השונים, המשכורות בשוק, המקומות שבהם יש דרישה למקצוע ועוד…

קרא עוד >>