18 מגניב קונספט עיצובים (מתיחת הפנים) של אתרים בולטים
אם התוכן הוא המלך, העיצוב צריך להיות המלכה. זה מרכיב מכריע קטלני להצלחה של האתר, כפי שהוא מחליט איך התוכן הוא להיות מובנים מוצג, עיצוב רע פשוט הורס את חוויית המשתמש, ובכך גורל את התנועה באתר.
לעתים קרובות אנו מעצב אינטרנט יש לשחק משחק המסחר בזמן שאנחנו בעיצוב אתר אינטרנט. אנחנו גם הסחר יופי עבור פונקציונליות, או פונקציונליות הקריאות, כפי שזה בלתי אפשרי לייצר עיצוב זה משמח את כולם בכל היבט.
אז איזה עיצוב טוב יותר אז? מעצבי אתרים אוהבים לשאול את השאלה הזו, וחלקם אפילו אתגר לשחק את המשחק המסחר טוב יותר על ידי עיצוב מחדש של אתרים מפורסמים כגון פייסבוק ו- YouTube, ובכך יוצרים עיצובים פוטנציאליים בפוסט זה ראווה. טוב יותר או גרוע יותר, אתה בתור משתמש מחליט את זה, ליהנות!
פייסבוק
על פי הנתונים הרשמיים שלה, פייסבוק שרת למעלה מ -500 מיליון משתמשים פעילים, עם 700 מיליארד דקות בילה על זה. עבור סוג זה של סטטיסטיקה זה יהיה באמת מלחיץ לעצב דף אינטרנט עבור זה. זה יכול להיות גם את אותה הסיבה מדוע כל כך הרבה מעצבים תיגר על עצמם לעצב מחדש את פייסבוק. תן לנו לראות כמה ניסיונות גדולים של מעצבים להלן:
עיצוב קונספט מאת: ברטון סמית '
“פייסבוק Facelift הוא פרויקט יזום עצמי לאתגר את הטופס ואת הפונקציונליות של פייסבוק. זה יעיל, ממשק מובנה ליניארי הוא מובן יותר, שיפור חוויית המשתמש ואת היכולת לספוג תוכן.”
עמוד ראשי. (מקור תמונה: ברטון סמית ')
דף תמונות. (מקור תמונה: ברטון סמית ')
דף אירועים. (מקור תמונה: ברטון סמית ')
אנשי קשר. (מקור תמונה: ברטון סמית ')
דף הודעות. (מקור תמונה: ברטון סמית ')
עיצוב קונספט על ידי: אדריכלי מידע
עיצוב חדשני זה נולד מדצמבר 2006 ומאוחר יותר מותאם לסטנדרטים של עיצוב עכשווי, על מנת לקבל השוואה הוגנת עם העיצוב הנוכחי של פייסבוק. הרעיון היה ליצור יישום דמוי דואר עם ממשק המכיל אלסטי 3 עמודות פריסה המפריד בבירור מסנן, זרם מידע, ותגובה, אשר מוסברים בבירור את עמדתם.
עמוד ראשי. (מקור תמונה: אדריכלי מידע)
עיצוב קונספט מאת: ג 'סטין Dauer
“אחת המטרות העיקריות שלי היתה להזיז את הממשק לעבר יותר מצגת של אפליקציות אינטרנט. בפייסבוק יש כ -175 מיליון אנשים נכנסים מדי יום; כל המשימות החוזרות ונשנות הגלומות בשימוש כזה תורמות לצורה זו של גישה. כשהייתי עוטפת את העיצוב החדש, ממשק המשתמש החדש של טוויטר השיקה, ונתנה לי רגע של אימות דמוי סטוארט סמולי.”
עמוד ראשי. (מקור תמונה: עיצוב pseudoroom)
עיצוב קונספט מאת: פיטר Knoll
עיצוב מלוטש מאוד על ידי פיטר Knoll. הגרפיקה השתפרה מאוד כדי להפוך את האתר כולו נראה מושך ומבטיח. הממשק הוא גם הרבה יותר נקי עם טיפוגרפיה נחמד להחיל על הקריאות טוב.
עמוד ראשי. (מקור תמונה: פיטר Knoll)
עיצוב קונספט על ידי: AndasoloARTS
פייסבוק וריאציה נעשה על ידי AndasoloARTS, זה אפילו נמכר! ערכת הצבעים היא די דומה פיטר Knoll של עיצוב, אבל בסך הכל זה עיצוב אחר. שוב עיצוב אלגנטי מאוד עם מינימליזם בראש.
עמוד ראשי. (מקור תמונה: AndasoloARTS)
עיצוב קונספט מאת: ג 'ונסקה
עיצוב בהשראת עיצוב פייסבוק של AndasoloARTS, די ייחודי גם! אני אוהב את יישום שיתוף סטטוס תיבת החיפוש, וריאציה מתוכננת היטב אכן.
עמוד ראשי. (מקור תמונה: יונאסקה)
עיצוב קונספט מאת: Czarny-Design
מה דעתך על עיצוב סקסי עם פינות מעוגלות אלמנטים? גישה עיצובית ייחודית לחלוטין עבור פייסבוק עם ערכת צבעים שונה מעט, אתה יכול לקבל את זה?
עמוד ראשי. (מקור תמונה: Czarny- עיצוב)
Myspace
לאחר ההמנון של הרשתות החברתיות, Myspace נתפס בסופו של דבר על ידי המתחרה העיקרי שלה, פייסבוק. Rebranded כמו My_____ עכשיו, היא שואפת להפוך את היעד המוביל בידור חברתי הכולל מוסיקה, סרטים, סלבס, טלוויזיה ומשחקים, מופעל על ידי התשוקה של האוהדים. עיצובים מתחת ניסו עבור Myspace הישן, אבל זה עדיין נהדר לראות מה מעצב חושב Myspace צריך להיות.
עיצוב קונספט מאת: רפאל אוליביירה
“מה אם Myspace היה ברור יותר, מוגדר ממשק יפה כברירת מחדל, אבל עדיין עם אפשרות להתאים אישית את זה, אבל בצורה מובנת יותר? זאת השאלה שעשיתי לעצמי כשהתחלתי את זה, וזה יצא להיות פרויקט מגניב. מלבד העיצוב החזותי, הצעתי כמה שיפורים בשימושיות, על סמך תוכן שכבר נמצא באתר, ומסתכלים על ה- Sitemap שלהם.”
עמוד ראשי. (מקור התמונה: רפאל אוליביירה)
תפריט ערוצים. (מקור התמונה: רפאל אוליביירה)
דף תמונות. (מקור התמונה: רפאל אוליביירה)
דף פרופיל מותאם אישית. (מקור התמונה: רפאל אוליביירה)
דף אמן. (מקור התמונה: רפאל אוליביירה)
דף אמן - מותאם אישית. (מקור התמונה: רפאל אוליביירה)
דף ערוץ סרטונים. (מקור התמונה: רפאל אוליביירה)
עיבוד של למעלה ממיליארד בקשות חיפוש ברחבי העולם, Google הוא האתר המפורסם ביותר בכדור הארץ. זה ידוע גם בשם הממלכה שמנסה להשתלט על האינטרנט על ידי בניית מוצרים ידידותיים למשתמש כמו אנדרואיד, Gmail ו- Analytics. מאז גוגל יש הרבה מעצבים ברמה הגבוהה ביותר שעובדים על עיצוב האתר שלהם, כל ניסיון לעצב מחדש הוא אתגר ישיר המעצבים שלהם. מעניין.
עיצוב קונספט מאת: קרייג רוויל
“מאז גוגל החליטו אולי מחדש לעצב דברים קצת חשבתי שאני צריך ללכת על איך אני רוצה לראות ולהשתמש ב- Google. אני לא הולך פרוע על הסמלים או את הלוגו בעיקר בגלל מעצבי סמל יכול לעשות עבודה טובה יותר ואני אוהב את הלוגו פשוט ככה. כל משוב מוערך.”
עמוד ראשי. (מקור תמונה: קרייג רוויל)
דף תוצאות חיפוש. (מקור תמונה: קרייג רוויל)
דף תוצאות חיפוש - מושג שני. (מקור תמונה: קרייג רוויל)
דף תוצאות חיפוש תמונות. (מקור תמונה: קרייג רוויל)
עיצוב קונספט על ידי: FloxDesign
קצת כמו בינג, אבל בצורה אפית יותר. בכבוד רב אני רוצה לקבל את העיצוב הזה מדהים בסופו של דבר עבור הדף הראשי של Google שלי, בבקשה.
עמוד ראשי. (מקור תמונה: FloxDesign)
YouTube
מדורגת במקום השלישי במקום השלישי בתנועה באתר בארה"ב, YouTube הוא אתר לגילוי, צפייה, טעינה ושיתוף של סרטונים. רוב התוכן הועלה על ידי אנשים, אך מדיה מפורסמת כמו CBS, BBC, Vevo ו- Hulu סיפקו את הסרטונים שלהם כחלק מתוכנית השותפות של YouTube. האם אתה מעז לעצב מחדש אתר שנצפה ביותר מ -2 מיליארד פעמים ביום? הם עשו זאת.
עיצוב קונספט על ידי: Michele Byrne
עיצוב מלוטש אשר מדגיש יותר על הצפייה וידאו ושיתוף. גישה ייחודית מוחלת על עיצוב זה, אם כי ממשק המשתמש הוא קצת דומה Vimeo. ניסיון גדול בכל מקרה.
עמוד ראשי. (מקור תמונה: מישל ביירנה)
דף וידאו. (מקור תמונה: מישל ביירנה)
דף משתמש. (מקור תמונה: מישל ביירנה)
מידע וידאו. (מקור תמונה: מישל ביירנה)
סרטון מומלץ. (מקור תמונה: מישל ביירנה)
עיצוב קונספט מאת: ג 'וש קולי
“אחד הגדולים שלי gripes עם YouTube לאורך השנים כבר חוסר היכולת לחפש קטעי וידאו אחרים בעת צפייה בווידאו, כמו גם קריאת הערות מבלי את הווידאו מגלגל את החלק העליון של המסך. העיצוב להלן מנסה לפתור בעיה זו על ידי בעל 3 גלילה בנפרד עמודות כולל חיפוש, וידאו & הערות.”
עמוד ראשי. (מקור תמונה: ג 'וש קולי)
דף משתמש. (מקור תמונה: ג 'וש קולי)
עיצוב קונספט מאת: Thadeu Morgado
ניסוי מחדש עבור הדף הראשי של YouTube. הסגנון הוא פחות או יותר אותו דבר, אלא כי כל הפריסה כבר מחדש, ומחוון גדול, מלוטש נוסף כדי לתת להתמקד יותר קטעי וידאו מובלט.
עמוד ראשי. (מקור תמונה: תאידו מורגדו)
אמזון
אמזון נכנסה לאינטרנט ב -1995 ועכשיו היא הפכה לחברה רב-לאומית למסחר אלקטרוני שמכילה את מבחר הספרים הגדול ביותר, מגזינים, מוסיקה, די.וי.די., אלקטרונית, מחשב, תוכנה, נעליים, כמעט הכל! בגלל שיש להם כזה עסק ענק, מעצבים ברחבי העולם כבר אתגר את עצמם על שיפור העיצוב לעשות את זה אפילו יותר יפה וכמובן, ידידותי למשתמש.
עיצוב קונספט מאת: טרבור קליבלנד
“רציתי לחקור שלושה מושגים ייחודיים לעיצוב מחדש של דף הבית של אמזון מעל לקפל. אמזון היא אחת המובילות על אתרי קניות קו, אבל העיצוב שלהם נוזל הבית מוגדר עבור גודל צג עם ממדים קטנים, עוזב את האתר נראה מאוד שמח על מחשבים חדשים הרבה יותר עם רזולוציות גבוהות יותר. אז רציתי להציג שלושה רעיונות להביא אמזון עד מהירות.”
קונספט ראשון - דף ראשי. (מקור תמונה: טרבור קליבלנד)
קונספט ראשון - תפריט. (מקור תמונה: טרבור קליבלנד)
קונספט שני - דף ראשי. (מקור תמונה: טרבור קליבלנד)
קונספט שני - תפריט. (מקור תמונה: טרבור קליבלנד)
קונספט שלישי - דף ראשי. (מקור תמונה: טרבור קליבלנד)
קונספט שלישי - תפריט. (מקור תמונה: טרבור קליבלנד)
עיצוב קונספט מאת: מוריס Kindermann
אין ניסיון לעצב מחדש אם אין בעיה בעיצוב הנוכחי, העיצוב של אמזון Kindermann של אמזון הוא הדוגמה הטובה ביותר במקרה זה. מאוריס, שהתאכזב מהתכנון הנוכחי של אמזון, עיצב מחדש את הדף כדי לפתור שלוש בעיות: רזולוציית מסך מורחבת, אפשרות קניה מקוטעת, כמות תוכן מוצפת.
עמוד ראשי. (מקור התמונה: מוריס Kindermann)
IMDb
אתר האינטרנט של אימדיב (Internet Movie Database) הוא אתר מקוון של מידע הקשור לסרטים, תוכניות טלוויזיה, שחקנים, אנשי צוות הפקה, משחקי וידאו ותווים בדיוניים שמופיעים ב מדיה הבידור החזותי - -. עיצוב מחדש של אתר זה באופן שבו הוא מראה מידע בצורה יעילה יהיה אתגר גדול עבור מעצבי אתרים.
קונספט עיצוב מאת: ולדימיר Kudinov
“למה אין את העיצוב הנוכחי IMDB? הוא עמוס. כמות גדולה של מידע לא מובנה. בעוד רוב המשתמשים של אתרים כאלה לשים לב בעיקר לתמונות, קטעי וידאו ועוד.
אז עשיתי עיצוב נקי ומלוטש. הנה, המשתמש מקבל מסך שבו יש מידע על הסרט: תמונות, שחקנים, קדימונים, storyline ועוד. הוא לא צריך לסובב, לסובב, לקרוא. כל מה שצריך זה להסתכל על המסך.”
דף הסרט. (מקור תמונה: ולדימיר Kudinov)
תפריט. (מקור תמונה: ולדימיר Kudinov)
נגן Pop Up רכיב. (מקור תמונה: ולדימיר Kudinov)
פאנל עליון. (מקור תמונה: ולדימיר Kudinov)
עיצוב קונספט מאת: רוב הנדריקס
“זה לא קשה לראות מדוע האתר הנוכחי IMDB הוא כל כך עמוס. העובדה היא שיש להם הרבה תוכן. ארכיטקטורת מידע נכונה היתה המפתח לשינוי זה.”
עמוד ראשי. (מקור תמונה: רוב אטומית)
4
עם Foursquare, משתמשים יכולים לשתף את המיקום הנוכחי שלהם על ידי “להרשם” באמצעות יישום הטלפון החכם או SMS, סימניות מידע על המקומות והשארת הצעה רלוונטית על המקומות הסמוכים. סוחרים מקומיים גם לנצל את Foursquare לעסוק ולשמור על הלקוחות שלהם. עיצוב מחדש עבור Foursquare הוא ממש מאתגר כמו זה שירות ייחודי לחלוטין כל כך יותר מחקרים נדרשים.
עיצוב קונספט מאת: קליי פארקר ג 'ונס
קליי פארקר ג 'ונס סבור כי מפה היא תוספת nifty אמיתי לדף המשתמש של Foursquare כמו השירות הוא על כל מיקום. לחיצה על המפה תקרוס את הנתונים הסטטיסטיים אינפורמטיבי עם 4 תצוגות שונות זמין. תוספים נוספים לדף זה הם עדכונים, סימוני 'אהבתי', טיפים והצעות, כמו דף רשת חברתי רגיל!
דף משתמש. (מקור תמונה: exitcreative)
השתקפות
זה לא משנה עם העיצוב, כל משתמש לוקח זמן להתאים את העיצוב החדש. השאלה היא, בתור משתמש, אתה רוצה לשנות את כל העיצוב לעיל, או שאתה טוב עם העיצוב הנוכחי? האם לדעתך עיצוב זה פותר את בעיית חוויית המשתמש שלך? אני מאמין עיצוב אלה עשויים לקבל את דעתך, אז אתה מוזמן לחלוק את מה שאתה חושב עליהם, כל חוות דעת!
