Почетна » УИ / УКС » Фацебоок редизајнирао дубинску анализу независних дизајна

    Фацебоок редизајнирао дубинску анализу независних дизајна

    Много тога треба научити проучавањем рада других дизајнера. Ово важи и за професионалне пројекте и за дизајне за постојеће веб странице. Велики сајтови као што је Фацебоок служе врло специфично корисничко искуство са неким добрим елементима и другим не тако добрим елементима. У овом посту бих волео проучите различите редизајн на Фацебооку да бисте анализирали концепте интерфејса које би могле побољшати тренутно искуство корисника.

    Направио сам прегршт прилагођених ФБ редизајна од Дрибббле корисника, сваки са специфична побољшања и ажурирани елементи корисничког интерфејса. Узмите у обзир ове идеје како изгледају, како могу функционисати и како могу утицати на употребљивост ако се имплементира уживо на Фацебоок-у.

    Уређена страница профила

    Редизајн ове странице профила долази од Хариса Јусовића, дизајнера из балканског региона Европе.

    У овом дизајну он се више фокусира на једноставност тако што наглашава власника странице са више истакнута фотографија у глави и профил пиц.

    Тимелине постови се могу сортирати по “скорашњи” или “популаран” на основу ваших жеља. Ово је велико за употребљивост, посебно у светлу Твиттер-ове реакције против недавно измењене алгоритамске промене.

    Такође, многи тастери се приказују већим додатна облога и већа типографија. Будући да Фацебоок треба да буде интерактиван, има смисла само повећати видљивост ставки као што су дугмад и хипервезе.

    Све у свему, овај концепт се осећа компактан и лакши у надимању. Било би лијепо видјети Фацебоок да се више фокусира на интерактивне елементе, а можда и на повећање величине фонтова.

    Тимелине за више колона

    У правцу вертикално постављеног распореда редизајниран је Алејандро Осорио. Овај распоред представља приказ временске линије профила који корисници Фацебоока виде када посећују страницу профила корисника.

    Дизајн је упечатљив, али може бити одвратан за неке кориснике. На то се ослања да организује више колона странице везе профила корисника, као и временски приказ недавних постова. Све боје и елементи остају вјерни стиловима дизајна Фацебоока. Сигурно се осећа као страница временске линије на Фацебооку.

    Међутим, неки од елемената бочне траке постају мало збуњујући. На пример, зелено дугме са једним знаком плус десно поред а “пратити” дугме. Један користи само симбол, други само текст. Ово се не уклапа у стил дизајна и друге информације о профилу.

    Оно што највише волим овде је јасна структура података у временском оквиру. Све је јасно организовано и постоје чак и линкови за бочне траке за пребацивање између недавних постова и популарних постова.

    Редизајн садржаја

    Већи сајтови попут Фацебоока имају много више података и корисничку базу која жели лак приступ тим подацима. На почетној страници редизајнирања МагицВолтаге-а наћи ћете једну конзистентну карактеристику: много садржаја уграђено у изглед једне странице.

    Фацебоок почетна страница је почетни временски приказ који корисници виде када први пут посјете веб локацију. То укључује недавне поруке пријатеља, листу за ћаскање, игре, огласе и друге релевантне информације као што су надолазећи рођендани.

    Заузетост овог распореда је оно што га чини великим и потенцијално контроверзним. Имате сав овај садржај на једној страници супер једноставан за навигацију - када сазнате где се све налази. А линкови са горње леве иконе су довољно нејасни да би одвратили било кога од интеракције с њима.

    Али у одбрани овог дизајна, он веома добро обрађује садржај густог паковања. Ево га много празних места између елемената и ради дизајн од четири ступца бриљантно.

    Волуминоус Навигатион

    Овај такозвани редизајн Фацебоок 2.0 који је креирао Марцело Силва заиста је призор. Његов демо изглед приказује ажурирану почетну страницу са временском линијом и делимично скривеним цхат контактима.

    Велики део овог дизајна је навигациони систем. Свиђа ми се како постоји примарни нав са линковима икона који приказују секундарне везе. У горњој слици екрана корисник бира икону профила за коју има везе прегледање недавне историје и уређивање профила.

    За разлику од традиционалних квадратних фотографија на Фацебооку, Марцело је редизајнирао се одлучује за кружну фотографију. Овај стил је свеприсутан и на временској линији и на листи за ћаскање.

    М Листа помоћника и недавне активности

    Много тога се може рећи о редизајнирању Стевена МцЦабеа. У ствари, многе области као што су игре и недавне активности су потпуно редизајниране са импресивним изгледом лица.

    Стевенов дизајн је много мрачнија од тренутне шеме боја на Фацебооку. Ово ми се свиђа јер гради више контраста између бочних трака и садржаја примарне странице. Садашња почетна страница Фацебоок-а има већину овог садржаја, али се временом може уклопити у позадину.

    Заглавље и даље користи црвене мехуриће да означи обавештења. Ту су и постови у тренду и новости са могућношћу сортирања кроз недавне активности од пријатеља на десној бочној траци.

    На самом дну ћете приметити малу кутију за Фацебоок М, тхе еквивалент Сири за кориснике Фацебоока.

    Ова особина не добија много пажње у редизајну, али је Стивен заиста направио све да би његов концепт заиста представио модерну Фацебоок технологију.

    Изглед временске линије са четири колоне

    Ево још једног редизајна почетне странице 4-цола, који је направио јапански дизајнер Схо Камеиа. Све ове колоне обухватити целину странице, и ширину и висину.

    Лева бочна трака фокусира се на традиционалне Фацебоок везе за игре, апликације, странице, дев ресурсе и друге сличне ставке. Следећа је колона садржаја која је најразноврснија међу свим редизајнима. Ово не задржава традиционалне везе за статус ажурирања / додавање фотографије, већ умјесто тога користи а минималистички приступ са скривеним опцијама.

    Двије десне бочне траке укључују све остало са више фотографија као што су корисничке аватаре и иконе игара. Овај дизајн и даље чува сва ажурирања као што су рођендани, разговори и препоруке пријатеља.

    Овај дизајн је веома разнолик, али остаје веран суштини Фацебоок функција. Можда није савршен редизајн, али то није приказује могућности распореда у четири колоне.

    Поједностављени кориснички интерфејс са Дарк Цхат листом

    Циљ редизајна Бена Хартлија је једноставност и суптилност. Распоред користи комбинацију концепата равног дизајна са неколико сјена на већим елементима странице.

    Многи предмети са брендом остају исти и он се ослања на традиционалну схему боја плаве / сиве боје Фацебоока. Али приметићете да су неке од икона редизајниране мањи или једноставнији (или обоје).

    Овај распоред се такође ослања на цирцулар аватарс и даје довољно простора за слике које се деле са постовима. Заиста уживам у његовом ажурирана листа за ћаскање са тамнијом шемом боја и мањим иконама статуса.

    Док се Бенов редизајн још увек осећа помало пренатрпан, осећа се много једноставније. Ово би био тежак дизајн за процену корисничког искуства без УКС студија у претраживачу. Али на први поглед изгледа лакше прегледавање и даје више простора за конзумирање садржаја временске линије.

    Упаковати

    Иако се ови примјери првенствено фокусирају на Фацебоок, научене лекције могу се примијенити на било коју веб страницу. Одличан дизајн корисничког искуства надилази све језичке баријере и представља витални дио дигиталног креативног процеса.

    Слободно посудите идеје из ове анализе и чак имплементирајте сличне идеје у свој пројектни рад. Такође, ако откријете да било која релатабилна редизајн на Фацебоок-у можете слободно да поделите са коментарима са сопственом анализом.