Facebook преработи един дълбок анализ на независимите дизайни

Има какво да научим, като изучаваме работата на други дизайнери. Това важи както за професионални проекти, така и за специални проекти за съществуващи уебсайтове. Големи сайтове като Facebook служат за много специфичен потребителски опит с някои добри елементи и други не толкова добри елементи. В този пост бих искал разгледайте различни редизайн на Facebook, за да анализирате концепциите на интерфейса които биха могли да подобрят текущото потребителско изживяване.

Бях извадил шепа персонализирани редизайн на FB от потребителите на Dribbble, всеки с специфични подобрения и актуализирани елементи на потребителския интерфейс. Вземете под внимание тези идеи за това как изглеждат те, как биха могли да функционират и как те могат да повлияят на използваемостта ако се изпълнява на живо във Facebook.

Оптимизирана страница на потребителския профил

Редизайнът на тази страница на профила идва от Харис Юсович, дизайнер от балканския регион на Европа.

В този дизайн той поставя повече внимание върху простотата, като подчертава собственика на страницата с още един изтъкната снимка в заглавната част и снимка на профила.

Графичните постове могат да бъдат сортирани по “скорошен” или “популярен” въз основа на вашите предпочитания. Това е голямо за използваемостта, особено в резултат на негативната реакция на Twitter срещу наскоро променения алгоритъм.

Също така много от бутоните се показват по-големи с допълнителна подложка и по-голяма типография. Тъй като Facebook е предназначен да бъде интерактивен, има смисъл само да се увеличи видимостта на елементи като бутони и хипервръзки.

Като цяло тази концепция се усеща компактен и по-лек при надуване. Би било хубаво да се види Facebook място повече на фокус върху интерактивни елементи и може би увеличаване на размера на шрифта, също.

Хронология на няколко колони

Ориентирането към вертикално колонално оформление е редизайн на Алехандро Озорио. Това разположение представлява изглед на времевата линия на профила, който потребителите на Facebook виждат, когато посещават страницата на потребителския профил.

Дизайнът е поразителен, но може да бъде отблъскващ за някои потребители. Тя разчита колони от няколко страници за организиране линковете на потребителския профил, както и времевата линия на последните публикации. Всички цветове и елементи остават верни на стила на дизайн на Facebook. Той със сигурност се чувства като страница във Facebook във времевата линия.

Но някои от елементите в страничната лента са малко объркващи. Например зелен бутон с единичен знак плюс до “последвам” бутон. Един използва само символ, а другият просто текст. Това се чувства несъвместимо със стила на дизайн и друга информация за профила.

Това, което ми харесва най-много тук, е ясна структура на данните в графика. Всичко е организирано ясно и има дори връзки в страничната лента, за да превключвате между последните публикации и популярните публикации.

Редизайн на съдържанието

По-големите сайтове като Facebook се справят с много повече данни и потребителска база, която иска лесен достъп до тези данни. В редизайна на началната страница на MagicVoltage ще намерите една последователна функция: много съдържание, запълнено в едно странично оформление.

Началната страница на Facebook е началният график, който потребителите виждат при първото посещение на уебсайта. Тя включва последните публикации от приятели, списък с чат, игри, реклами и друга подходяща информация като предстоящи рождени дни.

Заетостта на това оформление го прави едновременно страхотно и потенциално спорно. Наличието на цялото това съдържание на една страница го прави супер лесен за навигация - след като всъщност научите къде се намира всичко. А връзките от горната лява икона са достатъчно неясни, за да разубедят никого да взаимодейства с тях.

Но в защита на този дизайн той се справя много добре с плътно опаковано съдържание. Има изобилие от празно пространство между елементите и работи брилянтно с дизайн с четири колони.

Обемна навигация

Тази така наречена редизайн на Facebook 2.0, създадена от Марсело Силва, наистина е поглед. Демонстрацията му показва актуализирана начална страница с времева линия и частично скрити контакти в чата.

Голяма част от този дизайн е навигационна система. Харесва ми как има основна навигация с връзки към икони, които показват вторични връзки. В горната снимка на екрана потребителят избира иконата на профила, за която има връзки преглеждате скорошната история и редактирате профила.

За разлика от традиционните квадратни снимки на Facebook, редизайнът на Марсело избира кръговата снимка. Този стил е повсеместен както в графиката, така и в списъка за чат.

M Списък на помощника и последните дейности

Има още какво да се каже за препроектирането на Стивън Маккейб. В действителност, много области като игри и скорошни дейности са напълно преработени с впечатляващ фейслифт.

Дизайнът на Стивън е много по-тъмна от текущата цветова схема на Facebook. Това ми харесва, защото създава по-голям контраст между страничните ленти и съдържанието на първичната страница. Текущата страница на Facebook има по-голямата част от това съдържание, но с течение на времето може да се слее с фона.

Заглавката все още използва червени мехурчета, за да обозначава известия. Има също така тенденционни публикации и новини с възможност за сортиране на последните действия от приятели в дясната странична лента.

В самото дъно ще забележите малка кутия за М на Facebook еквивалент на Siri за потребители на Facebook.

Тази функция не привлича много внимание при препроектирането, но Стивън наистина се опита да направи концепцията си наистина съвременна Facebook технология.

Разпределение по времева линия с четири колони

Ето още една редизайн на началната страница на 4-col, направена от японския дизайнер Sho Kameya. Всички тези колони обхващат цялата страница, ширина и височина.

Най-лявата странична лента поставя тежък фокус върху традиционните Facebook връзки за игри, приложения, страници, dev ресурси и други подобни елементи. Следва колоната със съдържание, която е най-разнообразна сред всички редизайн. Това не запазва традиционните връзки за състояние на актуализация / добавяне на снимка, а вместо това използва a минималистичен подход със скрити опции.

Двете дясни странични ленти включват всичко останало с повече снимки като потребителски аватари и икони на игри. Този дизайн все още поддържа всички актуализации като рождени дни, разговори и препоръки от приятели.

Този дизайн е много разнообразен, но остава верен на основните функции на Facebook. Тя може да не е перфектната редизайн, но тя показва възможностите за оформление с четири колони.

Опростен потребителски интерфейс с Dark Chat List

Целта на редизайна на Бен Хартли е простотата и изтънчеността. Оформлението използва комбинация от плоски дизайнерски концепции с няколко сенки на по-големи страници.

Много продукти с марка остават същите и той разчита на традиционната синьо-сива цветова схема на Facebook. Но ще забележите, че някои от иконите са преработени по-малки или по-прости (или и двете).

Това разположение също разчита кръгови аватари и дава много място за споделени изображения с публикации. Наистина ми харесва актуализиран списък за чат с по-тъмна цветова схема и по-малки икони за състоянието.

Докато редизайнът на Бен все още се чувства малко претрупан, той се чувства много по-просто. Това ще бъде труден проект, за да се прецени потребителското изживяване без UX изследвания в браузър. Но с един поглед изглежда по-лесно преглеждане и дава повече място за изразходване на съдържанието на времевата линия.

Увийте-Up

Въпреки че тези примери са насочени предимно към Facebook, научените уроци могат да бъдат приложени към всеки уебсайт. Чудесният потребителски дизайн надхвърля всички езикови бариери и е жизненоважен елемент от цифровия творчески процес.

Чувствайте се свободни да заемате идеи от този анализ и дори да реализирате подобни идеи във вашата собствена работа по проекта. Също така, ако откриете, че всички редизайн на Facebook могат да бъдат споделени, можете да споделите коментарите с вашия собствен анализ.