Projektowanie stron internetowych

Zatrzymaj Przeprojektowanie i Start Tuning swoją stronę Zamiast

Smashing Magazine — Fri, 18 May 2012 23:08:49 +0000

W moich prawie dwie dekady jako architekt informacji, widziałem moi klienci spłukać miliony milionów dolarów na bezwartościowe, bezcelowe, "naprawić go raz na zawsze" redesigns strony. Wszystkie rodzaje organizacji są winni: duże agencje rządowe, 500S Fortune not-for-profit i (szczególnie) instytucje szkolnictwa wyższego.

Co gorsza, te organizacje obrażające są podatne na powtórzenie procesu zmiany projektu co kilka lat, jak rozrzutnego amnesiacs. Pamiętaj, co Einstein powiedział o szaleństwie? (Jest to, jeśli nie wiesz). To tak jakby cieszyć się uczucie nie spektakularnie, publicznie i drogo. Niestety, redesigns rzadko rozwiązuje rzeczywistych problemów napotykanych przez użytkowników końcowych.

Jestem sfrustrowany, bo tak naprawdę nie musi tak być. Przyjrzyjmy się dlaczego redesigns stanie, a niektóre proste i niedrogie sposoby możemy ich uniknąć.

Diagnostyka Pustka

Użytkownicy narzekają Twojej strony omyłkowego nawigacji, treści zestarzeć, użyteczności biednej i innych awarii user experience. Przynosisz swoje narzekanie ze stroną internetową firmy właścicieli. Słuchają i zadecydować o podjęciu działania. Ich serca są we właściwym miejscu. Ale koła szybko spaść.

Większość właścicieli witryn nie wiedzą, jak rozpoznać problemy związane z dużym stronie kompleksu. To nie tylko coś ich kiedyś uczył robić. Tak, są one umieszczone w nieszczęśliwym, pozycji niewygodnej prowadzenia jak liczyćlekarze ry, którzy byli nagle za zadanie uratować swoich pacjentów z wirulentnego pandemii nowego. To ich odpowiedzialność, ale są po prostu nieprzygotowani.

Niestety, wielu właścicieli witryn wypełnić tę pustkę diagnostyczny – lub, częściej, pozwól mu zostać wypełnione – z cokolwiek rozwiązanie brzmi najlepiej. Oczywiście, wiele mniej niż etyczne producenci cieszą się ubrać swoje oferty w postaci roztworów do nikogo z problemem – i budżetu. Narzędzia sami (wyszukiwarki, CMS ", w aplikacje społeczne) są wspaniałe, ale to nadal tylko narzędzia – bardzo drogie, na które – a nie rozwiązania problemów bardzo specyficznych że an twarze organizacji. Bez odpowiedniej diagnostyki, aby kierować konfiguracji narzędzi, wszelkie wynikające ulepszenia doświadczenia użytkownika będzie prawie przypadkowe.

Czasem agencje projektowe zostały podane w celu wypełnienia luki diagnostycznej. I choć nie wszystkie agencje są złe, bardzo wiele po modelu biznesowego, który zależy od uzyskania ich zespołów do projektu ustawy, jak wiele godzin, jak mogą i jak najszybciej. Diagnostyka może spowolnić pracę w dół (czyli dlaczego klienci rzadko zawierają diagnostycznego etapu w ich Reversed Field Pinch). Tak, wiele agencji przenieść do szybkie, konkretne wrażenie (i uczynić ich klienci zadowoleni) wydawanie redesigns, które są głównie kosmetyczne.

Ładna twarz może trwać zaledwie kilka lat, ale wtedy agencja dawno minęły. Niezmiennie, nowy właściciel chce dokonaćznak ir przez odświeżające lub aktualizowanie strony internetowej na wygląd. I jeszcze agencja będzie więcej niż szczęśliwy zobowiązać. Powtarzać do znudzenia, a nawet więcej.

Aha, i czasami Oba te projekty mogą być drogie. Jak 18.000.000 dolarów drogie.

Zobacz dlaczego jestem taki zrzędliwy?

Zapomnij o długi ogon: Krótki Szef Czy Gdzie Jest Na

Nieważne, czy jesteś właścicielem projektant, badacz lub strony internetowej, mam dobre wieści dla Ciebie: diagnostyka nie koniecznie trudne lub kosztowne. Jeszcze lepiej, będziesz często, że zajęcie się problemami, które zdiagnozowane nie jest trudne.

A najlepsze wieści? Małe proste poprawki mogą osiągnąć o wiele więcej niż drogie redesigns. Powód? Ludzie po prostu dbać o jakiejś rzeczy więcej, niż dbać o inne rzeczy. Dużo więcej. Sprawdź to a zobaczysz:

To hokej-stick kształcie krzywej nazywa Zipf krzywa. (Pochodzi z językoznawstwa: Zipf był językoznawca, który lubił liczyć słowa … ale nie martw się o to.) Oto ona w postaci smoka, wyświetlanie częstotliwości zapytań na stronie internetowej. Do najczęściej wyszukiwanych zapytaniach (licząc od lewej) są bardzo częste. Oni tworzą "krótką głowę." Jak poruszać się w prawo (do ezoterycznych jednorazowych zapytaniach w "długi ogon"), częstotliwość zapytań spada. Dużo. I to naprawdę długi ogon.

To jest absolutnie najważniejszą rzeczą we wszechświecie. Tak więc, aby upewnić się, że jest absolutnie jasne, zróbmy ten sam punkt przy tex

Algorytmy plecak i Public-Key Cryptography Made Easy

Smashing Magazine — Fri, 18 May 2012 23:08:44 +0000

E-commerce działa w tajemnicy. Te tajemnice pozwalają zaktualizować swój blog, sklep w Amazon i kod akcji na Github. Bezpieczeństwo komputera jest o utrzymując tajemnice znane tylko tobie i osób, które zdecydują się na udostępnianie ich.

Byliśmy dzielenie tajemnice od wieków, ale Internet działa na szczególny rodzaj tajnego dzielenia nazwie klucza publicznego kryptografii. Większość tajnych wiadomości zależy wspólne hasło-klucz lub hasło, wszyscy zgadzają się z wyprzedzeniem. Z kluczem publicznym akcje kryptografii grypsy bez wspólnego klucza tajnego i sprawia, że technologie takie jak SSL możliwe.

Kryptografia jest przerażające słowo: to wywołuje myśli o skomplikowanych równań i operacje zmiennoprzecinkowe. Kryptografia ma dużo matematyki, ale to bardziej o utrzymanie i udostępnianie tajemnic.

Proste Tajne

Mówienie moich najlepszych przyjaciół sekret jest prosty: znaleźć prywatne miejsce i szeptać jej w uszach. Dopóki nikt nie słucha się, jestem całkowicie bezpieczna. Ale Internet jest pełen podsłuchem, więc musimy kodów.

Mamy wszystko było wynalezienie kody ponieważ byliśmy dziećmi. Stworzyłem ten prosty kod numeryczny (właściwie szyfr), kiedy miałem 5:

= 1, b = 2, c = 3, d = 4, E = 5 ...

To nabrać moich przyjaciół, ale nie moi rodzice. Proste szyfry zastępcze są oparte na braku wiedzy. Jeśli wiesz, jak one działają, to można rozszyfrować każdej wiadomości. Eksperci nazywają to "luk." List i podstawienia liczba nie działają na Internet, ponieważ każdy może szukać ich na Wikipedii. Dla bezpieczeństwa komputera, musimy kody, które są nadal bezpieczne, nawet jeśli źli, albo twoi rodzice, wiedzą, jak one działają.

Najbardziej bezpieczny kod jest nadal łatwy w obsłudze: "jedno-time pad". Jednorazowe wkładki zostały wykorzystane przez wieki, więc nie trzeba nawet komputery. Grali wielką rolę w II wojnie światowej, kiedy każdy pad papieru z najważniejszych numerów została wykorzystana tylko raz.

Powiedzmy, że chciałem wysłać ten tajny komunikat:

Uwielbiam tajemnice

Po pierwsze, chciałbym zwrócić wiadomość do liczb z wykorzystaniem mojego prostego szyfru od kiedy miałem 5. (Słyszałem pogłoski, że inni mieli ten pomysł pierwszy, ale ja nie wierzę w to.)

Potem ja mash moja klawiatura wygenerować losowy klucz ciąg dla mojego jednorazowa maska.

Teraz mogę dodać dwa ciągi razem. Jeśli moja liczba jest większa niż 26, to bym po prostu owinąć go wokół na początku. Tak, i(9) + e(5) = n(14) i o(15) + t(20) = i(35 - 16 = 9) . Rezultatem jest zaszyfrowany ciąg znaków:

Odszyfrowywania ciąg, aby uzyskać sekret z powrotem jest bardzo proste. My po prostu odjąć jednorazowy Pad: n(14) - e(5) = i(9) . Śledź ten wzór na całej wiadomości, można bezpiecznie udostępniać w tajemnicy. Nawet nie potrzebujesz komputera: wystarczy dogadać się z długopisu i papieru.

Funkcja ta nazywana jest symetryczny algorytm klucza, albo wspólny algorytm klucza, ponieważ używa tego samego klucza do szyfrowania i odszyfrowywania mniessage. Nowoczesne systemy mogą bezpiecznie korzystać z klawiatury więcej niż raz, ale podstawowa idea jest ta sama.

Jednorazowy pad jest całkowicie bezpieczne, ponieważ cyberprzestępcy nie wiem jak mamy zakodowany list. n może być i + e , j + d lub innej kombinacji. Możemy wykorzystać nasze wspólne tajne (jedno-time pad) raz podzielić się kolejną tajemnicę.

Ale jest fatalny błąd. Musimy dzielić się jednorazowa maska z wyprzedzeniem zanim będzie można rozpocząć tajemnice udostępniania. To kurczak-and-jajko problem, ponieważ nie możemy dzielić pad bez obawy, że ktoś będzie szpiegować. Jeśli źli uzyskać jednorazowy pad, a następnie będą one w stanie czytać wszystkiego.

Jednorazowe wkładki pomóc mi podzielić się sekretami z moich najlepszych przyjaciół, ale nie mogę ich użyć w stosunku do obcych, takich jak Amazon czy Facebook. Potrzebuję sposób udostępniania coś publicznie, że nie zagraża mi jednorazowa maska. Potrzebuję klucza publicznego.

Public-Key Plecak

Publiczno-klucz szyfrowania skupia się na jednym problemie: jak mam udowodnić, że coś wiem nie mówiąc co to jest? Prosta koncepcja, aby pomóc nam zrozumieć to plecak pełen ciężarami.

Chcę udowodnić, że wiem, co wagi są w moim plecaku, ale nie chcę ci powiedzieć, czym one są. Zamiast pokazywać się wszystkich ciężarów oddzielnie, Powiem ci sumy. Teraz można zważyć paczkę i sprawdzić, czy mam rację bez otwierania go.

Jeśli paczka waży 20 kilo, to nie wiem, czy to

Jak Dostosowywanie panelu administracyjnego WordPressa łatwo

Smashing Magazine — Fri, 18 May 2012 23:08:39 +0000

W tym artykule zrobić sobie przerwę od niektórych bardziej zaawansowanych sposobów dostosowania WordPress, i podzielić się super łatwych technik dostosowywania dla obszaru WordPress Admin.

Jeśli dopiero zaczynasz z WordPress, lub zostały uruchomione z funkcjonalności domyślnego na jakiś czas i teraz chcą kopać w kilka użytecznych i łatwo sposobów dostosowania swojej strony w systemie WordPress, doskonałym miejscem do rozpoczęcia jest obszar Admin WordPress, lub backend. Jednym z wielkich rzeczy na temat WordPressa jest to, że każda część zaplecza jest łatwo konfigurowalne za pomocą prostych funkcji PHP.

W tym artykule dowiesz się, jak dostosować stronę logowania z własnym logo, dodać nowe widgety do deski rozdzielczej, dodać własne treści do administratora stopce ułatwiają wsiadanie i wysiadanie z panelu administracyjnego i innych. W połączeniu, techniki te mogą poprawić branding, dostępność oraz użyteczność witryny WordPress napędem.

Zmiana domyślnego adresu URL Zaloguj się WordPress

Domyślnie logując się do obszaru WordPress Admin wymaga albo /wp-admin lub /wp-login.php w adresie URL, który dużo listy dialogowej do pisania. Można jednak jeszcze łatwiejsze poprzez zmianę loginu URL do czegoś bardziej niezapomniany i lepiej oznakowane.

Ta technika wymaga .htaccess operacji na plikach. Zazwyczaj jest to plik ukryty w głównym katalogu instalacji WordPressa. Jest tworzony automatycznie przez WordPress po ustawieniu niestandardowego Permalinks przy użyciu adresu URL przepisywanie.

Po pierwsze, sprawdź, czy SFTP / FTP preferencji klienta, aby pokazać ukryte pliki, większość klientów FTP poradzić. Następnie sprawdź, czy plik .htaccess istnieje. Jeśli nie jest to przypadek, utwórz go za pomocą ulubionego notatnika. W systemie Windows, należy użyć Notepad + + oprogramowanie do jego utworzenia. Otwórz je i dodaj tę linię na górze:

 RewriteRule ^ logowania $ http://YOUR_SITE.com/wp-login.php [NC, L]

Wystarczy zastąpić słowo kluczowe logowania z jednym wybranym i Twojej strony URL.

Teraz otwórz swoją ulubioną przeglądarkę i przejdź do http://yoursite.com/login~~pobj. Zostaniesz przekierowany do strony w systemie WordPress logowania. Pamiętaj, że twoi klienci nie mają wiedzieć wszystko o WordPress Zastosowanie-przyjazny URL jest o wiele lepiej do zapamiętania niż /wp-login.php.

Łatwe do zapamiętania, łatwy do nauki, łatwy do nauczenia!

Zmiana domyślnego External Link strony WordPress Zaloguj się

Po zalogowaniu się do WordPress, odnośniki logo domyślne do WordPress.org. Pozwól mi pokazać, szybki wskazówka dla korzystających z własnego łącza. Otwórz plik functions.php. Następnie należy dodać następujące linie kodu. I pamiętaj, aby pamiętać, PHP obudowy znacznika.

 / / Użyj własnego logo external link URL
wpc_url_login function () {
	powrót "http://wpchannel.com/~~dobj" / / adres URL tutaj
}
add_filter ("login_headerurl ',' wpc_url_login ');

Nie zapomnij zapisać fIle. Zaloguj się aby zobaczyć wynik. Lepiej, nie?

Dostosowywanie logo Zaloguj Bez Plugin

Wzmocnić swoją markę poprzez zmianę domyślnego logo logowania WordPress. Logo jest jednym z najważniejszych elementów marki! Ludzie będą go pamiętać cię znaleźć szybko. Zaprezentuj go!

Jest to domyślny WordPress ekran logowania:

Aby wzmocnić go, dodać te linie kodu w functions.php:

 / / Custom Logo Zaloguj się WordPress
login_css function () {
	wp_enqueue_style (. login_css "get_template_directory_uri () '/ css / login.css');
}
add_action ("login_head ',' login_css ');

Trzeci punkty linii w kierunku osobnym stylów. Nawet jeśli jest to możliwe w obsłudze, że z domyślnym motywem CSS, radzę używać Firebug-użyteczne Firefoksa lub jakiekolwiek inne narzędzie programistyczne Web, który umożliwia edytowanie witryny w czasie rzeczywistym. Jak widać, tylko jedna linia kodu jest potrzebne aby zmienić logo domyślne.

 # Login h1 {
	background-image: url ("http://YOUR-WEBSITE.com/wp-content/themes/YOUR_THEME/images/custom_logo.png") ważne;
	}

Zapraszamy do zmiany adresu URL logo jeśli nie jest on zlokalizowany w folderze theme. Teraz rzucić okiem na swojej stronie logowania: Twoje zamówienie pojawi się logo!

Jeśli nie jest to przypadek, upewnij się, że nie białe linie są obecne w końcu functions.php pliku.

Zmiana stopce Wor

Stopę na najniższej: Pierwsze wypadów do wrażliwego Web Development

Smashing Magazine — Fri, 18 May 2012 23:08:33 +0000

Reaguje projekt jest najgorętszym tematem w front-end aplikacji WWW teraz. Zapowiada się przekształcać w internecie we wszystko śpiew, wszystko-taniec, all-urządzeń innych firm, gdzie mamy dostęp do wszelkich informacji znajduje się w dowolnym miejscu na świecie. Ale nie reaguje konstrukcja dobrze przetłumaczyć tekst z ciężkiej blogosfery Web design z twardą rzeczywistością systemów komercyjnych?

Pogłoski przyszedł poprzez naszą pocztą pantoflową biurowego że dyrekcja chce zreorganizować naszą mobilną obecność. Mówiło się z wielu aplikacji budowane na zewnątrz, które mogłyby zostać wykorzystane na niektóre z najważniejszych urządzeń mobilnych. Nasz zespół został zapoznanie się z funkcją konstrukcji i przedstawiła propozycję rezygnacji z urządzeń specyficznych aplikacji oraz opracowanie jednolitego reagujących stronę internetową, która może być wymierzona zarówno pulpit i użytkowników mobilnych. Po kilku demówek pochopnych i prototypów, pomysł został zaakceptowany i zaczęliśmy pracę.

Skrócie: aby nasza obecna strona internetowa, Airport-Hotels.uk, reagujący z zachowaniem istniejącego układu dla użytkowników w przeglądarkach po 1000 pikseli i do góry.

Oto co wybraliśmy się po drodze.

Zaczynając z pulpitem jest OK

Ogólna zgoda, teraz wydaje się być "mobilny w pierwszej kolejności." Zgadzam się. Poczynając od jednego (ish)-kolumny stronie mobilnej jest najprostszym sposobem, aby uzyskać CSS na dobry początek. Jednak użycie zewnętrznego biurem projektowym, więc czas i koszt nowego projektu mobile pierwszego nie było możliwe. To pozostało do autora front-end do przetłumaczenia istniejącej depodpisać na ekranach mniejszych wymiarach.

Rozwiązaniem było rozbić na stronie internetowej w mniejszych bloków (lub bryły), które mogłyby być umieszczone w różny sposób w przeglądarce szerokość wzrosła. Doprowadziło to do naszej pierwszej bazy zapytania mediów, który zawierał główne elementy marki, przy minimalnym informacji układu. Ponieważ bryłki były wielkości dość stałym, mieliśmy podstawy do tworzenia siatki dla każdego z naszych głównych mediów zapytaniami. Wszystko, co nie zostało uznane za "samorodek", takich jak większego bloku tekstu, byłby czuły i wypełnić luki, które nuggets nie mógł.

Chociaż metoda ta nie jest tak dobra praktyka jako "mobilnej początku", to ma tę zaletę, że szybciej i taniej niż pełne redesign. I podnieść wielką wiedzę na drodze do kiedy zasoby nie będą dostępne na coś bardziej istotnego.

Less Is More

Kiedy się nogi mokre z zapytaniami mediów, masz ochotę iść na całość, ale czy trzeba? Teoretycznie można służyć zupełnie inny projekt do każdego urządzenia. Choć byłoby to spektakularne i samo satysfakcjonujące, utrzymywanie go byłoby koszmarem. Skończyło się za pomocą zapytań multimediów w 320 Andy Clarke i do ram, zawierający cztery punkty przerwania (1382 pikseli nie było w skrócie). Patrząc wstecz, możemy usunąć co najmniej jedno z tych pytań, ewentualnie dwa.

Byliśmy gromadzenie statystyk w ciągu kilku tygodni ponieważ strona tychzwolnienie, i jak dotąd większość naszych klientów są uruchomione przeglądarki jednym z 320 × 480 pikseli lub na pełnych desktopów. Mogliśmy trafić ponad 85% naszej bazy użytkowników, skupiając się na tych uchwał, natomiast zmniejszenie na czas rozwoju i utrzymania.

Było to szczególnie widoczne na naszej stronie dostępności, które łatwo zawiera najwięcej informacji o każdej z tych stron w naszym przepływu rezerwacji. W końcu, zamiast starać się służyć doskonały wygląd każdej szerokości urządzenia, przeprowadziliśmy wiele z CSS dla największego zapytania mediów do wielkości poniżej: mniej konserwacji, mniej kłopotów, i więcej czasu na pracę nad UX (i, ważniejsze dla biznesu, dokonywanie rezerwacji).

Możliwość Sniffing Is Not Enough

Kiedy pierwszy raz zobaczyłem narzędzia, takie jak Modernizr, myślałem, że one wszystko zmienić. Przypuszczam, że mają, ale nie polegaj na nich zbyt wiele. Mobilne przeglądarki mają więcej niż jakikolwiek niespójności pulpicie jaką kiedykolwiek widziałem. Nawet WebKit oparte na przeglądarkach może uczynić rzeczy zupełnie inaczej. Z narzędzi diagnostycznych co najmniej, to jak byliśmy sens powrót do epoki pre-deweloperskiej pasku narzędzi ustalania IE bug. Na szczęście, to jeden z moich ulubionych rzeczy.

Poznawanie ten dziwny nowy świat błędów stał się jednym z najważniejszych aspektów projektu. Kilka moich ulubionych są podświetlone poniżej. Mamy nadzieję, że nie będzie wycieczka ciebie.

Kolumny CSS

Kocham kolumn CSS. Byłem chcąc wykorzystać je na chwilę, ale innych niż małych osobistych projektów, nic z odpowiedniej treści

Szybki Kurs na skutecznej witryny Copywriting

Smashing Magazine — Fri, 18 May 2012 23:08:26 +0000

Wiele odwołać copywriting jako coś, co ludzie agencji reklamowej zrobić. Prawdę mówiąc, wszyscy musimy zwrócić szczególną uwagę na copywriting, jeśli chcemy osiągnąć nasze cele biznesowe.

Celem "normalne" tekst jest poinformowanie lub rozrywki. Celem internetowej kopii (i idealnie Twoja strona w ogóle) jest, aby ludzie mogą zrobić coś, aby się zarejestrować, dokonać zakupu, lub coś podobnego. Wynajęcie profesjonalnego copywriter mogą być bardzo drogie, co jest jednym z powodów jest to cenna umiejętność, aby samemu.

"Nie trzeba się nauczyć copywriting, piszę na podstawie jak to brzmi dla mnie."

Myślisz, że nie muszą uczyć się copywriting?

David Ogilvy, ojca współczesnej reklamy, skierowane to w swojej książce o Reklama Ogilvy. Jednym z jego copywriterów powiedział mu, że nie czytał żadnej książki o reklamie, wolał polegać na własnej intuicji.

Ogilvy zapytał go: "Przypuśćmy, że twój woreczek żółciowy należy usunąć tego wieczoru. Czy wybrać chirurga, kto przeczytał kilka książek o anatomii i wie, gdzie pęcherzyka żółciowego, to czy ktoś, kto opiera się na własnej intuicji? "

Co odróżnia najlepszych ekspertów z przeciętnych graczy jest to, że najlepiej dowiedzieć się więcej. Możesz napisać lepszą kopię, jeśli wiesz o nim więcej.

Proces pisania Wielkiej Kopiuj

Wszystko jest łatwiejsze dzięki odpowiednim procesie. Jeśli podejście do copywriting jest "Ja po prostu spróbujbyć przekonujące ", jesteś ustawienie się na porażkę.

Nawet nie trzeba być "naturalny pisarzem" wymyślić doskonałą kopię, wystarczy odpowiedni proces i pewne podstawowe zasady dotyczące pisania tekstów, który sprzedaje.

Najlepsze procesy są proste, jak to te, których chcesz użyć.

Oto sześć kroków efektywnego procesu copywriting:

Badania: klient, produkt i konkurencji.
Drzewo i drogowskazami.
Kopia projekt.
Boost konwersji.
Poprawić, zmienić.
Test.

A teraz przejdźmy do szczegółów:

1. Badania

Często jest to najbardziej czasochłonne częścią copywriting.

"Nie stać przypadkiem druciarza wytwarzania udaną reklamę chyba zacząć robić swoją pracę domową. Zawsze uważałem to bardzo żmudne, ale nie ma sposobu wokół niego. "
- David Ogilvy

David Ogilvy miał zadanie do wykonania copywriting na reklamę Rolls Royce. Spędził trzy tygodnie czytając o nim, zanim wpadł w nagłówku i resztą kopii. Podczas gdy mówił o reklamie, to równie zastosowanie do Twojej kopii-internetowej celem jest, aby ludzie coś zrobić.

Słynny Rolls Ogilvy w ad Royce.

Musisz dowiedzieć się, dlaczego ludzie kupują produkt, w jaki sposób kupić, co oni z niego korzystać za, a co jest naprawdę ważne, abyim. Jeśli nie masz to zorientowali się, naprawdę nie można napisać kopię, która działa. Kiedy to twój własny biznes, że piszesz kopię do rzeczy pójść znacznie szybciej, oczywiście, jak wiadomo produkt i konkurencję.

Konkurs ocenić

Musisz być świadomy swojej bezpośredniej konkurencji, w jaki sposób zaprezentować swój produkt, a co twierdzi zdają się czynić. Jeśli nie sprzedajesz coś wyjątkowego, to sprzedają się jak dużo dla konkurencji, jak sprzedają się za siebie. Jako "sposób" inni lub wybierając za "jeden z wiodących dostawców" to strategia przegraną.

Badania Neuromarketing mówi nam, że różnicowanie naszych roszczeń jest kluczem do rozmowy starego mózgu, podejmowania decyzji część naszego mózgu. Cała nasza tożsamość firmy powinny się różnić od konkurencji, a roszczenia robimy o naszym produkcie powinny wyróżniać.

Get Out Urzędu

Odpowiedzi nie są w biurze i nie będziesz musiał Eureka-momenty w burzy mózgów spotkań (praca indywidualna jest dużo bardziej efektywne w każdym razie). Trzeba przesłuchać ludzi. Nie trać czasu rozmów kwalifikacyjnych przypadkowych ludzi, trzeba rozmawiać z idealnych klientów i dowiedzieć się co jest w ich umysłach.

Dowiedzieć się co myślą o swoim rodzaju produkt, jakim językiem oni używać, gdy mówią o tym, jakie atrybuty są dla nich ważne, a co zapowiada najprawdopodobniej przekonujących

Czcionka Wars Story na rywalizacji typu Odlewni

Smashing Magazine — Tue, 15 May 2012 23:08:16 +0000

Myślałam terminów takich jak "własności intelektualnej" i "kradzież intelektualną" były pochodzenia dość niedawno, więc mój wzrok został złapany przez jego użycia w nagłówku 1930 edycji amerykańskiego Trade Journal drukarki amerykański.

Artykuł jest kierowany okazał się równie intrygujący, odpowiedź prezydenta amerykańskich Fundatorów typ (ATF) do 1929 czerwca artykule w niemieckim czasopiśmie Gebrauchsgraphik przez projektanta Rudolf Koch, nazywając ATF złodzieja "Highway niemieckiej własności intelektualnej. "Chodziło krój sprzedawane przez ATF wcześniej w 1929 roku o nazwie Rivoli.

Koch i niemiecki typ odlewnia Klingspor twierdzili, że Rivoli było nie więcej niż kopia 1922 projektowaniu Kocha Kocha Antiqua, również znany później jako Locarno i wydany w USA jako Eve. Klingspor już na drogę sądową za piractwo przed wiedeńskim odlewni Karola Brendler und Söhne dla jego Lookalike Antiqua Radio ale bez powodzenia.

Część próbki skryptu Wyss To oferowanych przez ATF do tyłu swoje twierdzenie, że Koch Antiqua nie był jego projektanta własności intelektualnej. Żaden z tych dwóch stylów "g" przypominają Kocha jednak wziąć tylko jeden przykład.

Koch Antiqua, a wielkie litery kursywę.

Klingspor stracił takim przypadku ATF argumentował, bo daleko od Koch Antiqua jest Koch-tych lub niemieckiego prawa własności intelektualnej, zarówno ona, jak i austriacki twarz były oparte na Lombardic pióraprodukty te zostały szwajcarskiego kaligraf Urbanus Wyss, w szczególności z jego 1549 książek Libellus Doctus Valde. Klingspor nie może powoływać kradzież projektu, który nie był jej na początku.

Niezależnie od prawdy o tym, najbardziej uderzającym elementem broadside ATF, była jej wstęp wolny, że podobieństwo między Rivoli i Koch Antiqua / Ewy, daleki od bycia przypadkowe, było dość celowe, Rivoli został stworzony i wydany zarówno jako spojler popularny Ewa i jako "kontruderzenia" twarzy. Klingspor został częściowo własnością Stempel, którego 1925 Katalog zawiera co ATF twierdzili były "confessedly" czternaście typoszereg pochodzenia amerykańskiego, w tym co za pirackie wersje ich własnych projektów.

ATF porównywarka z twarzy, które towarzyszyły jego artykuł, ale nie jest prawda, mówi David Pankow. Co był uważany za scenariusz Wyss 'był w rzeczywistości Brendler i Söhne w Radio Antiqua, drukowane głównie na miękkim papierze.

ATF-Koch-Stempel face-off była częścią dzikiej wojny murawy walczył przez spółkę w celu obrony swojej pozycji rynkowej, z-zapewne tylko dziesięć lat po wojnie, niektórzy Świat narodowy antagonizm rzucony cala (Pełen historii zobaczyć Davida Pankow na "Twarz pod inną nazwą jest nadal My Face: A Tale of Piracy typów". w Drukowanie Historia Nowy Jork, 1998 r., str. 37) ATF pozostawała stosunkowo konserwatywny w swoich projektach, natomiast na własnym progu Nowego Jorku oparte Typefounders ContinentalStowarzyszenie zostało importowanie typ, w którym została zawarta z najnowszymi europejskimi stylistycznych zmian. Zgryźliwość języka po obu stronach była nieograniczona, i to pogarsza ATF podejrzenia, że Continental zaangażowany był również podsyca płomienie tego argumentu.

Projekt typu jest firma, która od dawna jest utrudnione z powodu piractwa i plagiatów ust świadome lub nie), kwestie licencyjne i słabe lub brak ochrony prawnej własności intelektualnej. Niektóre problemy wynikają z natury samego rzemiosła. Chociaż, w teorii, wiele sposobów można umieścić punkty, powiedzmy, stolicy "A" są niezliczone, wymagania czytelności, stylu i mody radykalnie zmniejszyć opcje, a projekty alfabet wszyscy korzystają z tego samego surowca.

Jako projektant Dave Farey określał się, żartobliwie, ale z nurt prawdy, "Nic nie zrobiłem, jest oryginalny. To wszystko opiera się na 26 liter alfabetu i cyfr arabskich. "Dodaj do tego odrodzenia i redrawings klasycznych twarzy, a podobieństwa są nieuniknione. Projekt typu jest sztuka, która stale się echem i aluzje. Większość ludzi, którzy pracują w dziedzinie sztuk graficznych, są w dużej części ich psychice projektowania, wentylatory. Byliśmy prawdopodobnie inspiracją do rozpoczęcia pracy na pierwszym miejscu, widząc pracę innych ludzi, że absolutnie miłości. To nieuniknione, że część tego DNA będzie pojawić się lub być używane świadomie w naszej pracy. W przypadku przebudzeń typu, możesz przynajmniej kredyt twój sourc

Smashing dzienne # 1: Mobile Lab urządzenia, Przeglądarki i animowane GIF

Smashing Magazine — Tue, 15 May 2012 23:08:11 +0000

Od redakcji: Ten post jest pierwszym z nowej serii o codziennym Smashing Magazine smashing, gdzie wyróżnić elementy, które pomogą Ci utrzymać się na szczycie, co się dzieje w branży. Vasilis van Gemert starannie wybierać najciekawsze dyskusje, narzędzi, technik i artykuły, które ukazały się niedawno i przedstawić je w miłej przegląd kompaktowej.

Vasilis przechodzi przez dziesiątki kanałów RSS i setki tweety, dzięki czemu nie trzeba. Czy uważasz, że nowa seria ciekawe? Co chciałbyś mieć? A czego nie chciałbyś zobaczyć? Daj nam znać! Bardzo chcielibyśmy usłyszeć swoją opinię w komentarzach!

Kilka słów z Vasilis samego:

"Wiele lat temu zacząłem zbieranie linków, a raz w tygodniu bym o napisanie maila na moich kolegów z małym wprowadzeniem do każdego linku. Później postanowiłem, że więcej ludzi niż tylko kolegami może skorzystać z tej kolekcji, więc zdecydowałem się opublikować wszystko na dzienne Nerd.

"W listopadzie ubiegłego roku podczas konferencji Fronteers w Amsterdamie, Lea Verou przekonała mnie, aby rozpocząć pisanie w języku angielskim, aż potem napisałem moje komentarze w języku niderlandzkim. Coraz więcej ludzi zaczęło po mnie, a myślę, że to dobra rzecz, wierzę więcej utalentowanych ludzi niż mnie powinna wiedzieć tego, co wiem. Przez bardziej utalentowanych ludzi, mam oczywiście na myśli i ty, czytelniku, więc można zrozumieć, jak bardzo byłem podekscytowany, kiedy Witalij Friedman jakoKED mnie, czy chcę, aby rozpocząć publikowanie dzienne Nerd na Smashing Magazine. Tak, tu jesteśmy, pierwszy odcinek Smashing codziennie! Mam nadzieję, że Ci się spodoba! "

Smashing dzienne # 1: Mobile Lab urządzenia, Przeglądarki i animowane GIF

Twój lokalny laboratorium urządzenie mobilne
Jeremy Keith rozpoczął otwartą lokalną mobilnego laboratorium urządzenia w Brighton, a on was wzywa do tego samego w swoim rodzinnym mieście.

Wydajność czcionki Web: ważenia przy font-face opcje i inne
Ważnym elementem projektowania i UX jest wydajność, więc jeśli zdecydujesz się użyć czcionki sieci Web, powinno się wiedzieć, co negatywny wpływ, że wybór może mieć na swoich użytkowników. Oto doskonały Szczegółowy artykuł o czcionki wydajności. Tak, powinno się ją przeczytać (i komentarze też, bo są całkiem dobre).

Pliki zbiorcze # 7 "Shady Postacie
Oto krótki post przez Keitha Houston, z aktualnościami i myśli o nietypowych znaków. Przyjemność czytać, tak jak wszystko inne na swoim blogu.

TypeStacks: Instant stosy czcionki w oparciu o czcionki
Oto miły narzędzie, które wskazują na stos czcionki na podstawie wybranej czcionki. Wie czcionek obsługiwanych przez TypeKit, choć nie wydaje się wiedzieć zbyt wiele czcionek Google. Mimo to bardzo przydatne narzędzie.

Lets Get Physical (jednostki)
Istnieje kilka sytuacje, kiedy chcielibyśmy używać fizycznych jednostek (np. cm w), ale Niezatunately urządzenia te nie działają zgodnie z oczekiwaniami w CSS. Boris MŚP napisał obszerny artykuł na temat tych jednostek, jak powinny działać, dlatego chcemy je i dlaczego działają one sposobu pracy.

Cięcie Mustard
BBC pracuje nad responsive stronie internetowej serwisu informacyjnego, a jest to dzielenie wszystkiego dowiaduje się, co jest niezwykle przydatne. W tym artykule Tom Maslen wyjaśnia BBC prowadzi obsługę przeglądarki. Absolutny musi przeczytać dla każdego, kto zmaga się z rosnącej złożoności wsparcia przeglądarki. Rozwiązanie to (lub coś podobnego) powinna być stosowana wszędzie.

H5BP
Oto przegląd projektów związanych z boilerplate HTML5. Niektóre doskonałe rzeczy tam jest, ale przed rozpoczęciem korzystania z wszystkiego tam, pamiętam doskonale radę Rachel Andrew: "Stop rozwiązywania problemów jeszcze nie mają."

html5shiv i serwowania treści z repozytoriów Kodeksu
Nigdy nie tylko link do skryptów umieszczonych na innych domenach, ponieważ nie zawsze korzyści, takie jak buforowanie i gzip. Jest to szczegółowo wyjaśnione w tym znakomitym artykule. Tak, powinno się ją przeczytać.

Async myślenia
Ładowanie zewnętrznego pliku JavaScript można zablokować resztę strony od załadunku, co oczywiście jest poważnym problemem wydajność i użyteczność. Rozwiązaniem jest do ładowania skryptów asynchronicznie, a Chris Coyier pokazuje nam sposoby do tego działania Extens

Zocial SET: 72 CSS3 Buttons

Smashing Magazine — Tue, 15 May 2012 23:08:07 +0000

Ideą tego projektu było opracowanie spójnego zestawu przycisków, które mogłyby być użyte do zakresu działań społecznych często podejmowanych w aplikacjach internetowych. Działania te są często ważne cele dla użytkowników, takich jak łączenie kont osób trzecich lub udostępnianie treści na platformach innych firm, więc ich wygląd musi być atrakcyjny i przejrzysty.

Standardowe przyciski świadczone przez osoby trzecie (takie jak Facebook, Twitter i SoundCloud) różnią się wielkością, stylu i interaktywności. Spójny zestaw przycisk może zmniejszyć dużo tego wizualnego szumu i niespójności. Ponadto, mając go w formacie CSS oznacza, że zmiana tekstu dla niektórych działań będzie wiatr dla programistów, a także pozwala administratorom stron internetowych innych niż angielski przetłumaczyć etykiety w ich rodzimych językach.

SET został zaprojektowany od początku do żądania żadnych dodatkowych znaczników, a elementy wykorzystywane są całkowicie Wybór ust semantycznie taktowny) projektanta. Wszystkie przyciski są w pełni skalowalne i konfigurowalne, a one pogorszyć wdziękiem na starszych przeglądarkach, choć estetyka w IE 6 i 7 są wprawdzie niższe od rozwiązań opartych na obraz.

Brak obrazów rastrowych lub duchy zostały wykorzystane. Zamiast ikon wektorowych zostały wstawione za pomocą niestandardowego pliku czcionki, na @ font-face rządów i pseudo elementów. Aby uzyskać więcej informacji, John Hicks ma charakter informacyjny write-up na tej technice.

Pobierz na przycisk Konfiguruj Za Darmo

Zestaw ten przycisk jest do wykorzystania i rozszerzenie, osobiście lub zarobkowejz zestawu, należy dołączyć odpowiednią nazwę klasy za usługę, np. .dropbox , w .linkedin czy .twitter .

Wersje ikona może być wyświetlana w tym extra .icon klasie, co następuje:

 Follow me on Quora

Więcej przykłady kodu dostępne są na Zocial strony.

(Al)

Projektowanie interakcji w chmurze

Smashing Magazine — Sat, 12 May 2012 23:08:02 +0000

Projektanci interakcji tworzenie makiet w takich narzędzi jak Adobe Illustrator, OmniGraffle i Microsoft Visio. Pierwotnie te makiet były prymitywne kształty rysowane do reprezentowania różnych elementów interfejsu użytkownika. Wielu z nas nie wyobraża sobie życia bez nich.

Istnieją jednak powody, aby uznać przeniesienie do chmury do zrobienia projekt interakcji. Mówiąc krótko, dzisiejsze chmura narzędzia oparte są:

Zoptymalizowany pod kątem współpracy,
Edytowalne w dowolnym miejscu,
Interactive
Opublikowane w czasie rzeczywistym,
Self-maintaing (użytkownik nie musi aktualizować oprogramowanie),
Płatne co miesiąc,

Wysyłanie swoich starych statycznych projektów poczuje staroświecki raz zobaczyć, co te narzędzia mogą zrobić. Idąc krok dalej, istnieją narzędzia do procesu przeglądu użytkownika, too. Wystarczy przesłać swoje pomysły, od prostych makiet do końcowych układów, połączyć je i udostępniać je za komentarz.

(Kredyt obrazu: baldiri)

Ten artykuł przeprowadzi Cię przez obecnego dobór narzędzi w chmurze i zapewnia pewne zalecenia. Liczba ofert i kwoty funkcjonalności są dość rozległe. Dla zwięzłości, będziemy rozwiązać dwie funkcje: prototypowania i wireframing. Ale jeśli intryguje, może chcesz poznać chmurze edycji obrazu, mind-map narzędzi i innych działań UX. Narzędzia te są już tam, i zaskakująco dobra.

Prototypowanie

Dla naszych celów, prototypowanie obejmuje Wysyłanies (ekrany) i łącząc je ze sobą za pośrednictwem punktów dostępowych. Po ich konfiguracji, prototyp został opublikowany i dostępny dla recenzentów do testów użyteczności, komentując lub obu.

Kryteria przeglądu
Oto podstawy, że produkt powinien wspierać, aby móc konkurować w tym miejscu:

Szybki proces przesyłania,
Wsparcie dla wielu formatów graficznych źródłowych plików
Łatwe łączenie między stronami,
Wsparcie dla informacji zwrotnej od użytkowników końcowych.

Niektóre pozycje nie są dostępne jak to pisze:

Możliwość szturchać obrazów w linii bez konieczności ponownego ich;
Zdolność do tworzenia interaktywnych obiektów i warstwy ich (takie jak pasek menu, który pojawia się na każdej stronie).

Support

Co robi
Utwórz swoje ekrany w ulubionym narzędziem i wyślij je do Support. Następnie dodać hotspotów, a hotspot linki do innej strony. To jest wielki, jeśli żyją i umierają przez Comp (plik Photoshop). Na przykład:

Utwórz nowy projekt. Pomyśl o projekcie jako zbiór uprzednio wygenerowanych kompilacjach, że masz zamiar związać razem jako prototyp przez InVision.

Prześlij swoje pliki do tego nowego projektu (ilustracje w tym artykule są PNG).

W "Budowa" trybie tworzenia hotspotów. Zasadniczo łączysz razem prototyp. Jeśli masz wszystkie zabezpieczenia, które trzeba będzie to pójść dość szybko- Dokładnie tak, jak że chcesz go do pracy.

Obserwacje
Aplikacja działa jak reklamowane. Pozwala to użytkownikowi na szybkie drutów skompilowane kompozycje, krzywych i szkiców. Samouczki również wyjaśnić przydatnych czynności, takich jak tworzenie hotspotów, które będą takie same na wielu stronach (nazywane są one "szablony" w InVision).

Mówiąc o szablonach, narażają zarówno znaczącą przewagę i wadą tego narzędzia: jeśli przesłane zdjęcia nie są umieszczone idealnie, to szablony nie są właściwie. Chciałoby się zdolność do regulowania X i Y z dowolnego obrazu tak, że linia się doskonale, bez konieczności zmiany plików źródłowych. Po stronie pozytywnej, jeżeli zrobiłeś na prep pracy prawo lub zrobiłeś swoje hotspoty na tyle duża, można fudge to trochę, a szablony naprawdę przyspieszyć proces budowania.

Szereg kwestii użyteczności już mnie podrapać po głowie. Na przykład pierwszy raz próbowałem dodać hotspot do pola tekstowego wyszukiwania, link do … "modal dialog był wyłączony po lewej stronie okna przeglądarki, co czyniło niemożliwym, aby zapisać lub anulować okno. I wtedy podsłuchu "Ekran Aktualizacja" w dolnej części aplikacji, aby odświeżyć ekran. Okazuje się, że w InVision mówić, "Update" = "Zamień". Bałem się odświeżyć przeglądarkę, ponieważ nic nie wskazuje na to, czy aplikacja zapisuje automatycznie. Więc w końcu przeszedłem

Poskromienie The Wild Umysł

Smashing Magazine — Sat, 12 May 2012 23:07:49 +0000

Mity rozwinęły się i naukowcy badali, w jaki sposób ludzki mózg żongluje kreatywności i organizacji. Popularna teoria mówi, że lewa półkula jest uporządkowany i logiczny, zaś prawa półkula jest artystycznym i wyobraźnią, i że wszystkie istoty ludzkie używać przeważnie jedną stronę drugiej.

Praca w dziedzinie twórczej oznacza zakwestionowanie tego teorię, albo trudne harmonogramów i terminów, że menedżerowie nakładają na pisarzy, projektantów i reklam innych. Jako kierownik projektu w agencji UX projektowania, a także pisarz, wierzę, konieczne jest wyzwanie zarówno założenia dotyczące harmonogramów i przekonanie, że twórczości oznacza dezorganizację.

Kreatywność może być zaplanowane?

Jest szybkie i proste odpowiedzi na to pytanie. Tak!

Jesteś potrząsając głową teraz. Myślisz o tym jak bardzo nienawidzisz terminów i jak Twoje projekty cierpią na 9:00 do 5:00 planu nałożonego przez swojego kierownika. Jesteś pamiętając szkice lub creative writing, które robiłeś na studiach o 3:00 rano. Sathish Manohar wyraża to dobrze w swoim artykule "Dlaczego 9 do 5":

"Praca Wiedza jest uzależniona wyłącznie od kreatywności pracowników. Ale jeszcze trochę jak wiedza stanowiskach pracy dostałem wzorowany fabrykach. Pracownicy musieli pracować 9-5, być kreatywnym między 9-5, i iść do domu … To jest problem, nie możemy zaplanować, że mózg jest twórczy w danym czasie. "

Jednak spędziłem lata stara się łączyć my twórcza osobowość pisania z moim projektem zarządzania zestaw umiejętności i codziennej pracy. Ostatnio zdałem sobie sprawę, że pisanie w świetle wyników księżyca w ponad-kofeiną rano i gramatyki niechlujstwa, a ja wciąż kontynuowane, mimo wszystko, nie jest to, że co kreatywność to wszystko? Zawsze byłem w stanie wczuć się w moich projektantów, którzy chcą niczego więcej niż wolną rękę, aby być twórczym, kiedy trafienia nastroju. Ale jako kierownik projektu, ja również dążył do stworzenia środowiska pracy, gdzie projektanci i stratedzy treści może być produktywne i efektywne i gdzie możemy dostarczyć makiet w terminie.

Rozwiązaniem okazało się łatwiejsze niż można by oczekiwać. Spontaniczna twórczość nie jest jedynym sposobem jest. W rzeczywistości, jak deweloper strateg treści, projektant lub nawet, jesteś za swoją zdolność do wcielania się na kreatywnym kranu. Więc, co trafia do tworzenia na komendę?

1. Przygotowania procedury

"Bądź regularny i uporządkowany w swoim życiu tak, że może być gwałtowna i oryginalny w swojej pracy."

– Gustave Flaubert, autor

Flaubert nie pisać na termin, a jednak okazało się, że po uporządkowanego rutynę poprawić swoją zdolność do bycia kreatywnym. Odnosi się to do większości ludzi. Będąc w stanie "zrobić swoje najlepsze prace" o 3:00 nie jest przypadkiem: uczysz swój mózg, aby te twórcze soki płynące, kiedy księżyc jest wysoki i roboczym jest dawno za nami. To fantastyczne, jeśli nie ma nigdziesię rano, ale dla wielu z nas, 03:00 nie doskonała okazja, aby być inspirowane jest.

Zamiast opracować procedurę, która trenuje swoje twórcze soki kopać w czasami bardziej wygodne. Może to oznaczać ustawienie alarmu 8:00 am, co sprawia, śniadanie, a następnie siadając z czasopisma, aby rozpocząć szkicowanie jak jesz. Może to oznaczać, wysyłając sobie listę rzeczy do zrobienia przed snem, z inspirujących cytatów do Pozdrawiają was w chwili, gdy otworzyć pocztę. Może potrzebujesz lunch Scrum codziennie do zasilania i ostrość. W ciągu dwóch tygodni, te mini-kickoffów zacznie sygnał do mózgu, "Teraz, kiedy rozpocząć pracę twórczą dnia."

2. Take Your Time

"Jedno spotkanie może wysadzić całe popołudnie, dzieląc go na dwie części każda zbyt małe aby cokolwiek robić."

– Paul Graham, eseista i programista

Zaniedbania są potężne kreatywność-bloker. Nawet najlepsza procedura może być waylaid przez obowiązkowych spotkań, ważnych rozmów telefonicznych i e-maili stałych. Jeśli jesteś freelancer za własnym harmonogramem, spróbuj spycha spotkania na początku lub na końcu dnia. Jeśli menedżer harmonogramów wasze spotkania klienta i wewnętrzne opinie, porozmawiać z nimi o korzyściach płynących z otwarcia dużych bloków czasu do twórczej pracy.

W Nad Fold, tworzymy punkt harmonogramu wokół "producent z harmonogramem." Paul Graham podsumowuje Stwórcy harmonogram w swoim eseju "Stwórcy harmonogram, Manager Sc