Защо новият бутон за лайк на Facebook отхвърля палците нагоре

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

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



Вчера компанията обяви Първият редизайн на бутоните Like и Share от две години . И въпреки че харесването на собствения сайт на Facebook остава незасегнато, всички бутони за харесване, които виждате в мрежата - тези вездесъщи промоционални бутони, разпръснати на страници като тази - скоро ще бъдат освежени с по -смел, по -син дизайн шест месеца, което го направи донякъде потресаващо, търгува с емблематичните палци нагоре за логото на Facebook. Това е актуализация, която е почти неразбираема в своя обхват, тъй като тези бутони се разглеждат над 22 милиарда пъти дневно в милиони уебсайтове. Но за Facebook беше време за водеща марка, според дизайнера на новия бутон, Уго ван Хойвен .


Бутонът Like ми беше това светлосинкаво нещо, което обикновено отпадаше, казва Van Heuven пред Co.Design. Мислехме, че можем да го направим по -забележим, да изглеждаме малко по -добре и да бъдем по -последователни.



Бутонът Like ми беше това светлосинкаво нещо, което обикновено отпадаше.

Когато ван Хювен говори за последователност, той не само говори за последователност в собствената марка на Facebook, но и гарантира, че бутонът им харесва последователно вграден в 7,5 милиона сайтове, които го използват. Старите бутони бяха с размери, високи от 18 до 22 пиксела, и затова небрежните разработчици често не оставяха подходящи подложки, изрязвайки вградената графика и, от своя страна, правейки Facebook да изглежда малко по -лошо за него. Сега 20 × 48 пиксела ще бъде стандартът на Facebook, на който уеб дизайнерите могат да разчитат, без да проверяват тройно разстоянието между тях.

духовен смисъл на 11



Но най -влиятелното решение беше цветното. Екипът опита сиви бутони, черни бутони и, разбира се, сини бутони. Синьото беше общ фаворит и при тестването на Facebook те установиха, че цветът всъщност кара повече хора да кликнат „Харесай и сподели“ (доказвайки отново силата на цвета за дизайн на марката). Но това синьо по природа не би могло да се съчетае с известния палец.


Палецът - колкото разпознаваем като палеца на Facebook - е малък бял палец със син ръкав, обяснява ван Хювен. Не можете да видите синия ръкав на синьо копче. Така че използвате бял бутон. Но ако имате бял бутон, няма да видите палеца, а само ръкава. Така че винаги трябва да използвате половин сив бутон и той винаги отпада [на зает уебсайт].

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



В отговор екипът просто избра да направи палеца 100% бял върху синия бутон, но изцяло бял палец също не работи. Докато Facebook успешно използва монотонен черен палец на главната си страница, палецът, без неговия емблематичен двуцветен подход, става общ, когато е включен в произволна уеб страница.

Това може да е всеки палец, смее се ван Хювен. Не притежаваме всички палци!


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

къде е Waldo google maps секретно ниво



Тъй като иконата в бутона Like е само 14 × 14 пиксела и това е наистина малка площ, за да изглежда F красив, казва той. Увеличете този F. [Ще видите] Имам буквално два пиксела, за да направя стъблото на F. Това е една от причините, че отне много време. Бил съм с много хора в спор как би работило сгласяването на F. Много хора казаха, че е по -разпознаваем с ширина три пиксела, а аз казах, че е по -добре на два. Тези няколко пиксела отнемат толкова много внимание.


В крайна сметка двупикселният подход на ван Хювен спечели, което означава, че визията му за Facebook ще се вижда за безумно много човешки часове всеки ден-отново това са 22 милиарда гледания на всеки 24 часа. И така, какво е чувството да притежаваш такава власт като дизайнер?

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