עיצוב אתר לעמותה

  • הוסף לסימניות
  • #1
מאז שגיליתי את נפלאות אתר האינוויז'ן להגשת עיצוב ללקוח בצורה אינטואיטיבית זה מה שאני עושה.
מה דעתכם על העיצוב? זה לא בנוי, זו רק מצגת.
הקישורים פעילים.
אני מגישה את זה מחר כפרוייקט סיום בקורס UX/UI שלקחתי.

עיצוב לדסקטופ:
https://invis.io/3C8K8V3QF

עיצוב לטאבלט
https://invis.io/YA8K8VEVQ

למובייל:
https://invis.io/D38K8V8EY

ממליצה לכל בוני ומעצבי האתרים, ללמוד להשתמש באינוויז'ן. זה מעולה להצגת פרוטוטייפים וכמובן גם עיצוב
 
  • הוסף לסימניות
  • #2
נכתב ע"י תמנתי;2230149:
מה דעתכם על העיצוב?
יפה מאוד מאוד!

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

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

Invision בהחלט סביבה נהדרת, מצטרף להמלצה.
בהצלחה!
 
  • הוסף לסימניות
  • #4
נכתב ע"י s976;2230508:
יפה מאוד מאוד!

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

כתוב מיד בהתחלה על חיפוש ערכים.
זה לא מספיק ברור?
זו מערכת לחיפוש ערכים תורניים.
 
  • הוסף לסימניות
  • #5
נכתב ע"י israel;2230549:
עיצוב טוב, נינוח.

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

Invision בהחלט סביבה נהדרת, מצטרף להמלצה.
בהצלחה!

אולי באמת אכתוב את המשפט בהירו, בצורה יותר ברורה.
תודה על ההערות לך ול s976
 
  • הוסף לסימניות
  • #6
אגב, אפשר ללחוץ על הפס של החיפוש בדסקטופ ולהגיע למסכים אחרים של חיפוש
 
  • הוסף לסימניות
  • #7
נכתב ע"י תמנתי;2230709:
כתוב מיד בהתחלה על חיפוש ערכים.
זה לא מספיק ברור?
זו מערכת לחיפוש ערכים תורניים.
לעניות דעתי זה לא ברור בכלל. יש כל מיני ערכים...
גם אם יהיה כתוב בצורה מפורשת שמדובר ב"ערכים תורניים" - זה גם לא ברור.
הניסוח פשוט לא קולע.
אולי הכוונה לערכים המוסריים של התורה?

אלא שהיה מקום להגיד, שהרי הגולשים לא נופלים לאתר מהירח, ומן הסתם הם כבר יודעים לבד מה מחכה להם. ואולי לא צריך להסביר לא כך.
זו באמת שאלה טובה - מי שמוכר מוצר או מציע שירות - עד כמה (אם בכלל) צריך להסביר לגולש לאן הוא הגיע.
עשיתי בדיקה קצרה:
https://nodejs.org/en/
http://getbootstrap.com/
http://www.php.net/
https://wordpress.org/

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

לפעמים לא רוצים למלאות את הדף הראשי בתוכן המיועד לאלה שלא מכירים את המוצר (וזה עלול אולי להפריע למשתמשים הקבועים של השירות). תראו מה שעשו ברשת stackexchange.com
כאשר אתה נכנס לאתר בפעמים הראשונות (או אולי כל עוד שלא נרשמת) מוצג לך חלון גדול בחלק העליון של הדף הראשי, בו מוסבר בדיוק לאן הגעת ואיזו תועלת תוכל להפיק מזה.
 
  • הוסף לסימניות
  • #8
עיצוב יפה.
בונה את זה על פוג'ו?

תודה על ההמלצה על Invision, לא הכרתי.
איך זה עובד? מעצבים בפוטושופ ומעבירים את העיצוב לשם? או שמעצבים ישר בתוכנה הזו?
 
  • הוסף לסימניות
  • #9
נכתב ע"י s976;2230893:
לעניות דעתי זה לא ברור בכלל. יש כל מיני ערכים...
גם אם יהיה כתוב בצורה מפורשת שמדובר ב"ערכים תורניים" - זה גם לא ברור.
הניסוח פשוט לא קולע.
אולי הכוונה לערכים המוסריים של התורה?

אלא שהיה מקום להגיד, שהרי הגולשים לא נופלים לאתר מהירח, ומן הסתם הם כבר יודעים לבד מה מחכה להם. ואולי לא צריך להסביר לא כך.
זו באמת שאלה טובה - מי שמוכר מוצר או מציע שירות - עד כמה (אם בכלל) צריך להסביר לגולש לאן הוא הגיע.
עשיתי בדיקה קצרה:
https://nodejs.org/en/
http://getbootstrap.com/
http://www.php.net/
https://wordpress.org/

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

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

צודק, תיקנתי בעמוד הבית.
בבאנר כתבתי מה החיפוש.
תודה רבה על ההארות
 
  • הוסף לסימניות
  • #10
נכתב ע"י רבקהm;2231438:
עיצוב יפה.
בונה את זה על פוג'ו?

תודה על ההמלצה על Invision, לא הכרתי.
איך זה עובד? מעצבים בפוטושופ ומעבירים את העיצוב לשם? או שמעצבים ישר בתוכנה הזו?

מעצבים בפוטושופ ומעבירים לשם את קבצי ה JPG

ואני שוקלת לבנות בדיבי החדשה שיצאה.
אומרים שהיא משהו משהו
 

פרוגבוט

תוכן שיווקי
פרסומת

פוסטים חדשים שאולי לא קראת....

אשכולות דומים

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

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

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

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

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

חובה לבצע אפיון מדויק לרמת ה 80% 90% לפחות,
היתרונות של אפיון מוקדם הם אינסופיים, כנ"ל עיצוב,

אז אחרי שיחת אפיון של שעתיים +, ויצירת מפת אתר,
ומסמך מפורט על הרשאות, הגיע זמן העיצוב,

רק בשביל להבין את הסדר גודל,
מדובר בעיצוב של 30+ מסכים לדסקטופ,
ועוד 30+ מסכים למובייל,
לפני ההדמיות, הנה כל העיצוב כ'מקשה אחת',
מערכת דירוגע (2).png

מערכת דירוגע (1) (1).png


ועכשיו, להדמיות,
דף הבית:
Group 15.png

Group 15 (1).png

Group 15 (2).png


אזורים אישיים שונים:
Group 15 (3).png

Group 15 (5).png


דשבורד נדל"ן:
Group 15 (6).png

Group 17.png

הצטרפות לניוזלטר

איזה כיף שהצטרפתם לניוזלטר שלנו!

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

לוח מודעות

הפרק היומי

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


תהילים פרק כה

אלְדָוִד אֵלֶיךָ יי נַפְשִׁי אֶשָּׂא:באֱלֹהַי בְּךָ בָטַחְתִּי אַל אֵבוֹשָׁה אַל יַעַלְצוּ אֹיְבַי לִי:גגַּם כָּל קוֶֹיךָ לֹא יֵבֹשׁוּ יֵבֹשׁוּ הַבּוֹגְדִים רֵיקָם:דדְּרָכֶיךָ יי הוֹדִיעֵנִי אֹרְחוֹתֶיךָ לַמְּדֵנִי:ההַדְרִיכֵנִי בַאֲמִתֶּךָ וְלַמְּדֵנִי כִּי אַתָּה אֱלֹהֵי יִשְׁעִי אוֹתְךָ קִוִּיתִי כָּל הַיּוֹם:וזְכֹר רַחֲמֶיךָ יי וַחֲסָדֶיךָ כִּי מֵעוֹלָם הֵמָּה:זחַטֹּאות נְעוּרַי וּפְשָׁעַי אַל תִּזְכֹּר כְּחַסְדְּךָ זְכָר לִי אַתָּה לְמַעַן טוּבְךָ יי:חטוֹב וְיָשָׁר יי עַל כֵּן יוֹרֶה חַטָּאִים בַּדָּרֶךְ:טיַדְרֵךְ עֲנָוִים בַּמִּשְׁפָּט וִילַמֵּד עֲנָוִים דַּרְכּוֹ:יכָּל אָרְחוֹת יי חֶסֶד וֶאֱמֶת לְנֹצְרֵי בְרִיתוֹ וְעֵדֹתָיו:יאלְמַעַן שִׁמְךָ יי וְסָלַחְתָּ לַעֲוֹנִי כִּי רַב הוּא:יבמִי זֶה הָאִישׁ יְרֵא יי יוֹרֶנּוּ בְּדֶרֶךְ יִבְחָר:יגנַפְשׁוֹ בְּטוֹב תָּלִין וְזַרְעוֹ יִירַשׁ אָרֶץ:ידסוֹד יי לִירֵאָיו וּבְרִיתוֹ לְהוֹדִיעָם:טועֵינַי תָּמִיד אֶל יי כִּי הוּא יוֹצִיא מֵרֶשֶׁת רַגְלָי:טזפְּנֵה אֵלַי וְחָנֵּנִי כִּי יָחִיד וְעָנִי אָנִי:יזצָרוֹת לְבָבִי הִרְחִיבוּ מִמְּצוּקוֹתַי הוֹצִיאֵנִי:יחרְאֵה עָנְיִי וַעֲמָלִי וְשָׂא לְכָל חַטֹּאותָי:יטרְאֵה אוֹיְבַי כִּי רָבּוּ וְשִׂנְאַת חָמָס שְׂנֵאוּנִי:כשָׁמְרָה נַפְשִׁי וְהַצִּילֵנִי אַל אֵבוֹשׁ כִּי חָסִיתִי בָךְ:כאתֹּם וָיֹשֶׁר יִצְּרוּנִי כִּי קִוִּיתִיךָ:כבפְּדֵה אֱלֹהִים אֶת יִשְׂרָאֵל מִכֹּל צָרוֹתָיו:
נקרא  2  פעמים
למעלה