מערכות וממשק UX UI

10 פוסטים

מערכת בית חולים לניאדו, זוכת IT AWARDS 2020

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




בנק הדם

מערכת בנק הדם עבור חברת ilex, המפתחת מערכת חדשנית לניהול תחום מנות דם בבתי חולים בארץ ובעולם.

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

הנה מקצת מהמסכים:

campusM

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

 

 

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

העידוד והקריאה של המערכת : "בואו תשתמשו במגוון אופציות עיצוביות" התבטאה במספר אופנים: עיצוב שמונה layouts המוצגים כסמל גרפי מתומצת, כל אחד מהם מציע פתרון גרפי שונה, למשל cards לגריד כרטיסיות, event להצגה של אירוע, article לפורמט של מאמר ועוד. פלטה הצבעונית של campusM – כתום ואפור נבחרה להציג את אופציות הגריד השונות באופן נקי ופשוט.

 

 

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

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

 

ExLibris Collection Viewer

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

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

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

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

 

 

 

 

Alma System

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

 

ExLibris Knowledge Center

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

עיצוב: שירי פיורוביץ. תכנות ובניה: לימור שמייסר.

 

 

 

עסקים – מערכת מרכזיה

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

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

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

 

 

Idea

בניית מערכת אייקונים מסועפת המונה כ-200 אייקונים לאידאה- מערכת קטלוג לספריות, מוזאונים וארכיוני מידע. שפה עיצובית-צבעונית ידידותית ובהירה. הושם דגש על נגישות המערכת והתאמתה לקהלי יעד שונים. האייקונים נבנו הותאמו לשני מצבים: סקלה צבעונית לאייקונים פעילים וסקלת אפורים – grayscale לאייקונים בלתי פעילים.

 

 

ExLibris – Idea Exchange

Idea Exchange הינה פלטפורמת User Voice – החלפת רעיונות ושיפורים אותם מציעים משתמשי ארבעת המערכות המובילות של אקסליבריס: פרימו, אלמה, רוזטה וקמפוסM. המערכת מייצרת תקשורת פתוחה בין המשתמשים למפתחי המערכות ומאיצה את התפתחות הממשקים והתאמתם לצרכי המשתמשים. העיצוב שואף לבהירות והנעה לפעולה- הזמנת המשתמשים להביע את דעתם במגוון אמצעי תקשורת.

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

 

 

 

 

אורנטק

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