Projektowanie stron internetowych

Piękne okładki: Wywiad z Chip Kidd

Smashing Magazine — Wed, 22 Feb 2012 00:03:27 +0000

Chip Kidd praca obejmuje projektowanie, pisanie, a ostatnio, rock 'n'. On na pewno ma charyzmę, aby wyprzedzić w tym trzecim polu. Najbardziej znany jest ze swoich niekonwencjonalnych obwolut, ale opublikował dwie powieści jego: uczących się i The Monkeys serowe. Niezainteresowane trendów wzorniczych i mód, często czerpie inspirację z kolekcjonerskich i pamiątek.

Kidd jest teraz zajęty tworząc swoje dzieła, powieści graficznej rodzi się z jego całe życie fascynacji Batman (Uważa się za numer jeden fan Batmana). On podjął współpracę z komiksu artysty Dave Taylor, aby zilustrować historię w zaskakujący sposób, przywoływanie do Fritza Langa estetykę ze zdrową dawką własnej wrażliwości Kidd w Batman:. Death By Design ma zostać wydany wiosną 2012 roku przez DC Comics .

Chip Kidd w Typo London 2011 konferencji. (Zdj.: Gerhard Kassner)

Do tego czasu, oto wywiad z Chip Kidd,, wcześniej niepublikowanych w języku angielskim, który będzie Ci do umysłu jednego z lekarzy Projektu, najbardziej oryginalnych i charyzmatycznych.

Q: Jak dostać się do działalności w zakresie projektowania marynarki?

Chip Kidd: To stało się pierwszym zadaniem, że zaproponowano mi. Studiowałem grafikę w Pensylwanii, gdzie dorastał, ale wiedziałem, że kiedy skończyłem pojadę do Nowego Jorku. Więc zrobiłem. Poszedłem do każdego miejsca projektowania graficznego, który będzie mnie widzieć, ale ostatecznie skończyło się naRandom House. I to był entry-level praca, jako asystent dyrektora artystycznego. Cóż, to nie było naprawdę to, co miałem na myśli, ale próbowałem go na chwilę. Dało mi to start, i to 24 lat w październiku.

Jedna z okładek Kidd najbardziej rozpoznawalnych. Jego grafika została dostosowana do $ 1,9 miliardów serii filmu, który może widzieliście.

Q: Jak zaczęła się Twoja persona w świecie wzornictwa pojawić?

Kidd: rzecz o okładkach książek, myślę, że prawdopodobnie w wielu częściach świata jest to, że projektant dostaje kredyt na kurtkę za to, co zrobili. Dla większości grafików, to nie przypadek to w kategoriach, jak to działa w formie drukowanej lub reklamach telewizyjnych, nie widzisz, który stworzył coś na kawałku sama. Ale w grafice, możesz zrobić. Co było coraz tam była praca sama w sobie. Z czasem, że powstały, do punktu, gdzie ludzie zaczęli rozpoznawać moje imię.

Q: zajęło Ci dużo czasu?

Kidd: Wydawało się długo w czasie, ale prawdopodobnie było dwóch lub trzech lat, co z perspektywy czasu nie jest tak długo w ogóle.

P: Czy to było na początku swojej kariery?

Kidd: Cóż, zacząłem w 1986 roku. Zacząłem pracować od zaraz. I nie robi dużo projektowanie na początku – było więcej robi asystent rzeczy. Ale zacząłem faktycznie projektowania po sześciu miesiącach lub coś podobnego. Wydawało się, z perspektywy czasu, aby się szybko lub od razu.

Dla Dawid SNagi, edaris To Kidd zaprojektował wraparound featuring bokserki, po usunięciu, ujawnia rentgenowskie miednicy.

Q: Co o strukturze dowodzenia? W swojej rozmowie w Typo Berlin 2009, to żartował na temat problemów z redaktorów, wydawców naczelny, autorów, ludzi marketingu. Czy uważasz, że trudne lub frustrujące? Czy może oczekiwać, że ludzie po prostu słuchać dla Ciebie?

Kidd: Myślę, że to dobrze, że jestem stale kwestionowane. Myślę, że to ważne robi dobrą robotę. Jeśli ludzie lubili wszystko zrobiłem tylko dlatego, że zrobiłem to, w przeciwieństwie do tego, czy to był rzeczywiście dobry, czy nie, to byłoby problemu – zarówno dla mnie i dla nich. Co mi się nie podoba, a ja nie znam żadnego projektanta, który robi, jest, kiedy czujesz, że zrobiłeś odpowiednią pracę, a następnie zostanie on odrzucony, z jakiegoś powodu. A potem wrócić i przerobić go, i uważasz, że zrobił to dobrze, że zostanie odrzucony, too.

Tak, że, jak sądzę, jest to rodzaj wyzwania nie lubię, szczerze mówiąc, bo nie zawsze wydają się być o tym, czy jest to odpowiedni projekt lub nie – to o jakiejś sytuacji politycznej w pracy, na przykład każdy to lubi, ale autor tego nie robi.

P: Tak, ludzie marketingu i klienci często twoje życie trudne. Czy to lepiej, jak dalej?

Kidd: Nie wydaje się. [Śmiech] Z jednej strony, tak, będzie lepiej, bo dostaliśmy reputację kogoś wh

Finger-Friendly Design: idealnym mobilnym Rozmiary docelowe ekranem dotykowym

Smashing Magazine — Wed, 22 Feb 2012 00:03:20 +0000

W rzutki, uderzając byki oczu jest trudniejsze do zrobienia niż uderzanie jakiejkolwiek innej części tarczy. To dlatego, że Bullseye to najmniejszy cel. Ta sama zasada dotyczyć może również dotknąć cele w zakresie urządzeń mobilnych.

Mniejsze cele dotykowe są trudniejsze dla użytkowników trafić niż większych. Podczas projektowania mobilnych interfejsów, najlepiej, aby Twoje cele duży tak, że są one łatwe dla użytkowników wykorzystać. Ale dokładnie jak duży powinien uczynić je w celu uzyskania najlepszej łatwość użytkowania dla większości użytkowników? Wiele telefonów deweloperzy zastanawiają się tego, a większość z nich zwrócił się do wytycznych interfejsu użytkownika świadczone przez autora na platformę odpowiedzi.

(Kredyt obrazu: ogimogi)

Co mobilne Wytyczne Platforma Say

IPhone firmy Apple Human Interface wytycznych zaleca minimalny docelowy rozmiar 44 pikseli szerokości 44 pikseli wysokości. Telefon Microsoft Windows UI Projektowanie i Przewodnik Interakcje sugeruje docelowy rozmiar dotykowym 34px o minimalnym rozmiarze docelowym dotykowym 26px. Firmy Nokia wytyczne dla programistów wynika, że wielkość obiektu powinna być nie mniejsza niż 1cm x 1cm kwadrat lub 28 x 28 pikseli.

Podczas gdy te wytyczne dają ogólny pomiar dla celów dotykowych, nie są one ze sobą spójne, ani nie są zgodne z rzeczywistej wielkości ludzkiego palca. W rzeczywistości ich sugerowane rozmiary są znacznie mniejsze niż średnia palcem, co może prowadzić do problemów dotykać docelowe dla użytkowników na komórkęurządzeń.

Małe cele Touch prowadzić do poważnych problemów

Małe cele TOUCH użytkownicy pracować ciężej, ponieważ wymagają one bardziej dokładność trafienia. Użytkownicy muszą reorientacji ich palcem, od palców pad do palca, aby trafić w cel z wyraźnym widoczności. Korzystanie z klawiatury palcem obejmowałby cały cel, uniemożliwiając użytkownikom widzieć cel próbują trafić. Użytkownicy używać palca do trafienia małych celów dotykowe, ponieważ daje im wizualną oni muszą wiedzieć, że są one uderzenie swój cel dokładnie. Ale kiedy użytkownicy mają do reorientacji ich palcem, to spowalnia ich ruch w dół i zmusza ich do cięższej pracy, aby trafić w cel.

Nie tylko, ale małe cele touch mogą prowadzić dotknąć błędów. Kiedy małe cele dotykowe są zgrupowane blisko siebie, użytkownicy mogą przypadkowo uderzył sąsiednie cele i rozpocząć niezamierzonych działań. To dlatego, że palca użytkownika nakłada się na do pobliskich guzików A jeśli ciśnienie nie jest dokładnie stosować we właściwym miejscu, będzie to powodować błędne działanie. To łatwe dla użytkowników, aby te błędy z ich palcem wskazującym. Ale to jeszcze łatwiej im, aby te błędy jeśli oni wykorzystać swoje kciuk, ponieważ ich kciuk jest dużo większa niż cel. Czasami użytkownicy przechylić kciukiem na boki i korzystać z cienką stronę trafić mały cel dotykowego. Ale to dużo niepotrzebnej pracy.

Stosowanie kciuk wśród użytkowników telefonów komórkowych jest popularny. Niektórzy użytkownicy nie zawsze mają dwawolne ręce, gdy jesteś na swoim urządzeniu mobilnym. Wiele osób woli wygodę stosowania tylko jedną rękę i kciukiem. Użytkownicy nie powinni mieć przejście z jedną ręką na dwie ręce, albo z kciukiem do ich palcem wskazującym, aby trafić w cel dokładnie. I co ważniejsze, rozmiar tarczy nie powinno spowodować, że popełniają błędy dotykowych. Małe cele dotykowe uczynić rzeczy trudniejsze dla użytkowników, gdzie palec przyjazny cel nie ma.

Szerokość Pixel średniego palca wskazującego

Badanie MIT Lab Touch of Human ręki zbadać mechanikę czujników dotykowych stwierdzono, że średnia szerokość palca wskazującego jest 1,6 do 2 cm (16 – 20 mm) dla większości dorosłych. To konwertuje do 45 – 57 pikseli, który jest szerszy niż to, co większość telefonów wytyczne sugerują.

Cel dotyk to 45 – 57 pikseli pozwala palca użytkownika do pasował do wnętrza obiektu. Krawędzie tarczy są widoczne, gdy użytkownik stuka go. To zapewnia im czystą wizualnej odpowiedzi, że są one uderzeniem w cel dokładnie. Są również w stanie trafić i przenieść się do swoich celów szybciej ze względu na większy rozmiar. Jest to zgodne z ustawą Fitt, która mówi, że czas do osiągnięcia celu jest dłużej, jeśli celem jest mniejszy. Mały cel zwalnia użytkowników w dół, ponieważ mają zwracali szczególną uwagę na trafienie w cel dokładnie. Palec wielkości docelowe daje użytkownikom dość miejsca do trafienia, bez martwienia się o dokładność.

P

Smashing Book # 3: All Good Things Come In Trójek

Smashing Magazine — Sun, 19 Feb 2012 00:03:31 +0000

Tak, nowy Book Smashing # 3 nadchodzi. Prasa drukarska się rozgrzewa, ilustracje są wykończone, a rozdziały są sprawdzane. To trzecia książka jest najlepsza książka drukowana mamy produkowane do tej pory: jest to wartościowa, nowoczesna, wysokiej jakości drukowane książki, że każdy projektant WWW powinien mieć na swojej półce. Tym razem, mamy też przygotowany dodatkowy książkę 3 ⅓, która oferuje jeszcze bardziej ekskluzywne treści.

Jesteśmy wydaniu dwóch nowych książek drukowanych: główny książki Smashing 3 i Smashing Book 3 ⅓. Oba są dostępne jako pakiet druku, jak e-książki i jako kompletny Print + e-książki Bundle.

Zamów teraz i dodaj swoją nazwę do książki drukowanej: dwukrotnie strona spread została zarezerwowana do wydrukowania wszystkich nazw pre-sprzedaży nabywców. Skontaktujemy się z Państwem w marcu 2012 roku i poprosi o nazwę, którą chcesz opublikował w książce. Przestrzeń jest ograniczona, więc lepiej się pospiesz!

Co znajduje się w Księdze Smashing 3?

W przeciwieństwie do swoich poprzedników, nowe książki Smashing # 3 ma temat: Redesign. Jest to profesjonalny poradnik jak przeprojektowanie stron internetowych a także wprowadza zupełnie nowy sposób myślenia o stopniowym projektowania stron internetowych. W tym stale zmieniającym branży projektowania sieci Web, książka kwestionuje was myśleć inaczej o swojej pracy i zmiana sposobu strony internetowe projektowanie zawsze.

Szczegółowe spojrzenie na busineng> Aral Balkan Telefony Rozważania redesign: Web lub Native? Stephen Hay Reaguje Workflow: Future-przyjazne podejście Andy Clarke Stając Bajecznie Elastyczne

0
123456
Galeria z autorów Księgi Smashing # 3.

Dobrze zachowane profesjonaliści wylał swoje serce i wiedzę w tych składek. Aby zapewnić obiektywność opinii o tej książce, każdy rozdział książki zostało gruntownie zweryfikowane przez ekspertów, w tym Jon Hicks, Tab. Atkins, Paul irlandzkiego, Russ Weakley, Peter-Paul Koch, Bryan Rieger, Joshua Porter, Ryan Carson i Elliot zasobami Jay. Proszę zauważyć, że niektóre szczegóły (np. tytuły rozdziałów, liczba stron itd.) mogą się nieznacznie zmienić aż do daty wydania.

7
Detal ilustracji rozdziale, zaprojektowany przez Kate McLelland.

Extra Książka: Księga Smashing # 3 ⅓ – Rozszerzenie

Nasi autorzy okazały się być znacznie bardziej wydajne niż się spodziewaliśmy i przyniosły bardziej ekscytujące niż jeden rozdziałów książka może obsłużyć. Dodanie tych rozdziałów do książki by zwiększyła swój rozmiar i wagę – a więc Koszt wysyłki – znacznie.

Nie chcąc wstrzymać te rozdziały, zdecydowaliśmy się wydać

Jak zatrudnić projektanta UX

Smashing Magazine — Sun, 19 Feb 2012 00:03:20 +0000

Web wszedł w erę użytkownika Centricity. Jeśli firmy mają przyciągnąć nowych klientów i utrzymanie już istniejących, muszą tworzyć strony internetowe i aplikacje, które zapewniają intuicyjne i dostosowane doświadczenia. Czy uruchomić sklep internetowy lub not-for-profit serwisu społecznościowego, doświadczenie użytkownika jest misja krytyczną.

W rezultacie widzieliśmy prawdziwy skok w potrzebie utalentowanego doświadczenia użytkownika (UX) projektantów, którzy mogą pomóc kolei wizję w rzeczywistość. Jak przyciągnąć, zatrudnić i zatrzymać talenty UX w Twojej firmie?

(Kredyt obrazu: openwourceway)

Jeśli jesteś coś tak jak my będziesz chętnie uczą się od liderów i innowatorów w naszej branży, dlatego mamy zamontowane jakieś luminarzy od społeczności UX podzielić się swoją wiedzę i doświadczenie, zwłaszcza ze społecznością Smashing Magazine.

Chcemy powiedzieć wielkie dziękuję dla ekspertów, którzy uczynili ten poradnik to możliwe. Wszyscy mają unikalną perspektywę na UX, a ich praca przecina się z nim w bardzo różny sposób.

Kara Pernice, Nielsen Norman Grupa
Peter Merholz, ścieżka adaptacyjne
Martin Belam, The Guardian
Stu Collett i Odette Colyer, Super Użytkownik Studio UX Praca Board
Tom Wood, Niezawodny
Justin Cooke (@ justincooke), Fortune Cookie i krzesło z Bima

Poprosiliśmy każdego z naszych ekspertów 10 pytań. Ich perspektywy daje 360 ° widok jaki sposób rozwiązać rekrutacji UX w ich organizacji. Przejdź do sekcji, która chwyta twoją uwagę, lub zapoznać się z kompletnego przewodnika dla wszystkich swoich spostrzeżeń.

Pytania

Jak dowiedziałeś się zatrudnić?
Czy wynająć z głową lub twoim sercu?
W zdaniu, co sprawia, że do wielkiego projektanta UX?
Jak reklamować pozycje UX w Twojej firmie?
Co jedno pytanie pytasz każdego kandydata?
Czy masz określonej metody oceny kandydatów?
Czy wynająć oparta na latach doświadczeń i osiągnięć i portfela?
Jak zachować talent?
Jaki rodzaj kultury starasz się stworzyć?
Jakie umiejętności chcieliby Państwo zobaczyć w większej liczbie projektantów UX?

1. Jak dowiedziałeś się zatrudnić?

Bardzo niewielu ludzi twierdzi, że "nauczył się" jak zatrudniać, ponieważ oznaczałoby to, że już przestał nauki, no i oczywiście my wszyscy ciągle się uczyć każdego dnia.

Wielu ekspertów rozmawiałem z ciągle rozwijać i doskonalić swoje umiejętności zatrudniania, ale ich zawiasy Rekomendacje trzech zasadach.

Znajdź wzór do naśladowania

Tom Wood z Niezawodny: "Mój wzorem jest David Ogilvy. Miał bardzo jasne i widok publiczny na temat jakości szukał w ludziach on zatrudniony. Jego cytat: "Jeśli każdy z nas zatrudniać ludzi mniejszych niż my, staniemy się firmą karłów, ale jeśli każdy z nas wynająć te większe niż my sami staniemy się firmą z gigantów" jest wezwaniem dla wszystkich w Polscesition do punktu do przyspieszenia i zmierz się poprzez jakość ludzi, których zatrudniają. "

Martin Belam The Guardian: "Byłem na wielu panelach wywiad przez lata i podniósł technik od ludzi takich jak Mags Hanley, Lorna Leddon i Karen Loasby".

Z doświadczeń i błędów innych

Justin Cooke z Fortune Cookie: "Jak wszystko, co robimy w Fortune Cookie, nigdy nie przestał stara się poprawić nasz proces rekrutacyjny. Cel ten został osiągnięty poprzez uczenie się na błędach, dzięki doświadczeniu i od innych szczególnie prośbą agencji pośrednictwa pracy i kandydatów o opinie na temat w jaki sposób możemy być lepiej ".

Znajdź swoje nogi

Ostatecznie trzeba Blaze własny szlak zatrudniania i przejść z instynktem. Jako Kara Pernice z Nielsen Norman Group podkreśla, "Zadawanie porady od innych ludzi, którzy z powodzeniem wynajętych wypada cię, ale nie ma jak doświadczenie."

Peter Merholz ścieżki Adaptive mówi: "Liczę wiele na intuicji, który okazał głównie sukcesy."

2. Czy Hire Dzięki głowie i sercu?

Logika i instynkt obie mają swoje miejsce w procesie rekrutacji, a decyzja będzie niemal zawsze być wykonane częściowo z głową, a częściowo z sercem.

Będzie prawdopodobnie używać głowy do ustalenia, czy kandydat ma wymagane umiejętności, doświadczenie oraz cechy. A następnie do

Stop Pisanie wniosków projektowych

Smashing Magazine — Sun, 19 Feb 2012 00:03:11 +0000

Po kilku wyczerpujących dniach wreszcie zakończył tę propozycję. Wysłałem go i czekał na odpowiedź. Nic. Po kilku tygodniach odkryłem, że były one "just szukam". Mimo pilności i kalendarium agresywnej dla RFP (zapytanie ofertowe) plus fakt, że zrobiliśmy interesy z tą organizacją przed, projekt był nie-go. Moje dni wysiłku zostały zmarnowane. Nie do końca jednak, ponieważ ból tej straty wystarczyło, by doprowadzić mnie do podjęcia decyzji, że nie powtórzy.

Pracuję w firmie, rozwoju sieci i mamy eksperymentował z propozycją pisania dużo przestrzeni lat. Widzieliśmy dobre i złe, i udało nam się znaleźć coś lepszego. W tym artykule będę dzielić się bóle, których doświadczyliśmy w trakcie pisania wniosków, przyjętym przez nas rozwiązanie, a nasz proces do realizacji tego rozwiązania. Ja również daje wskazówki, które pomogą Ci wiedzieć, kiedy jest to rozwiązanie i nie jest właściwe.

Pisanie wniosku powoduje ból

Po kilku latach pisania wniosków, zaczęliśmy zauważać, że coś było nie tak. Jak za problem zauważyliśmy, różne poziomy bólu związanego z procesem pisania wniosku. Mamy podzielone te bóle w następujący sposób:

The Rush
Pierwsze zrobione propozycja była zwykle o szybkość. Byliśmy wyścigi na czas i ciężko pracuje, aby dostarczyć wniosek w sposób efektywny i jak najskuteczniej. Jednak czasem rogi by się wyciąć.Chcemy ponownie kawałki ze starszych projektów, kontroli i podwójnej kontroli wszelkich odniesień do poprzedniego projektu. Choć adrenalina pomogła, pośpiech nie zestarzeje, bo wiesz, że w głębi duszy, to nie jest twoja najlepsza praca. Poza tym, nie wiem nawet, jeśli masz zamiar zamknąć interes, co prowadzi do kolejnego bólu.
Ryzyko
Nasz stosunek blisko propozycja z klientami, które przyszły do nas, był wysoki. Chcemy ciężko pracować nad propozycjami i częściej niż nie, chcielibyśmy zamknąć interes. Ryzyko nadal istnieje, jednak i mogę myśleć kilka propozycji, które spędziliśmy mnóstwo czasu i wysiłku na na ofertę, że nie dostaliśmy. Nie dostanę kontraktu nie jest problem – problem będzie i inwestują czas i energię w szczegółowej propozycji nie wiedząc, czy już istnieje nawet prawdopodobieństwo, że masz zamiar zamknąć interes.
Szczegóły
Różnica między powodzenia projektu i jego niepowodzenia tkwi w szczegółach. W pisaniu wniosku, szczegóły są w zasięgu. Jaka praca jest wliczony w cenę, co nie, i jak mocno jest zakres? Teraz jest to miejsce gdzie "Rush" i "ryzyko" swoją rolę. Gorączka zwykle zmusza nas do spędzać mniej czasu na szczegóły i "ryzyko", mówi: "Dlaczego pisze to wszystko i zrobić staranności, jeśli nie może nawet dostać projekt" samospełniającego się proroctwa, być może, ale uzasadnione obawy mimo wszystko. Sprzedaży projektu bez dokonywania DetaleILS jasne jest prośbą o pełzania zakresu, a obroty co zaczęło się jako wielki projekt w doświadczenie uczenia się, która może trwać przez lata.

Teraz pisanie jest ważnym elementem projektu i nie jestem o do powiedzenia nie powinno się pisać. Mając na pisemny dokument gwarantuje, że wszystkie strony zaangażowane są na tej samej stronie i całkowicie jasne, co dokładnie zostanie dostarczona i jak to będzie dostarczona. Co mówię, jest jednak to, że powinieneś przestać pisać propozycje.

Napisz ocen nie, propozycje – i ładowanie Them

Kilka lat temu zdecydowaliśmy się spróbować czegoś nowego. Potencjalny klient podszedł do nas i zamiast przygotowuje kolejną propozycję projektu, zaproponowaliśmy klientowi co obecnie nazywamy "Ocena projektu." Jesteśmy opłata im stałą cenę za którą obiecał oceny projektu, we wszystkich dziedzinach naszej wiedzy, i dać im nasze zalecenia.

Zgodzili się, zapłacił cenę, i wyruszyliśmy do dostarczenia. Włożyliśmy wiele wysiłku w tej oceny. Byliśmy w nowym terytorium, a my chcieliśmy się upewnić, że dostarczyliśmy go dobrze. Tak więc skończyliśmy raport i wysłał go do nich. Klient lubi to, zgodził się z naszymi zaleceniami i rozpoczął z nami umowę, aby wykonać prace.

Projekt ten stał się zmieniarka gra dla nas, począwszy trwający związek, który otworzył drzwi do nowego rynku. To był proces samej oceny, który przyniósł nowy potencjał rynkowy naszej uwagi, a gav

Progressive i czuły Nawigacja

Smashing Magazine — Thu, 16 Feb 2012 00:03:13 +0000

Rozwój w internecie może być trudne jednak satysfakcjonujące zadanie. Biorąc pod uwagę ilość przeglądarek na całym szeregu platform, może czasami być nieco przytłaczające. Ale jeśli zaczniemy kodowanie przy odrobinie zapobiegliwości i stosować zasady stopniowego podniesienia od początku i stosować pewne praktyki reagujących na koniec, możemy łatwo dostosować do przeglądarek mniej zdolnych i nagradzać tych z nowoczesnych przeglądarek, zarówno w środowisku komputerów stacjonarnych i komórkowych.

Wspólna struktura

Poniżej znajduje HTML struktura menu nawigacji stworzonym przez WordPress. Ta nieuporządkowana lista jest dość typowe dla systemów zarządzania treścią oraz ręcznie kodowanych stron internetowych podobne. To będzie podstawą naszej pracy.

Uwaga: Wszelkie elipsy (…) w tym fragmenty poniżej stanąć do kodu, który już pokryte. Użyliśmy je skrócić kod i podkreślać elementy, które są istotne dla tej sekcji.

Strona główna

href="#about">

Przywództwo

Zaangażowanie

Nasza wizja

href="#clients">

CSS3 daje naszym menu stopniowe czujemy, czego szukasz. Możemy użyć zmyślne efektów, takich jak gradienty liniowe, tekstowe i pole cieni i zaokrąglone narożniki, zapewniając jednocześnie odpowiedni wygląd dla przeglądarek, które są opóźniając. Można również rozważyć użycie coś CSS3 Pie w tym procesie. To da tych przeglądarek słabiej rozwiniętych większość funkcjonalności brakuje im na wyświetlanie właściwości CSS3.
MNIEJ CSS
Aby nasza CSS bardziej wydajne, użyjemy MNIEJ wraz z klasy pliku w celu złagodzenia trudności w kontaktach z wszystkich tych przedrostków przeglądarki. Inne opcje, takie jak Sass i kompas, skutecznie zrobić to samo i może lepiej pasowały do konkretnego środowiska programistycznego. Jeśli jesteś zainteresowany dowiedzieć się więcej na temat mniej i jak to porównać do Sass, sprawdź innego artykułu kopalni "An Introduction to mniej, a porównaniu do Sass".
jQuery
Aby nasza nawigacja mało przyjazny w małych przeglądarkach, takich jak w urządzeniach przenośnych, użyjemy JavaScript. Zasadniczo, będziemy zbierać wszystkie elementy w naszej nawigacji i zreorganizować je w select elementu formularza. Wtedy, gdy użytkownik wybierze opcję z listy, będą przechodzić do tej strony. Interakcje z select Elem

Krótkowzroczność Projektant: Jak zatrzymać Projektowanie dla siebie

Smashing Magazine — Thu, 16 Feb 2012 00:03:04 +0000

Czy kiedykolwiek spojrzał na dziwacznego projektu budowlanego i zastanawiał się, "Co było myślenie architekci?" A może po prostu poczuł sfrustrowany budynku, który wykonany jest niewygodne, lub złość, gdy piękny stary budynek został zrównany z ziemią i zastąpiony nowoczesnym paskudztwo ? Możesz być odpuszczone do myślenia "te architekci muszą być ślepy!" Nowe badania pokazują, że w prawdziwym tego słowa znaczeniu, można rzeczywiście mieć rację.

Że Michael Mehaffy i Nikos A. Salingaros opisując zjawisko wszyscy jesteśmy zaznajomieni z, w swoim artykule "krótkowzroczność Architectural: nie projektowanie dla przemysłu nie, ludzie" Kiedy czytam artykuł, ja się coraz bardziej nieswojo, jak zdałem sobie sprawę, że cała sprawa równie dobrze może zostały napisane na temat Web Design (io naszych odpowiedziach na projekty naszych rówieśników). Jak często patrzymy na stronie internetowej lub aplikacji i uwagi do siebie (i na Twitterze), że "te projektanci muszą być ślepy!" Czasem jesteśmy po prostu whiney o najdrobniejszych szczegółów (jak powinno być w), ale inne czasy mamy mają punkt: "Co oni sobie myśleli?"

Longaberger Home Office, Newark, w stanie Ohio. Źródło obrazu.

W tym artykule omówimy "krótkowzroczność projektanta": określenie nazbyt powszechnym zjawiskiem w której, mimo naszych najlepszych intencji, czasami projektować z krótkowzroczność, w wyniku internetowych i aplikacji, które podobają się i przekonać naszych rówieśników, ale nie spotkać użytkownika i celów biznesowych. ZMehaffy i artykuł Salingaros jako naszym przewodnikiem, będziemy badać przyczyny krótkowzroczność projektanta, a następnie zbadać pewne rozwiązania, które pomogą nam podjąć uwagę od siebie i z powrotem na ludzi jesteśmy Projektowanie dla.

Przyczyny krótkowzroczności Designer

Jeśli język w akapicie brzmi znajomo, to dlatego, że większość z nas prywatnie i publicznie Mutter "Co oni sobie myśleli?" Prawie codziennie jak poruszać się po sieci. Analizujemy nową aplikację Twitter, bierzemy to na siebie przeprojektowania popularnych witryn – a potem zastanawiamy się, czy powinniśmy być nawet robić. Jedno jest jasne, ale: my jesteśmy dobrzy w wskazując krótkowzroczność projektanta w naszych rówieśników.

Ale jakie są przyczyny tego braku wyobraźni i prognozowania w naszej pracy? Czy nie powinniśmy być na tyle sprytny, aby uniknąć oczywistych pułapek projektowanie zbytnio od naszych własnych poglądów i nie biorąc szerszego kontekstu użytkownika w umyśle? Cóż, okazuje się, że mamy całkiem dosłownie widzieć świat zupełnie inaczej niż inne. Znów z "Architectural krótkowzroczności":

Zamiast kontekstowej świecie harmonijnych relacji geometrycznych i więzi, architekci mają tendencję do postrzegania świata obiektów zawartych poza ich kontekstem, wyróżniającymi się, uwaga, coraz cech.

Innymi słowy, widzimy, typografii i zaokrąglone narożniki, gdzie normalni ludzie po prostu zobaczyć internetowych dostać rzeczy zrobić dalej. Widzimy poszczególne kształty i kolory i układ gdzie nasi użytkownicy po prostu zobaczyć stronę naInternet. Innymi słowy, nie możemy zobaczyć las o drzewach.

Jak się tu dostaliśmy? Zwróćmy uwagę na uderzające podobieństwo do projektowania stron internetowych, jak Mehaffy i Salingaros opisania równi pochyłej, która doprowadziła do tego stanu w architekturze:

Z nastaniem rewolucji przemysłowej i jej naciskiem na wymiennych części, tradycyjna koncepcja architektury, która była adaptacja do kontekstu zaczęło się zmieniać. Budynek stał wymienne produkt przemysłowy design, przekazywanie obrazu, a to znaczenia dużo jak uwaga, coraz że obraz został. Sam budynek stał się swego rodzaju reklamą dla firmy klienta i architekta (w przypadku mieszkań, na rzecz właścicieli poszukujących symbol stanu). Kontekst był najlepszy w numerze bocznym, aw najgorszym odwrócenie uwagi od wizualnej podniecenia generowanego przez obiekt.

Dlatego często widzimy projekty, które wydają się być zbudowane na Dribbble, portfele i "7 oszałamiającą minimalistycznych wzorów" blogach, zamiast być "adaptacja do kontekstu" w oparciu o potrzeby użytkowników. Zdobyliśmy wiele od "industrializacji" projektowania interfejsu użytkownika za pomocą bibliotek komponentów i wzorów ustalonych, ale mamy również utracone niektóre z unikalnym kontekście oparte myślenia, które powinny wpłynąć na rozwiązanie każdego problemu projektowego.

Jon dotyka Tan na ten temat w "Taxidermista" swoim znakomitym eseju o galeriach designu w pierwszym numerze instrukcji:

Galerie d

Podręcznik dla początkujących użytkowników do jQuery-Based JSON Klientów API

Smashing Magazine — Mon, 13 Feb 2012 00:03:03 +0000

Czy jesteś zafascynowany dynamicznych danych? Czy iść zielony z zazdrości, gdy widzisz tweety odciąga magicznie na stronach internetowych? Zaufaj mi, byłam tam.

Celem dzisiejszej lekcji jest stworzenie prostej aplikacji sieci Web chwytając plakaty filmowe z TMDb. Będziemy używać jQuery i wprowadzane przez użytkownika do kwerendy JSON oparte API i radzenia sobie ze zwracanych danych odpowiednio.

Mam nadzieję przekonać Państwa, że API nie są przerażające, a większość czasu mogą być programistą najlepszym przyjacielem.

API to przyszłość ale, co ważniejsze, obecny

JSON na bazie API są gorące nieruchomości w Internecie już teraz. Nie pamiętam, kiedy ostatni raz poszedłem na blogu lub portfela, nie widząc jej posiadacza tweety lub przyjaciół na Facebooku patrząc na mnie. Ta interaktywność czyni Web ekscytujące miejsce. Jedynym ograniczeniem wydaje się być wyobraźnia ludowa. Jak widać wszystko od ciągnięty tweets do samoświadomego wymiany-rates API danych jest obecnie królem, a strony są zamiana go swobodnie.

Programiści co pozwala uzyskać dostęp do ich danych dużo bardziej otwarcie teraz, już jest wszystko pod kluczem. Strony są dumni, że masz dostęp do swoich danych oraz, w rzeczywistości, zachęcają go. Strony takie jak TMDb i Lastfm pozwalają budować całkowicie oddzielne aplikacji opartych na danych, które już spędził lata gromadziły. Ta otwartość i otwartość promują się splecionych sieci użytkowników i ich działań odpowiadających.

Ten artykuł ma na celu pludzie cechujący którzy są kompetentni w HTML i CSS i mieć podstawową wiedzę na temat technik jQuery. Nie będziemy zagłębiać się głęboko w zaawansowanych technik JavaScript, ale raczej pomóc początkującym, którzy chcą tworzyć bardziej złożone narzędzia internetowe.

API w pigułce

W prostych słowach, API pozwala otworzyć stronę internetową dane bez zbliżania się do swoich baz danych. To daje nam przyjazny dla użytkownika sposób do odczytu i zapisu danych do iz baz danych strony internetowej.

Pewnie, super, ale jaki kod jest potrzebne?

Podobnie jak wielu deweloperów, ja odbić wesoło między back-end i front-end rozwoju, a ja jestem tak szczęśliwy, pracujących w PHP, jak w jQuery. Wszystko zależy od tego co mam na sobie kapelusz, który dzień.

Ponieważ ten artykuł jest głównie o jQuery opartych na JSON klientów API, skupimy się na kodu po stronie serwera (jQuery IE).

Gdy mamy do czynienia z API, i uzbrojony w jQuery, jeden jest bardziej narażone na JSON.

Gracz 1: JSON

JSON (JavaScript Object Notation lub) jest lekki, łatwy i popularny sposób wymiany danych. jQuery nie tylko narzędzie do manipulowania i relacje z JSON jest, to tylko moje i korzystnymi wielu innych "metoda.

Wiele z tych usług, których używamy codziennie mieć JSON API opartego na: Twitter, Facebook i Flickr wszystko odesłać dane w formacie JSON.

Odpowiedź JSON z API wygląda tak:

([{"Wynik":
null, "popularność":
3, "przetłumaczył": true, "dorosły":
false, "język": "en", "original_name": "The Goonies", "nazwa": "The Goonies", "zmienić

Nadchodzące Web Design i konferencje Rozwoju na rok 2012

Smashing Magazine — Mon, 13 Feb 2012 00:02:54 +0000

Jesteśmy dobrze do roku 2012, a wielu projektantów i programistów na całym świecie planują swoje podróże do roku, co może obejmować udział jednej z wielu Web design i konferencji rozwoju, który odbędzie się w najbliższych miesiącach. Aby pomóc ze swoich planów, mamy po raz kolejny ułożyła listę konferencji i imprez, że warto rozważyć.

Jak zawsze, ten post obejmuje wydarzenia odbędą się w około siedmiu miesięcy, okresie, który kończy się na początku września. W sierpniu będziemy pisać kolejny artykuł, jak to, że pokryje imprezy dla sześciu lub siedmiu początku miesięcy we wrześniu.

Nie ma mowy, abyśmy obejmują wszystkich możliwych zdarzeń, dzięki czemu są bardziej niż mile widziane nam pomóc i zapewnić komentarz do nadchodzącej, że czujesz byłoby interesujące dla Smashing Magazine czytelnicy. Może to być także okazja, by spotkać członków zespołu Smashing ten rok.

Korzystanie z in-stron linki poniżej można wybrać miesiąc, który Cię interesuje najbardziej:

Luty 2012 Wydarzenia
Marzec 2012 Wydarzenia
Kwiecień 2012 Wydarzenia
Maj 2012 Wydarzenia
Czerwiec 2012 Wydarzenia
Lipiec 2012 Wydarzenia
Sierpień / wrzesień 2012 Wydarzenia

Luty 2012 Wydarzenia

Multipack Wydarzenia
"Opakowanie zbiorcze jest wspólnotą wielu utalentowanych specjalistów internetowych z całego West Midlands. Co miesiąc dostajemy razem, aby omówić projekt, kod, standardów i zaawansowanejnologii, i dzielimy się naszą wiedzą, umiejętnościami i talentami. "

Kiedy: Różne terminy w 2012 r.
Gdzie: Różne miejsca UK

Web Directions "" Co ty wiesz? "
"Przyjdź na 6.30pm i będziemy kopać wokół 7.00pm. Będzie dziesięć szybki i wściekły pięć minute prezentacje popisywać fajny tworzenie stron internetowych lub techniki projektowania. Będzie darmowe piwo i coś przekąsić, a to wielka szansa, aby zobaczyć, kto robi to, co w lokalnej branży internetowej. Do zobaczenia! "

Kiedy: Różne terminy rozpoczynające się 16 lutego 2012
Gdzie: Różne miasta w Australii

WordCamp
"WordCamp jest konferencja, która koncentruje się na wszystko WordPress. WordCamps są nieformalne, społeczności zorganizowane wydarzenia, które są połączone przez użytkowników WordPressa jak ty. Każdy z przypadkowych użytkowników do głównych programistów uczestniczyć, dzielenia się pomysłami i poznawać się nawzajem. "

Kiedy: różne daty początku 17 lutego 2012
Gdzie: Miami, Phoenix, Słowacja, Bangkok, Holandia, San Diego, Ponce

SES Conference & Expo
"SES Conference & Expo jest wiodącym na świecie seria zdarzeń, które kształci delegatów w poszukiwaniu i marketingu społecznego, kładąc szczególny nacisk na taktykę i najlepszych praktyk. SES Wydarzenia provinstrukcja ide z najlepszych w branży specjalistów, w tym przedstawicieli wyszukiwarkach samych. "

Kiedy: Różne terminy rozpoczęcia 20 lutego 2012
Gdzie: Londyn, Nowy Jork, Szanghaj, Toronto, San Francisco

W konferencji sterowania
"Ucz się od najróżniejszych ekspertów internetowych do korzystania z nowoczesnych narzędzi i technik w celu doskonalenia swojego rzemiosła projektowania witryn sieci Web teraz. Wykorzystaj twórczą inspirację, aby odblokować potencjał, zwiększyć innowacyjność i poszerzać swój zasięg. Zanurz się w dwa dni wymiany idei z potencjalnymi partnerami biznesowymi, którzy są tak myślących jak Ty. "

Kiedy: luty 20-21, 2012
Gdzie: Orlando, FL, USA w Embassy Suites Orlando

iStrategy
"IStrategy jest inspirujący, dwa-dni, cyfrowy konferencji prasowej dla kadry kierowniczej, którzy wierzą, że sukces ich działalności wymaga solidnej strategii cyfrowych. iStrategy odbywa się dwa razy do roku w każdej z naszych czterech miejscach regionalnych zawodów w Ameryce Północnej, Europie, Australii i Azji. "

Kiedy: różne daty początku 21 lutego
Gdzie: Sydney, Londyn, Chicago

LessConf
"LessConf nie przypomina innych imprez słyszeliście o. Oczywiście nie ma głośników, po partii, ludzie z laptopami, ale LessConf było

Collaging: Uzyskanie odpowiedzi na pytania Nie wiesz To Ask

Smashing Magazine — Fri, 10 Feb 2012 00:03:07 +0000

Podczas przeprowadzania badania użytkownika, wszyscy wiemy, że zadawanie właściwych pytań jest tak samo ważne jak je zadać, ale skąd wiesz dokładnie, jakie pytania zadać? Co jeśli temat dyskusja jest bardzo osobisty? Jak uzyskać pełny obcy otworzyć? Nie ma lepszego sposobu na przeprowadzenie dogłębnego wywiadu, i nie pociąga za sobą schowka. Wystarczy wyobrazić sobie, co można odkryć, jeżeli uczestnik w odpowiedzi nie były ograniczone do określonego zestawu pytań. To gdzie collaging może pomóc.

Collaging jest technika projekcyjna, w którym uczestnicy wybierają zdjęcia, które reprezentują, jak ma się na dany temat. Uczestnicy następnie wyjaśnić moderatora powodu wybrali każdy obraz. Kolaż staje się instrumentem, poprzez który uczestnicy są w stanie wyrazić myśli i uczucia, że nie może inaczej były w stanie wyrazić. Ta informacja pozwala nam lepiej zrozumieć świat i użytkownika, jak zaprojektować dla niego.

Obraz jest wart tysiąca słów

Tak, może być zadając sobie pytanie: "Dlaczego miałbym ludzie robią kolaże, zamiast po prostu zapytać ich wprost pytania o swoich potrzebach i uczuciach?" To wielkie pytanie, a odpowiedź jest czasami najcenniejszym Odpowiedź nie jest w odpowiedzi na bezpośrednie pytanie, ale jedno to wywołało. obraz może być potężnym bodźcem, który wywołuje silną odpowiedź, uruchamia pamięć i wydobywa uczucia, które istnieją byćniskim osoby własny poziom świadomości.

Gerald Žaltman, autor Jak klienci myślą, że "95% naszych myśli i uczuć są nieświadome." Nie jest tak dużo, że możemy nosić ze sobą w myślach, ale nigdy nie udział aż coś wyzwala go. Kiedy pytamy uczestnika zestaw pytań predefiniowanych, mamy góry determinujące zakres wywiadu. Zamiast tego, poprzez prezentację wizualną bodziec, jesteśmy pozwalając uczestnik rozpocząć rozmowę i wychować tematów, które mają znaczenie dla nich.

Są też chwile, kiedy nie znają prawo zadać pytanie. Czasem trzeba zrobić, ale nie wiesz jak poprosić go. W zależności od tego, czego badania, uczestnicy mogą mieć trudności z otwarciem do Ciebie. Temat badawczy może być zbyt osobisty, kontrowersyjne lub wrażliwe dla uczestnika po prostu otworzyć i rozpocząć rozmowy z zupełnie obcego. Kolaż staje się katalizatorem do dyskusji, ice-breaker.

Czego można się nauczyć

Collaging jest metoda budowania empatii z użytkowników. Zyskasz emocjonalne zrozumienie przez użytkownika uczucia, problemy, stan umysłu i tak dalej, co jest konieczne, aby wiedzieć przy projektowaniu dla nich. Collaging może również pomóc lepiej zrozumieć potrzeby użytkownika, z kolei pomaga Ci rozwiązać je w swój produkt.

Wspaniała rzecz na temat tej metody jest to, że uczestnicy mogą ujawnić historie, które wyłania się linia kwestionując o temat, którynigdy nie oczekuje się badać (jak zobaczymy w poniższych przykładach). Szczerze nie wiem co będzie uczyć się od każdego uczestnika kolażu.

Krótka historia Projekcyjnych Techniki

Collaging nie jest nowy. Metoda ta została dobrze wykorzystywane do przeprowadzania badań jakościowych marketingowych przez co najmniej 40 lat. Jego wykorzystanie w marketingu był głównie do oceny uczucia wobec marek i produktów. Inne techniki projekcyjne – testy takie jak Rorschach, słowa i zakończenie zdanie, sporządza-a-osobę i apercepcji tematycznej – sięgają początków 19 wieku. Wszystkie te metody mają swoje korzenie w psychologii, ale ich wniosek został rozszerzony na inne dziedziny, takie jak reklamy, zarządzania socjologii, antropologii, a ostatnio, doświadczenia użytkownika (UX), aby wymienić tylko kilka. Collaging jako metoda badawcza użytkownik ma jeszcze być powszechnie przyjęty w naszej branży, ale widziałem stały wzrost jego stosowania i popularność w ciągu ostatnich kilku lat.

Przeprowadzenie ćwiczenia Collaging

Poniżej wymienione są wszystkie kroki niezbędne do prowadzenia własnych badań collaging. Idźmy więc przez nich wspólnie.

1. Wybierz temat Zainteresowania

Ćwiczenia collaging powinny skupiać się na określonym temacie. Będziesz prosząc uczestników wybrać zdjęcia, które odzwierciedlają ich uczucia na ten temat. Na przykład, gdybym przeprojektowanie strony internetowej, mogę zwrócić się do uczestnika,

"Wybierz zdjęcia, które odzwierciedlają jak byś i woul