<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>nbw: Redefine the undefined &#187; projektowanie</title>
	<atom:link href="http://enbewu.net/blog/category/projektowanie/feed/" rel="self" type="application/rss+xml" />
	<link>http://enbewu.net/blog</link>
	<description>O Sieci, standardach i róznych takich...</description>
	<lastBuildDate>Wed, 31 Mar 2010 08:06:09 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Adobe Fireworks &#8211; polskie forum i blog</title>
		<link>http://enbewu.net/blog/2010/03/adobe-fireworks-polskie-forum-i-blog/</link>
		<comments>http://enbewu.net/blog/2010/03/adobe-fireworks-polskie-forum-i-blog/#comments</comments>
		<pubDate>Wed, 31 Mar 2010 08:06:09 +0000</pubDate>
		<dc:creator>nbw</dc:creator>
				<category><![CDATA[fireworks]]></category>
		<category><![CDATA[projektowanie]]></category>
		<category><![CDATA[ze świata]]></category>

		<guid isPermaLink="false">http://enbewu.net/blog/?p=651</guid>
		<description><![CDATA[Jeśli jesteś fanem Adobe Fireworks, uważasz że to bardzo niedoceniany program, chciałbyś się pochwalić swoimi pracami, ponarzekać na Photoshopa, podszkolić, zadać pytanie (i dostać odpowiedź), zapoznać z programem albo po prostu wywołać flame Photoshop vs Fireworks, na pewno ucieszy cię wiadomość, że pojawiło się polskie forum Adobe Fireworks. Jako uzupełnienie forum, powstał także fireworks blog [...]


Powiązane wpisy:<ol><li><a href='http://enbewu.net/blog/2005/04/074c4b8953ed56665acb77bf28cfa0d2/' rel='bookmark' title='Permanent Link: To smutny dzień. Adobe + Macromedia'>To smutny dzień. Adobe + Macromedia</a></li><li><a href='http://enbewu.net/blog/2005/06/9816308e9ea0980b2aba581747306981/' rel='bookmark' title='Permanent Link: By popular demand &#8211; I&#8217;m back.'>By popular demand &#8211; I&#8217;m back.</a></li><li><a href='http://enbewu.net/blog/2005/09/bc74b9b60fffd25a41d351f732c044d1/' rel='bookmark' title='Permanent Link: Macromedia Studio 8 &#8211; wydane!'>Macromedia Studio 8 &#8211; wydane!</a></li></ol>]]></description>
			<content:encoded><![CDATA[<p>Jeśli jesteś fanem Adobe Fireworks, uważasz że to bardzo niedoceniany program, chciałbyś się pochwalić swoimi pracami, ponarzekać na Photoshopa, podszkolić, zadać pytanie (i dostać odpowiedź), zapoznać z programem albo po prostu wywołać flame Photoshop vs Fireworks, na pewno ucieszy cię wiadomość, że <a href="http://fireworksforum.pl/">pojawiło się polskie forum Adobe Fireworks</a>. Jako uzupełnienie forum, powstał także <a href="http://fireworksblog.pl/">fireworks blog</a> na którym będą publikowane ciekawostki i aktualności ze światka użytkowników programu. Będzie można także przeczytać o znanych osobach, którze nie kryją swojej sympatii do tego programu &#8211; na początek: <a href="http://fireworksblog.pl/uzytkownicy-fireworks/jon-hicks/">Jon Hicks</a>.</p>
<p>Sam używam Fireworks od bardzo dawna &#8211; od prototypowania interfejsów po projektowanie stron i mimo wielu prób oraz usilnych starań Adobe by zniechęcić &#8211; głównie użytkowników Maków &#8211; do programu, wciąż nie znalazłem <strong>wygodniejszej</strong> alternatywy dla tego programu.</p>
<p>Za możliwość podyskutowania dziękujemy Grześkowi Wolańskiemu &#8211; mam nadzieję, że starczy mu zapału do rozkręcania tego. Zapraszam.</p>


<p>Powiązane wpisy:<ol><li><a href='http://enbewu.net/blog/2005/04/074c4b8953ed56665acb77bf28cfa0d2/' rel='bookmark' title='Permanent Link: To smutny dzień. Adobe + Macromedia'>To smutny dzień. Adobe + Macromedia</a></li><li><a href='http://enbewu.net/blog/2005/06/9816308e9ea0980b2aba581747306981/' rel='bookmark' title='Permanent Link: By popular demand &#8211; I&#8217;m back.'>By popular demand &#8211; I&#8217;m back.</a></li><li><a href='http://enbewu.net/blog/2005/09/bc74b9b60fffd25a41d351f732c044d1/' rel='bookmark' title='Permanent Link: Macromedia Studio 8 &#8211; wydane!'>Macromedia Studio 8 &#8211; wydane!</a></li></ol></p>]]></content:encoded>
			<wfw:commentRss>http://enbewu.net/blog/2010/03/adobe-fireworks-polskie-forum-i-blog/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Kilka powodów dla których organizacja ślubu i wesela przypomina projekty internetowe</title>
		<link>http://enbewu.net/blog/2009/11/kilka-powodow-dla-ktoryc-organizacja-slubu-i-wesela-przypomina-projekty-internetowe/</link>
		<comments>http://enbewu.net/blog/2009/11/kilka-powodow-dla-ktoryc-organizacja-slubu-i-wesela-przypomina-projekty-internetowe/#comments</comments>
		<pubDate>Mon, 02 Nov 2009 13:02:05 +0000</pubDate>
		<dc:creator>nbw</dc:creator>
				<category><![CDATA[błędy]]></category>
		<category><![CDATA[projektowanie]]></category>
		<category><![CDATA[projekty]]></category>
		<category><![CDATA[prywatnie]]></category>

		<guid isPermaLink="false">http://enbewu.net/blog/?p=638</guid>
		<description><![CDATA[
Planowanie zaczynasz mniej więcej na rok przed terminem wdrożenia. Jesteś typowym klientem: nic nie wiesz, nie wiesz gdzie szukać, kogo pytać, czego oczekiwać. Prawdopodobnie wybierzesz konsultanta, przez co będziesz pluł sobie w brodę przez resztę życia. A przynajmniej okresu przygotowawczego. I okresu spłaty zadłużenia.
Konsultant zaproponuje ci wdrożeniowców, którzy &#8211; jeszcze o tym nie wiesz &#8211; [...]


Powiązane wpisy:<ol><li><a href='http://enbewu.net/blog/2007/03/piec-rzeczy-ktorych-na-pewno-byscie-nie-chcieli-wiedziec/' rel='bookmark' title='Permanent Link: Pięć rzeczy, których na pewno byście nie chcieli wiedzieć'>Pięć rzeczy, których na pewno byście nie chcieli wiedzieć</a></li><li><a href='http://enbewu.net/blog/2004/11/2f43b42fd833d1e77420a8dae7419000-3/' rel='bookmark' title='Permanent Link: &#8230;'>&#8230;</a></li><li><a href='http://enbewu.net/blog/2006/05/co-dalej-dokad-isc-gdzie-sie-zwrocic/' rel='bookmark' title='Permanent Link: Co dalej? Dokąd iść, gdzie się zwrócić?'>Co dalej? Dokąd iść, gdzie się zwrócić?</a></li></ol>]]></description>
			<content:encoded><![CDATA[<ol>
<li>Planowanie zaczynasz mniej więcej na rok przed terminem wdrożenia. Jesteś typowym klientem: nic nie wiesz, nie wiesz gdzie szukać, kogo pytać, czego oczekiwać. Prawdopodobnie wybierzesz konsultanta, przez co będziesz pluł sobie w brodę przez resztę życia. A przynajmniej okresu przygotowawczego. I okresu spłaty zadłużenia.</li>
<li>Konsultant zaproponuje ci wdrożeniowców, którzy &#8211; jeszcze o tym nie wiesz &#8211; zjedzą cię razem z kopytami. A potem wystawią rachunek na usługi, o których nikt cię nie poinformował.</li>
<li>Jeśli projekt będzie trwał rok, przez 11 miesięcy nic znaczącego się nie wydarzy. Nie licząc oczywiście podpisania umowy, wpłacenia zaliczek oraz pierwszych przymiarek. Jeśli masz mniej czasu na wdrożenie, proporcje będą zachowane choć z racji krótszego czasu wdrożenia, może ci się wydawać, że wszyscy ci pomagają.</li>
<li>Konsultant będzie cię nagabywał o przygotowanie i trzymanie się planu projektu. Tak, masz rację, w rzeczywistości nie ma żadnego planu a wszystko co jest spisane to to, co zaproponowałeś na samym początku.</li>
<li>Przez większość czasu będziesz płacił za rzeczy, których nie widzisz; różnica z projektem internetowym polega na tym, że w sporej mierze są to rzeczy, których faktycznie nie potrzebujesz.</li>
<li>Na etapie oferty, konsultant przedstawi ci listę rzeczy/pomysłów, które nie są już trendi, nie wyglądają dobrze oraz są średnio 4 razy droższe w ofercie niż kosztują w rzeczywistości.</li>
<li>Na etapie oferty zostaną ci również przedstawione wodotryski, z których wiadomo od razu, że nikt nie skorzysta. Możesz być niemal pewien, że będzie to oś oferty.</li>
<li>Nikt nawet nie ośmieli się zapytać, czy masz może jakiś pomysł przewodni, czy może chciałbyś, by jakiś element z twojego/waszego życia był jakoś wyróżniony&#8230;</li>
<li>&#8230;a jeśli takowy sami zaproponujecie, na drugim spotkaniu zostanie sprzedany jako błyskotliwe odkrycie konsultanta</li>
<li>Przez 10 miesięcy będziesz uspokajany, że projekt idzie zgodnie z planem, że wszystko jest pod kontrolą&#8230;</li>
<li>&#8230;oczywiście, tak nie jest. O czym dowiesz się na dwa tygodnie przed, kiedy nagle wszystko stanie na głowie</li>
<li>I tak jak w projektach internetowych, prace nie posuną się do przodu jeśli przynajmniej raz dziennie sam się z czymś nie przypomnisz.</li>
<li>Prawdopodobnie nikt z konsultantów/podwykonawców nie uczyni nawet najmniejszego kroku by ci coś podpowiedzieć bądź pomóc. Jeśli już, będzie to kosztowało horrendalnie dużo a i tak nie dostaniesz tego, co byś chciał.</li>
<li>Aż w końcu, tego wyjątkowego dnia i tak okaże się, że z większością rzeczy nie zdążyliście.</li>
</ol>
<p>W przeciwieństwie do projektów internetowych &#8211; z perspektywy czasu, to i tak nie ma znaczenia. Bo zabawa na pewno będzie przednia.</p>


<p>Powiązane wpisy:<ol><li><a href='http://enbewu.net/blog/2007/03/piec-rzeczy-ktorych-na-pewno-byscie-nie-chcieli-wiedziec/' rel='bookmark' title='Permanent Link: Pięć rzeczy, których na pewno byście nie chcieli wiedzieć'>Pięć rzeczy, których na pewno byście nie chcieli wiedzieć</a></li><li><a href='http://enbewu.net/blog/2004/11/2f43b42fd833d1e77420a8dae7419000-3/' rel='bookmark' title='Permanent Link: &#8230;'>&#8230;</a></li><li><a href='http://enbewu.net/blog/2006/05/co-dalej-dokad-isc-gdzie-sie-zwrocic/' rel='bookmark' title='Permanent Link: Co dalej? Dokąd iść, gdzie się zwrócić?'>Co dalej? Dokąd iść, gdzie się zwrócić?</a></li></ol></p>]]></content:encoded>
			<wfw:commentRss>http://enbewu.net/blog/2009/11/kilka-powodow-dla-ktoryc-organizacja-slubu-i-wesela-przypomina-projekty-internetowe/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Zoptymalizuj duszka &#8211; CSS Sprites zoptymalizowane</title>
		<link>http://enbewu.net/blog/2009/06/zoptymalizuj-duszka-css-sprites-zoptymalizowane/</link>
		<comments>http://enbewu.net/blog/2009/06/zoptymalizuj-duszka-css-sprites-zoptymalizowane/#comments</comments>
		<pubDate>Mon, 29 Jun 2009 09:36:58 +0000</pubDate>
		<dc:creator>nbw</dc:creator>
				<category><![CDATA[błędy]]></category>
		<category><![CDATA[projektowanie]]></category>
		<category><![CDATA[www]]></category>

		<guid isPermaLink="false">http://enbewu.net/blog/?p=586</guid>
		<description><![CDATA[W życiu każdego popularnego serwisu internetowego przychodzi czas, kiedy należy zabrać się za jego optymalizację. Zwykle dokupuje się dodatkowe serwery, wpina memcache, optymalizuje kod serwisu i zapytania do bazy danych. Frontend jest zwykle pomijany, choć w rzeczywistości, optymalizując szablony, można uzyskać całkiem niezłe wyniki relatywnie niskim nakładem sił i środków.
Ponieważ miałem ostatnio kilka serwisów, które [...]


Powiązane wpisy:<ol><li><a href='http://enbewu.net/blog/2005/06/cdafeed69a743578d1684a76ecceb68c/' rel='bookmark' title='Permanent Link: CSS, Opera i Firefox: Z kamerą wśród przeglądarek (wciąż je psuję)..'>CSS, Opera i Firefox: Z kamerą wśród przeglądarek (wciąż je psuję)..</a></li></ol>]]></description>
			<content:encoded><![CDATA[<p>W życiu każdego popularnego serwisu internetowego przychodzi czas, kiedy należy zabrać się za jego optymalizację. Zwykle dokupuje się dodatkowe serwery, wpina memcache, optymalizuje kod serwisu i zapytania do bazy danych. Frontend jest zwykle pomijany, choć w rzeczywistości, optymalizując szablony, można uzyskać całkiem niezłe wyniki relatywnie niskim nakładem sił i środków.</p>
<p>Ponieważ miałem ostatnio kilka serwisów, które trzeba było zoptymalizować, postanowiłem przypomnieć sobie technikę <a href="http://www.alistapart.com/articles/sprites/">CSS Sprites opisaną przez Dave&#8217;a Shea na łamach AListApart</a>. Jeśli ktoś jej nie zna &#8211; proponuję się zapoznać. To prosta technika, z korzeniami w świecie gier komputerowych, polegająca na łączeniu wielu plików w graficznych w jeden większy, łatwiejszy w zarządzaniu i zmniejszający ilość zapytań o elementy graficzne.</p>
<p>Niedawno przetestowałem to rozwiązanie w kilku serwisach, które aż prosiły się o optymalizację i trafiłem na ciekawe zachowanie. Ale po kolei. Zakładając, że nasz przeciętny Jan Kowalski, czyta artykuł na ALA po raz pierwszy, skorzysta z zapisu zaproponowanego w artykule:</p>
<pre class="brush: css">
#panel1b a:hover {
    background: transparent url(test-3.jpg)
    0 -200px no-repeat;}
  #panel2b a:hover {
    background: transparent url(test-3.jpg)
    -96px -200px no-repeat;}
  #panel3b a:hover {
    background: transparent url(test-3.jpg)
    -172px -200px no-repeat;}
  #panel4b a:hover {
    background: transparent url(test-3.jpg)
    -283px -200px no-repeat;}
</pre>
<p>Puryści i fanatycy optymalizacji już w tym momencie powinni (już możecie) złapać się za głowę. Ale to nie nieoptymalny zapis jest problemem; prawdziwy problem rodzi się, kiedy chcemy skorzystać z tego rozwiązania w serwisie, w którym nasz plik z &#8220;duszkami&#8221; ma ponad 350kb, przeciętny obiekt wycinany z pliku ma wymiary rzędu 250&#215;160px a takich wycinanek mamy na jednej podstronie około dwudziestu.<br />
W przeciwieństwie do demonstracyjnego pliczku (parę kb) załadowanie takiego potworka chwilę zajmuje i &#8211; jak się okazuje &#8211; wpływa na sposób budowania strony&#8230; w Firefoxie.</p>
<p>Chcieliście napisać: no jasne, że w Internet Explorerze? Właśnie nie. Ten &#8211; o dziwo &#8211; renderuje stronę tak, jak byśmy chcieli: po załadowaniu pliku, pojawiają się wszystkie elementy graficzne. Od razu. Ale nie w Firefoxie; Firefox wycina je po kawałku tak, jak by nic się nie zmieniło.</p>
<p>Ok, co jest źle z tym zapisem? Przede wszystkim: zupełnie zbędnie powtarza się ten sam kawałek kodu tylko po to, by zmienić jedną/dwie wartości. Deklarację tła i jego powtarzanie możemy przenieść w jedno miejsce tak, by później tylko deklarować co chcemy wyciąć z tego pliku. Poprawniejszy zapis, może wyglądać tak:</p>
<pre class="brush: css">
#panel1b, #panel2b, #panel3b, #panel4b {
background: url(test-3.jpg);
background-repeat: no-repeat;
}
panel1b {
background-position: 0 -200px;
}

…
</pre>
<p>I to jest rozwiązanie warte kilka sekund renderowania strony. Firefox nie lubi się z powtarzaniem całej deklaracji ładowanego tła &#8211; za każdym razem otwiera plik z grafiką, wycina i wkleja potrzebny fragment wydłużając cały proces w swoistą &#8220;nieskończoność&#8221;. W moim przypadku, zmieniając deklarację udało mi się zejść z 16-20s renderowania strony (wg YSlow) do 6.</p>


<p>Powiązane wpisy:<ol><li><a href='http://enbewu.net/blog/2005/06/cdafeed69a743578d1684a76ecceb68c/' rel='bookmark' title='Permanent Link: CSS, Opera i Firefox: Z kamerą wśród przeglądarek (wciąż je psuję)..'>CSS, Opera i Firefox: Z kamerą wśród przeglądarek (wciąż je psuję)..</a></li></ol></p>]]></content:encoded>
			<wfw:commentRss>http://enbewu.net/blog/2009/06/zoptymalizuj-duszka-css-sprites-zoptymalizowane/feed/</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
		<item>
		<title>Ścieżkami porażek: róbcie podobnie, my nie mamy czasu</title>
		<link>http://enbewu.net/blog/2008/10/sciezkami-porazek-robcie-podobnie-my-nie-mamy-czasu/</link>
		<comments>http://enbewu.net/blog/2008/10/sciezkami-porazek-robcie-podobnie-my-nie-mamy-czasu/#comments</comments>
		<pubDate>Wed, 08 Oct 2008 10:48:26 +0000</pubDate>
		<dc:creator>nbw</dc:creator>
				<category><![CDATA[błędy]]></category>
		<category><![CDATA[projektowanie]]></category>

		<guid isPermaLink="false">http://enbewu.net/blog/?p=519</guid>
		<description><![CDATA[Projekty realizowane w ramach wspołpracy między firmami (podwykonawcami), są już w założeniu bardzo ryzykownymi i trudnymi przedsięwzięciami.
Projekty, w których tylko jeden zespół bierze udział w ustaleniach i tylko ten jeden zespół tworzy materiały dla wszystkich podzespołów niżej, wymaga naprawdę dużego doświadczenia, poświęcenia i koncentracji. Niestety, zwykle ten jeden zespół jest do tego najgorzej przygotowany &#8211; [...]


Powiązane wpisy:<ol><li><a href='http://enbewu.net/blog/2006/12/kiedy-pomysly-umieraja-dlaczego-nie-warto-czekac/' rel='bookmark' title='Permanent Link: Kiedy pomysły umierają &#8211; dlaczego nie warto czekać?'>Kiedy pomysły umierają &#8211; dlaczego nie warto czekać?</a></li><li><a href='http://enbewu.net/blog/2008/11/jak-zostac-dobrym-beta-testerem/' rel='bookmark' title='Permanent Link: Jak zostać dobrym beta testerem'>Jak zostać dobrym beta testerem</a></li><li><a href='http://enbewu.net/blog/2005/01/9898d9c9e38c2268642b54e34113a515/' rel='bookmark' title='Permanent Link: Piękną wiosnę mamy tej zimy'>Piękną wiosnę mamy tej zimy</a></li></ol>]]></description>
			<content:encoded><![CDATA[<p>Projekty realizowane w ramach wspołpracy między firmami (podwykonawcami), są już w założeniu bardzo ryzykownymi i trudnymi przedsięwzięciami.</p>
<p>Projekty, w których tylko jeden zespół bierze udział w ustaleniach i tylko ten jeden zespół tworzy materiały dla wszystkich podzespołów niżej, wymaga naprawdę dużego doświadczenia, poświęcenia i koncentracji. Niestety, zwykle ten jeden zespół jest do tego najgorzej przygotowany &#8211; oczywiście nie zawsze chodzi tu o brak umiejętności. Najczęściej chodzi o brak czasu i zasobów do poprawnego poprowadzenia projektu.</p>
<p>Ten brak czasu zwykle objawia się kiepsko przygotowanymi materiałami i zabawą w buforowany głuchy telefon &#8211; informacje i uwagi przekazywane od klienta mają zwykle spóźnienie a w sytuacjach krytycznych, kiedy klient zgłasza problem &#8211; zespołom poniżej urządza się piekło, w którym najdrobniejsza kosmetyczna wpadka urasta do rangi końca świata.</p>
<p>A na początku chaosu zwykle stoi jakość przygotowanych projektów &#8211; zwykle &#8211; graficznych. Te, w sytuacji braku czasu, powstają na zasadzie: strona ma dwanaście unikalnych podstron, my przygotujemy trzy z przykładowymi danymi bo się nam spieszy, wy zróbcie pozostałe dziewięć w oparciu o to, co pokazaliśmy. Resztę materiałów doślemy później.</p>
<p>I choć czasem się udaje, zwykle prowadzi to do problemu: osoby nie biorące udziału w ustaleniach, nie wiedzą wiele ponad to, co zostało przygotowane na makietach/projektach graficznych/spisane w dokumentacji.</p>
<p>Niepełny materiał nie daje poglądu na rozmiar projektu a kwestia przygotowania kolejnych projektów/podstron pokrywa się z pierwszymi  zmianami prowadząc do zatoru komunikacyjnego i utraty kontroli nad realizacją projektu.</p>
<p>To założenie, ta paradoksalna oszczędność paru godzin na początku projektu, niemal zawsze odbija się czkawką pod jego koniec. Góra poprawek rośnie w zastraszającym tempie prowadząc do wewnętrznych starć między grupami, wszystkim się coraz mniej &#8220;chce&#8221;, a grupa prowadząca obrywa od klienta, którego złość &#8211; spotęgowaną &#8211; przelewa na podwykonawców.</p>
<p>Paradoksalnie, zwykle takie projekty dobijają szczęśliwie do brzegu. Na końcu pisze się płomienne case study sukcesu, wszyscy się poklepują po plecach choć jeszcze &#8220;wczoraj&#8221; naliczali sobie kary i zrywali umowy.</p>
<p>Projekty praktycznie zawsze są spóźnione &#8211; pytanie czy wolimy potęgować swoją złość i spóźnienie przez brak przygotowania. Jeśli nie &#8211; warto poświęcić te parę godzin czy dni więcej, na dokładniejsze przygotowanie materiałów. Wyjdzie to wszystkim stronom na zdrowie, choć na początku będzie się wydawało, że jest inaczej.</p>


<p>Powiązane wpisy:<ol><li><a href='http://enbewu.net/blog/2006/12/kiedy-pomysly-umieraja-dlaczego-nie-warto-czekac/' rel='bookmark' title='Permanent Link: Kiedy pomysły umierają &#8211; dlaczego nie warto czekać?'>Kiedy pomysły umierają &#8211; dlaczego nie warto czekać?</a></li><li><a href='http://enbewu.net/blog/2008/11/jak-zostac-dobrym-beta-testerem/' rel='bookmark' title='Permanent Link: Jak zostać dobrym beta testerem'>Jak zostać dobrym beta testerem</a></li><li><a href='http://enbewu.net/blog/2005/01/9898d9c9e38c2268642b54e34113a515/' rel='bookmark' title='Permanent Link: Piękną wiosnę mamy tej zimy'>Piękną wiosnę mamy tej zimy</a></li></ol></p>]]></content:encoded>
			<wfw:commentRss>http://enbewu.net/blog/2008/10/sciezkami-porazek-robcie-podobnie-my-nie-mamy-czasu/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>WEGO &#8211; Tworzenie interfejsu użytkownika</title>
		<link>http://enbewu.net/blog/2006/06/wego-tworzenie-interfejsu-uzytkownika/</link>
		<comments>http://enbewu.net/blog/2006/06/wego-tworzenie-interfejsu-uzytkownika/#comments</comments>
		<pubDate>Tue, 06 Jun 2006 16:24:30 +0000</pubDate>
		<dc:creator>nbw</dc:creator>
				<category><![CDATA[praca]]></category>
		<category><![CDATA[projektowanie]]></category>
		<category><![CDATA[projekty]]></category>
		<category><![CDATA[użyteczność]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://enbewu.net/blog/2006/06/06/wego-tworzenie-interfejsu-uzytkownika/</guid>
		<description><![CDATA[Kiedy przychodziłem do Internet Center Polska, wiedziałem, że jednym z podstawowych atutów tej firmy jest powstający system CMS.
Od tego momentu minęły już prawie 4 miesiące, panel dorobił się nazwy, logo, strony produktowej (powstającej) i strony testowej (która będzie dołączana do każdej wersji) &#8211; codziennie zamienia się z brzydkiego kaczątka w ładnego łabędzia o niesamowitych umiejętnościach. [...]


Powiązane wpisy:<ol><li><a href='http://enbewu.net/blog/2007/01/cmswegopl-prapremiera-strony/' rel='bookmark' title='Permanent Link: cms.wego.pl &#8211; premiera strony'>cms.wego.pl &#8211; premiera strony</a></li><li><a href='http://enbewu.net/blog/2005/07/9dcf4e623141ff2fb485b628a12972a2/' rel='bookmark' title='Permanent Link: Tworzenie stron e-commerce użytecznych i dostępnych dla osób niepełnosprawnych.'>Tworzenie stron e-commerce użytecznych i dostępnych dla osób niepełnosprawnych.</a></li><li><a href='http://enbewu.net/blog/2006/12/10przykazancom-rok-w-statystyce-plany-na-przyszlosc/' rel='bookmark' title='Permanent Link: 10przykazan.com &#8211; rok w krótkiej statystyce, i krótko o planach na przyszłość'>10przykazan.com &#8211; rok w krótkiej statystyce, i krótko o planach na przyszłość</a></li></ol>]]></description>
			<content:encoded><![CDATA[<p>Kiedy przychodziłem do <a href="http://prodesign.pl">Internet Center Polska</a>, wiedziałem, że jednym z podstawowych atutów tej firmy jest powstający <a href="http://wego.pl">system CMS</a>.<br />
Od tego momentu minęły już prawie 4 miesiące, panel dorobił się nazwy, logo, strony produktowej (powstającej) i strony testowej (która będzie dołączana do każdej wersji) &#8211; codziennie zamienia się z brzydkiego kaczątka w ładnego łabędzia o niesamowitych umiejętnościach. Dodatkowo firma przechodzi metamorfozę i nadrabia stracony czas. Gdyby był to tekst stricte marketingowy, pisany w stylu amerykańskim dodałbym: &#8220;it&#8217;s very exciting!&#8221;. Ale niezupełnie o tym chcę dziś napisać.</p>
<p><a href="http://room-303.com/blog/">Patryk</a> zaprezentował wczoraj <a href="http://wirusy.room-303.com/wego/">filmik z bardzo wczesnej wersji WEGO CMS</a>, a ja od pewnego czasu zbieram się do spisania cyklu artykułów, które są wynikiem pracy m.in. nad tym projektem.</p>
<h3>Czym jest CMS? Czym być powinien?</h3>
<p>Na szczęście na to pytanie nie musieliśmy sobie odpowiadać &#8211; wszyscy wiemy, że CMS to nie przedłużenie phpMyAdmin. Jeśli nie jesteś w stanie wymyślić nic bardziej oryginalnego i wygodnego niż PMA &#8211; daruj sobie (mówimy o warunkach komercyjnych, a nie tworzenia czegoś dla nauki).</p>
<p>Niestety, znam wiele rozwiązań, które są podpisywane jako CMS, gdy tak naprawdę cechują się funkcjonalnością i użytecznością bliską zeru. W skrajnych przypadkach wygodniej jest pracować bezpośrednio na bazie danych, niż katować się czymś, co szumnie nazywane bywa &#8220;panelem administracyjnym&#8221;, a nie ma nawet opcji kopiowania artykułów.</p>
<p>Chcesz sprawdzić, czy Twój CMS sprawdzi się w praktyce? Odpowiedz sobie, jak łatwo użytkownik może przepisać kategorie dla 100 produktów? Jak łatwo może skasować 200 spośród tysiąca wybranych artykułów? Czy nie sprawi mu kłopotu jednoczesna zmiana ceny o 2%, dla kilkudziesięciu wybranych produktów?</p>
<h3>Założenia wizualne</h3>
<p>Najczęstszym konfliktem jest płaszczyzna porozumienia między osobami, które mają wpływ na panel. Bez wspólnej wizji naprawdę nie ma co zaczynać &#8211; prowadzi to w prostej linii do kłopotów i niepotrzebnych nerwów.</p>
<p>Mniej znaczy więcej &#8211; jest to hasło, które wspaniale pasuje do CMSów. Panel powinien być przejrzysty, cechować się dobrą typografią, lekkością, doskonałą ikonografią. W założeniu jest to całkiem oczywiste, lecz gdy przychodzi do realizacji, wtedy rodzą się problemy.</p>
<p>Dobry wygląd to taki, który nie przeszkadza. Masowość &#8211; on ma być przyjemny, niekoniecznie dziełem sztuki. Stonowane kolory, dobra typografia zapewniająca czytelność, odpowiednio dobrany rozmiar elementów, by zminimalizować przypadkowość, dobrze dobrana i <strong>opisana</strong> ikonografia to klucz do sukcesu.</p>
<p>Jeśli stosujesz ikony &#8211; oszczędzasz miejsce na ekranie, ale sprawdź, czy Twoje ikony są opisane (<code>title</code>, anybody?). Nie ma nic gorszego niż zastanawianie się, czy kliknięcie na znaczek doda, czy może skasuje artykuł.</p>
<h3>Założenia technologiczne</h3>
<p>W przeciwieństwie do strony internetowej, w panelu można poszaleć. Jeśli są miejsca w których AJAX pasuje, to zdecydowanie są to rozwiązania CMS &#8211; im mniej przeładowań strony, tym lepiej. Im szybciej klient może wprowadzić poprawkę w ofercie &#8211; tym lepiej.</p>
<p>W WEGO pokusiliśmy się między innymi o zlikwidowanie wszelkich wyskakujących okien, co będziemy prezentować w kolejnych screencastach.</p>
<h3>Odwróć kolejność projektowania &#8211; funkcjonalność i użyteczność przede wszystkim</h3>
<p>Jednym z ważniejszych powodów, dla których według mnie wiele paneli nie nadaje się do użytku jest to, że ich autorzy zaczęli je tworzyć od obmyślenia jak mają wyglądać. Gdy zaczęły wzbogacać się o dodatkowe funkcje okazało się, że nie ma już szans by atrakcyjnie wpasować nowe elementy. Jeśli właśnie pracujesz nad systemem &#8211; uwierz mi, szkoda czasu. Zacznij myśleć o funkcjach, które panel ma zawierać. Zacznij myśleć o tym, jak użytkownik będzie z niego korzystał, jakich rzeczy będzie poszukiwał.</p>
<p>Pamiętaj również o tym, że jeśli jakaś funkcja wydaje ci się mało ważna to znaczy, że jest zbędna. Jeśli opracowujesz edytor wizualny, nie oddawaj w ręce finalnego użytkownika <strong>całego</strong> MS Worda. W praktyce i tak będzie korzystał tylko z kilku podstawowych funkcji takich jak pogrubienie, pochylenie czy wklejenie obrazka. Marketingowcy mogą się oczywiście oburzyć &#8211; &#8220;no jak to, a gdzie zmiana koloru fontów, ich rozmiaru, czcionki??&#8221;.</p>
<p>Odpowiedź jest bardzo prosta &#8211; nie po to grafik projektuje stronę a koder ją koduje, by później &#8220;pani Jadzia&#8221; zepsuła cały look&#8217;n'feel tabelką z MS Worda z rózowymi tekstami na żółtym tle.<br />
Dobrą praktyką, choć trudną w przestawieniu się, jest rozpoczęcie projektowania od najbardziej rozbudowanych elementów po te, które są najprostsze. Unikniesz w ten sposób poprawek wynikających z tego, że nagle pojawił się box, którego nie idzie nigdzie wcisnąć. Oczywiście, wymaga to treningu i praktyki, by nie okazało się, że strona główna straszy pustkami.</p>
<p>I na każdym kroku <strong>upraszczaj</strong>.</p>
<h3>Kreatywność ujęta w ramy</h3>
<p>Niestety, nie zawsze da radę zaprojektować wszystko od samego początku. Czasem zastaniesz gotowy produkt, który już działa a nawet doczekał się kilku wdrożeń. Tak na przykład jest z WEGO.</p>
<p>Wtedy wprowadzanie zmian przeradza się w grę strategiczno-taktyczną z uwzględnieniem zmian wprowadzanych przez programistów oraz sugerowanych przez zarząd (w znacznej mierze z gatunku &#8220;WTF?&#8221;).</p>
<p>Jeśli jesteś w stanie &#8211; jak najszybciej oceń przydatność uwag członków zespołu i wyeliminuj (może nie dosłownie <img src='http://enbewu.net/blog/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' />  tych, których pomysły są niedorzeczne. Z reguły chodzi o zarząd &#8211; wtedy musisz być przygotowany na wprowadzanie zmian na siłę, bez konsultacji i próśb o akceptację. Mało popularna metoda; dobra, jeśli masz ugruntowaną pozycję i doświadczenie.</p>
<h3>Pytania, na które musisz sobie odpowiedzieć</h3>
<p>Jeśli już palisz się do zaprojektowania od nowa, bądź wprowadzenia zmian w obecnym projekcie, zaczekaj, usiądź i znajdź odpowiedź na pytania:</p>
<ul>
<li>co chcę przekazać</li>
<li>co chcę osiągnąć</li>
<li>co mnie interesuje jako użytkownika</li>
<li>co bym chciał zrobić na danej stronie</li>
<li>do kogo skierowany jest mój CMS</li>
</ul>
<p>Są to pytania o równie silnym znaczeniu. Dopiero odpowiedź na nie determinuje to, jak ma działać i wyglądać panel. Oczywiście, pamiętaj, że nie da się zadowolić wszystkich.</p>
<h3>Na zakończenie</h3>
<p>Jeśli zdarzy się Wam kiedyś przeprojektowywać panel zarządzania stroną, nie zawsze traficie na ludzi, którzy <a href="http://room-303.com/blog/">podzielają Waszą wizję </a>. Nie zawsze <a href="http://monochrome.pl/blog/">traficie na grafików</a>, którzy <a href="http://blog.drachal.com">potrafią tworzyć dla Webu</a>, programistów, którzy mają jakieś pojęcie na temat atrakcyjnego wyglądu, który nie przypomina konsoli uniksa oraz nie zawsze będziecie mogli skonfrontować swoje pomysły ze <a href="http://elsinterakcja.pl">specjalistami od użyteczności i dostępności</a>. Wygląda na to, że nam się udało.<br />
Razem z Patrykiem zapraszamy Was do śledzenia kolejnych raportów (screencastów) z prac nad <a href="http://wego.pl">systemem WEGO CMS</a>.</p>


<p>Powiązane wpisy:<ol><li><a href='http://enbewu.net/blog/2007/01/cmswegopl-prapremiera-strony/' rel='bookmark' title='Permanent Link: cms.wego.pl &#8211; premiera strony'>cms.wego.pl &#8211; premiera strony</a></li><li><a href='http://enbewu.net/blog/2005/07/9dcf4e623141ff2fb485b628a12972a2/' rel='bookmark' title='Permanent Link: Tworzenie stron e-commerce użytecznych i dostępnych dla osób niepełnosprawnych.'>Tworzenie stron e-commerce użytecznych i dostępnych dla osób niepełnosprawnych.</a></li><li><a href='http://enbewu.net/blog/2006/12/10przykazancom-rok-w-statystyce-plany-na-przyszlosc/' rel='bookmark' title='Permanent Link: 10przykazan.com &#8211; rok w krótkiej statystyce, i krótko o planach na przyszłość'>10przykazan.com &#8211; rok w krótkiej statystyce, i krótko o planach na przyszłość</a></li></ol></p>]]></content:encoded>
			<wfw:commentRss>http://enbewu.net/blog/2006/06/wego-tworzenie-interfejsu-uzytkownika/feed/</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
		<item>
		<title>Budowanie ankiet &#8211; jak tego nie robić</title>
		<link>http://enbewu.net/blog/2006/06/budowanie-ankiet-jak-tego-nie-robic/</link>
		<comments>http://enbewu.net/blog/2006/06/budowanie-ankiet-jak-tego-nie-robic/#comments</comments>
		<pubDate>Mon, 05 Jun 2006 08:24:47 +0000</pubDate>
		<dc:creator>nbw</dc:creator>
				<category><![CDATA[projektowanie]]></category>
		<category><![CDATA[użyteczność]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://enbewu.net/blog/2006/06/05/budowanie-ankiet-jak-tego-nie-robic/</guid>
		<description><![CDATA[Niedawno Mike Davidson opisał swoje uwagi na temat ankiety w serwisie Yahoo!. Choć spotykałem się z podobnymi potworkami to było to dawno i nieprawda.
A tu proszę, szukałem informacji na temat działalności łódzkiego MPK poza Łodzią i trafiłem tam na ankietę właśnie. Pytań nie ma tyle co w Yahoo, ale warto zwrócić uwagę na dwie rzeczy:

Odpowiedzi [...]


Powiązane wpisy:<ol><li><a href='http://enbewu.net/blog/2006/06/yahoo-zatrudnia-wrozbitow/' rel='bookmark' title='Permanent Link: Yahoo! zatrudnia wróżbitów!'>Yahoo! zatrudnia wróżbitów!</a></li><li><a href='http://enbewu.net/blog/2006/02/kwiaty-zawsze-byly-bezuzyteczne/' rel='bookmark' title='Permanent Link: Kwiaty zawsze były bezużyteczne'>Kwiaty zawsze były bezużyteczne</a></li><li><a href='http://enbewu.net/blog/2006/05/bezuzyteczna-uzywalnosc-nie-myl-pojec/' rel='bookmark' title='Permanent Link: Bezużyteczna używalność &#8211; nie myl pojęć'>Bezużyteczna używalność &#8211; nie myl pojęć</a></li></ol>]]></description>
			<content:encoded><![CDATA[<p>Niedawno <a href="http://mikeindustries.com">Mike Davidson</a> <a href="http://www.mikeindustries.com/blog/archive/2006/05/yahoo-surveys">opisał swoje uwagi na temat ankiety</a> w serwisie <a href="http://yahoo.com">Yahoo!</a>. Choć spotykałem się z podobnymi potworkami to było to dawno i nieprawda.</p>
<p>A tu proszę, szukałem informacji na temat działalności <a href="http://www.mpk.lodz.pl">łódzkiego MPK</a> poza Łodzią i trafiłem tam na ankietę właśnie. Pytań nie ma tyle co w Yahoo, ale warto zwrócić uwagę na dwie rzeczy:</p>
<div style="text-align: center"><img id="image41" alt="Mini ankieta MPK Å�Ã³dÅº" src="http://enbewu.net/blog/wp-content/uploads/2006/06/mpk-lodz-miniankieta.jpg" /></div>
<p>Odpowiedzi mamy udzielić w skali sześcio-punktowej, ale możliwości mamy od 0 do 10. Co więcej, podanie innej wartości niż ta, z przedziału 1-6, wyświetla nam prośbę o poprawne wypełnienie ankiety. Wspaniałe!</p>
<p>Swoją drogą, wyniki podawane niżej, wyglądają na równie przemyślane co ilość opcji:</p>
<p><span class="imagelink" /></p>
<div style="text-align: center"><img alt="Wyniki ankiety" id="image43" src="http://enbewu.net/blog/wp-content/uploads/2006/06/mpk-lodz-miniankieta-wyniki.jpg" /></div>
<p><a class="imagelink" title="Wyniki ankiety" href="http://enbewu.net/blog/wp-content/uploads/2006/06/mpk-lodz-miniankieta-wyniki.jpg"><br />
</a></p>


<p>Powiązane wpisy:<ol><li><a href='http://enbewu.net/blog/2006/06/yahoo-zatrudnia-wrozbitow/' rel='bookmark' title='Permanent Link: Yahoo! zatrudnia wróżbitów!'>Yahoo! zatrudnia wróżbitów!</a></li><li><a href='http://enbewu.net/blog/2006/02/kwiaty-zawsze-byly-bezuzyteczne/' rel='bookmark' title='Permanent Link: Kwiaty zawsze były bezużyteczne'>Kwiaty zawsze były bezużyteczne</a></li><li><a href='http://enbewu.net/blog/2006/05/bezuzyteczna-uzywalnosc-nie-myl-pojec/' rel='bookmark' title='Permanent Link: Bezużyteczna używalność &#8211; nie myl pojęć'>Bezużyteczna używalność &#8211; nie myl pojęć</a></li></ol></p>]]></content:encoded>
			<wfw:commentRss>http://enbewu.net/blog/2006/06/budowanie-ankiet-jak-tego-nie-robic/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>Google coraz aktywniejsze</title>
		<link>http://enbewu.net/blog/2006/05/google-coraz-aktywniejsze/</link>
		<comments>http://enbewu.net/blog/2006/05/google-coraz-aktywniejsze/#comments</comments>
		<pubDate>Tue, 30 May 2006 08:18:31 +0000</pubDate>
		<dc:creator>nbw</dc:creator>
				<category><![CDATA[projektowanie]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://enbewu.net/blog/2006/05/30/google-coraz-aktywniejsze/</guid>
		<description><![CDATA[To, że Google agresywnie wprowadza coraz to nowsze usługi, niekoniecznie dopracowane wizualnie czy technicznie &#8211; nie powinno już nikogo dziwić. W dodatku, od jakiegoś czasu można znaleźć oferty pracy na wielu stanowiskach w szeregach Google (w Polsce szukają głównie menadżerów).
Wygląda jednak na to, że Google poważnie zaczyna traktować także wygląd swoich serwisów. Kilka dni temu [...]


Powiązane wpisy:<ol><li><a href='http://enbewu.net/blog/2004/12/8b36e9207c24c76e6719268e49201d94/' rel='bookmark' title='Permanent Link: Google'>Google</a></li><li><a href='http://enbewu.net/blog/2007/01/polskie-getting-real-coraz-blizej/' rel='bookmark' title='Permanent Link: Polskie Getting Real coraz bliżej'>Polskie Getting Real coraz bliżej</a></li><li><a href='http://enbewu.net/blog/2005/07/378cf1b4920c4aca78880de38f294cbc/' rel='bookmark' title='Permanent Link: Google Maps, UFO i Jezus?'>Google Maps, UFO i Jezus?</a></li></ol>]]></description>
			<content:encoded><![CDATA[<p>To, że Google agresywnie wprowadza coraz to nowsze usługi, niekoniecznie dopracowane wizualnie czy technicznie &#8211; nie powinno już nikogo dziwić. W dodatku, od jakiegoś czasu można znaleźć oferty pracy na wielu stanowiskach w szeregach Google (w Polsce szukają głównie menadżerów).</p>
<p>Wygląda jednak na to, że Google poważnie zaczyna traktować także wygląd swoich serwisów. Kilka dni temu <a href="http://stopdesign.com">Doug Bowman</a> <a href="http://www.stopdesign.com/log/2006/05/27/going-to-google.html">potwierdził plotki</a> - jako Visual Design Lead (lepiej brzmi to nietłumaczone)  zajmie się on nadaniem spójnego wyglądu m.in Writely, Page Creator czy Gmail (oraz innych serwisów w rękawie Google).</p>
<p>Nie pozostaje mi nic innego jak pogratulować korporacji, która w pewnym stopniu uprzedziła GC <a href="http://google.com/notebook/">jednym ze swoich nowszych produktów</a>, doskonałego wyboru.</p>


<p>Powiązane wpisy:<ol><li><a href='http://enbewu.net/blog/2004/12/8b36e9207c24c76e6719268e49201d94/' rel='bookmark' title='Permanent Link: Google'>Google</a></li><li><a href='http://enbewu.net/blog/2007/01/polskie-getting-real-coraz-blizej/' rel='bookmark' title='Permanent Link: Polskie Getting Real coraz bliżej'>Polskie Getting Real coraz bliżej</a></li><li><a href='http://enbewu.net/blog/2005/07/378cf1b4920c4aca78880de38f294cbc/' rel='bookmark' title='Permanent Link: Google Maps, UFO i Jezus?'>Google Maps, UFO i Jezus?</a></li></ol></p>]]></content:encoded>
			<wfw:commentRss>http://enbewu.net/blog/2006/05/google-coraz-aktywniejsze/feed/</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
		<item>
		<title>Bezużyteczna używalność &#8211; nie myl pojęć</title>
		<link>http://enbewu.net/blog/2006/05/bezuzyteczna-uzywalnosc-nie-myl-pojec/</link>
		<comments>http://enbewu.net/blog/2006/05/bezuzyteczna-uzywalnosc-nie-myl-pojec/#comments</comments>
		<pubDate>Wed, 17 May 2006 21:03:27 +0000</pubDate>
		<dc:creator>nbw</dc:creator>
				<category><![CDATA[projektowanie]]></category>
		<category><![CDATA[projekty]]></category>
		<category><![CDATA[użyteczność]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://enbewu.net/blog/2006/05/17/bezuzyteczna-uzywalnosc-nie-myl-pojec/</guid>
		<description><![CDATA[Pewien klient (nazwijmy go K &#8211; klient), pewnej firmy (nazwijmy ją A), poszedł po rozum do głowy, i zażyczył sobie badanie użyteczności projektu, który przygotowała mu firma A. Ekspertyzę przygotowała pewna znana i ceniona firma w tej branży, która rozdaje ciasteczka przy zgłoszeniu strony. Firmę tę nazwiemy B.
Okazało się, że projekt, choć całkiem niezły wizualnie, [...]


Powiązane wpisy:<ol><li><a href='http://enbewu.net/blog/2006/06/wego-tworzenie-interfejsu-uzytkownika/' rel='bookmark' title='Permanent Link: WEGO &#8211; Tworzenie interfejsu użytkownika'>WEGO &#8211; Tworzenie interfejsu użytkownika</a></li><li><a href='http://enbewu.net/blog/2006/04/stopkowy-fetysz-pobieznie-o-projektowaniu/' rel='bookmark' title='Permanent Link: Stopkowy fetysz. Pobieżnie o projektowaniu'>Stopkowy fetysz. Pobieżnie o projektowaniu</a></li><li><a href='http://enbewu.net/blog/2005/08/813799ee715c5a8c7fb0b6e30cdc2d30/' rel='bookmark' title='Permanent Link: [WA] A jednak&#8230;'>[WA] A jednak&#8230;</a></li></ol>]]></description>
			<content:encoded><![CDATA[<p>Pewien klient (nazwijmy go K &#8211; klient), pewnej firmy (nazwijmy ją A), poszedł po rozum do głowy, i zażyczył sobie badanie użyteczności projektu, który przygotowała mu firma A. Ekspertyzę przygotowała pewna znana i ceniona firma w tej branży, która rozdaje ciasteczka przy zgłoszeniu strony. Firmę tę nazwiemy B.</p>
<p>Okazało się, że projekt, choć całkiem niezły wizualnie, posiada wiele mankamentów.</p>
<p>Wywołało to falę oburzenia na licu menadżera firmy-wykonawcy strony. Bo przecież, jak można wydawać pieniądze na jakieś <strong>durne</strong> ekspertyzy u <em>KONKURENCJI</em> (mniejsza o to, że wykonawca nie ma pojęcia o ekspertyzach użyteczności stron).</p>
<p>Owszem, sam termin &#8220;konkurencja&#8221; w przypadku firmy tworzącej ekspertyzy, jest bliski prawdy, bowiem firma ta, w swoich materiałach, stosuje nachalne wręcz stwierdzenia podchodzące pod &#8220;my takich błędów nie popełniamy &#8211; my zrobimy lepiej, płać nam&#8221;. Mógłbym się oczywiście uczepić i wypomnieć BIP pewnej firmy, wykonany właśnie przez wzmiankowaną firmę B &#8211; ale okej, takie są realia rynku &#8211; skoro firma B zajmuje się również tworzeniem stron, to dlaczego miałaby nie informować o tym? Wszak to klient (K) wybiera ostatecznie.</p>
<p>Co więcej &#8211; menadżer uznał, że użyteczność strony, można ocenić dopiero   <em>po</em> jej ukończeniu i podpięciu <strong>statystyk</strong>.</p>
<p>I rzekomo, na podstawie statystyk, możemy wysunąć wnioski, czy nasza strona jest użyteczna.</p>
<p>Nie, nie możemy. Co najwyżej, możemy wysunąć wniosek, że nasza strona jest <em>używalna</em>.</p>
<h3>Na czym polega różnica?</h3>
<p>Wyobraźmy sobie, że do otwarcia konserwy, mamy do wyboru siekierę, nóż i otwieracz. Każdym z tych narzędzi, możemy tę konserwę otworzyć, ale to otwieracz jest do tego stworzony (chyba, że chodzi o stare, radzieckie konserwy &#8211; wtedy siekiera może być bardziej odpowiednia). Zatem siekiera jest używalna, ale to otwieracz ma większą użyteczność.</p>
<p>Podobnie jest ze stronami &#8211; jeśli  użytkownik jest zdesperowany, to przymknie oko na krzyczące kolory, na to, że nie wie który element kliknąć i będzie ze strony korzystał.<br />
Ba, dzięki wrodzonej inteligencji, po jakimś czasie się nauczy i nawet przyzwyczai do tego, że by dostać się do kalkulatora oszczędności na stronie banku, by sprawdzić sobie dwie rzeczy, musi poświęcić dziesięć minut na wędrowanie w gąszczu stron i wypatrywaniu malutkiego szarego napisu na białym tle.</p>
<p>Użyteczność serwisów to nie jest wartość dodana, na którą szkoda czasu. Nie jest to również wartość, o której można zapominać. Strona internetowa, najwyraźniej wbrew wyobrażeniom wielu, to nie obrazek, który zawieszamy w antyramie i zabieramy się za następny. Użyteczność serwisu to element, który ma bezpośrednie przełożenie na jego efektywność.</p>
<p>Spotyka się to jednak ze zrozumiałym oporem ze strony menadżerów, którzy &#8220;wiedzą lepiej&#8221;, wszak mają wieloletnie doświadczenie (sięgające pierwszych dot comów &#8211; respekt, ale czasy się zmieniły) i grafików, którzy rzadko kiedy mają choć pobieżną wiedzę z zakresu budowania i funkcjonowania serwisów po wyjściu z Photoshopa.</p>
<h3>Użyteczność a funkcjonalność</h3>
<p>Między tymi dwoma określeniami nierzadko stawiany jest znak równości. Tak, mogą być ze sobą powiązane. Nie, nie są od siebie zależne. Serwis funkcjonalny, czyli zawierający funkcje służące do realizacji określonego celu, nie musi być użyteczny &#8211; czyli, po prostu, wygodny.</p>
<h3>Mniej znaczy więcej</h3>
<p>Złota zasada, do której będę nawiązywał niejednokrotnie, głosi, że im mniej elementów na stronie, tym większe prawdopodobieństwo, że użytkownik podejmie właściwą decyzję.</p>
<p>Minęły czasy dogłębnego poznawania serwisów (zostało dogłębne poznawanie koleżanek, ale tu nie o tym), nie ma co liczyć na to, że przeciętny użytkownik-meteor, który trafił na naszą stronę z rekomendacji znajomego czy wyszukiwarki, skupi się na rozbieraniu naszej strony na czynniki, pieszczeniu każdego elementu wzrokiem. Liczy się treść i szybkość, z jaką otrzyma to, czego szuka. W dobie dziesiątek serwisów, które oferują niemal to samo, wygrywają te, które rozumieją użytkownika (to już złotą zasadą nie jest).</p>
<h3>Przekładając słowa na czyny</h3>
<p>Kiedy przychodzi czas na praktykę, naprawdę trudno o odkrycie Ameryki. Wiemy już, że nasi użytkownicy oczekują od nas przede wszystkim &#8220;kontentu&#8221;. Zatem jak najszybciej możemy doprowadzić ich do frustracji i opuszczenia naszego sajtu? Utrudniając im odnalezienie tego, po co przyszli.</p>
<p>O budowaniu serwisów nakierowanych na użytkownika będę jeszcze z pewnością nie raz pisał, niemniej już teraz zacznijmy od wpojenia sobie myśli: &#8220;projektując, myśl o tym, co by chciał osiągnąć użytkownik&#8221;. Określ najpierw to, czym jest projekt który realizujesz i jakie są jego główne zadania. Następnie usiądź przed draftem, który zapewne wcześniej przygotowałeś i wyeliminuj wszystkie elementy zbędne. Z doświadczenia wiem, że w przypadku tradycyjnych dizajnów znaczna część elementów jest co najmniej zbędna. Na teraz uwaga: jeśli nie wiesz jak zmieścić jakiś box w danym miejscu &#8211; prawdopodobnie on tam nie pasuje.</p>
<p>Zamiast tłumaczyć się z każdej decyzji &#8211; twórz serwisy, po których nawigacja jest intuicyjna. Chyba, że planujesz dodawac 200 stronnicową instrukcję obsługi albo interaktywnego spinacza.</p>
<p>Niestety, odnoszę wrażenie, że upłynie jeszcze sporo wody w polskich rzekach, nim koncepcje użyteczności, dostępności czy semantyki przebiją się przez komercjonalizm polski. Przebiją się i staną się istotnymi elementami każdej strony, a nie tylko reklamową paplaniną, którą wciska się gdzieś między &#8220;nasze strony są w XHTML więc wyglądają wszędzie tak samo&#8221; i &#8220;stosujemy AJAX&#8221; (do animowania elementów). Na razie jednak decyzję o wyglądzie stron podejmują szefowie, którzy z nowoczesnymi standardami mają tyle wspólnego, co ja z budowaniem wahadłowców &#8211; &#8220;gdzieś o tym czytałem&#8221;.</p>
<p>PS. Ta notka została skrócona, ciąg dalszy nastąpi (prawdopodobnie).</p>


<p>Powiązane wpisy:<ol><li><a href='http://enbewu.net/blog/2006/06/wego-tworzenie-interfejsu-uzytkownika/' rel='bookmark' title='Permanent Link: WEGO &#8211; Tworzenie interfejsu użytkownika'>WEGO &#8211; Tworzenie interfejsu użytkownika</a></li><li><a href='http://enbewu.net/blog/2006/04/stopkowy-fetysz-pobieznie-o-projektowaniu/' rel='bookmark' title='Permanent Link: Stopkowy fetysz. Pobieżnie o projektowaniu'>Stopkowy fetysz. Pobieżnie o projektowaniu</a></li><li><a href='http://enbewu.net/blog/2005/08/813799ee715c5a8c7fb0b6e30cdc2d30/' rel='bookmark' title='Permanent Link: [WA] A jednak&#8230;'>[WA] A jednak&#8230;</a></li></ol></p>]]></content:encoded>
			<wfw:commentRss>http://enbewu.net/blog/2006/05/bezuzyteczna-uzywalnosc-nie-myl-pojec/feed/</wfw:commentRss>
		<slash:comments>11</slash:comments>
		</item>
		<item>
		<title>Cała prawda o estetyce stron</title>
		<link>http://enbewu.net/blog/2006/04/cala-prawda-o-tworzeniu-stron/</link>
		<comments>http://enbewu.net/blog/2006/04/cala-prawda-o-tworzeniu-stron/#comments</comments>
		<pubDate>Thu, 20 Apr 2006 14:20:35 +0000</pubDate>
		<dc:creator>nbw</dc:creator>
				<category><![CDATA[projektowanie]]></category>
		<category><![CDATA[projekty]]></category>

		<guid isPermaLink="false">http://enbewu.net/blog/2006/04/20/cala-prawda-o-tworzeniu-stron/</guid>
		<description><![CDATA[Nic dodać, nic ująć


Powiązane wpisy:Cała prawda o NBW.Cała prawda..Z przymrużeniem oka: prawda o kobietach&#8230;


Powiązane wpisy:<ol><li><a href='http://enbewu.net/blog/2005/08/ce8a5135650ada5f561da1a2b12205b7/' rel='bookmark' title='Permanent Link: Cała prawda o NBW.'>Cała prawda o NBW.</a></li><li><a href='http://enbewu.net/blog/2005/05/a2bd6ec21d369d2f51e8e60b06a66490/' rel='bookmark' title='Permanent Link: Cała prawda..'>Cała prawda..</a></li><li><a href='http://enbewu.net/blog/2005/06/3760bcbc228303578c4a3fcb3afc0b34/' rel='bookmark' title='Permanent Link: Z przymrużeniem oka: prawda o kobietach&#8230;'>Z przymrużeniem oka: prawda o kobietach&#8230;</a></li></ol>]]></description>
			<content:encoded><![CDATA[<p><a title="OK/Cancel" href="http://www.ok-cancel.com/comic/132.html">Nic dodać, nic ująć</a></p>


<p>Powiązane wpisy:<ol><li><a href='http://enbewu.net/blog/2005/08/ce8a5135650ada5f561da1a2b12205b7/' rel='bookmark' title='Permanent Link: Cała prawda o NBW.'>Cała prawda o NBW.</a></li><li><a href='http://enbewu.net/blog/2005/05/a2bd6ec21d369d2f51e8e60b06a66490/' rel='bookmark' title='Permanent Link: Cała prawda..'>Cała prawda..</a></li><li><a href='http://enbewu.net/blog/2005/06/3760bcbc228303578c4a3fcb3afc0b34/' rel='bookmark' title='Permanent Link: Z przymrużeniem oka: prawda o kobietach&#8230;'>Z przymrużeniem oka: prawda o kobietach&#8230;</a></li></ol></p>]]></content:encoded>
			<wfw:commentRss>http://enbewu.net/blog/2006/04/cala-prawda-o-tworzeniu-stron/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Stopkowy fetysz. Pobieżnie o projektowaniu</title>
		<link>http://enbewu.net/blog/2006/04/stopkowy-fetysz-pobieznie-o-projektowaniu/</link>
		<comments>http://enbewu.net/blog/2006/04/stopkowy-fetysz-pobieznie-o-projektowaniu/#comments</comments>
		<pubDate>Fri, 14 Apr 2006 16:05:36 +0000</pubDate>
		<dc:creator>nbw</dc:creator>
				<category><![CDATA[projektowanie]]></category>
		<category><![CDATA[użyteczność]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://enbewu.net/blog/2006/04/14/stopkowy-fetysz-pobieznie-o-projektowaniu/</guid>
		<description><![CDATA[Od dłuższego już czasu przymierzam się do przeprojektowania kilku stron prywatnych, w tym blogów, dlatego zacząłem zastanawiać się, czy da się zdefiniować jak powinien wyglądać idealny design bloga.
Czy naprawdę nie da się zrobić nic prostszego i mniej przeładowanego, niż oklepane dwie kolumny?
Kula u nogi &#8211; strona domowa
Jeśli przyjąć założenie, że blog jest bezpośrednim potomkiem stron [...]


Powiązane wpisy:<ol><li><a href='http://enbewu.net/blog/2008/02/nowe-odswiezone-i-dzialajace-10przykazancom/' rel='bookmark' title='Permanent Link: Nowe, odświeżone i działające 10przykazan.com'>Nowe, odświeżone i działające 10przykazan.com</a></li><li><a href='http://enbewu.net/blog/2006/06/budowanie-ankiet-jak-tego-nie-robic/' rel='bookmark' title='Permanent Link: Budowanie ankiet &#8211; jak tego nie robić'>Budowanie ankiet &#8211; jak tego nie robić</a></li><li><a href='http://enbewu.net/blog/2005/10/9aee0e56bcd80f1d0bc48107afa9b005/' rel='bookmark' title='Permanent Link: Blogi &#8211; sława, kobiety, reklamy i zapach pieniędzy'>Blogi &#8211; sława, kobiety, reklamy i zapach pieniędzy</a></li></ol>]]></description>
			<content:encoded><![CDATA[<p>Od dłuższego już czasu przymierzam się do przeprojektowania kilku stron prywatnych, w tym blogów, dlatego zacząłem zastanawiać się, czy da się zdefiniować jak powinien wyglądać idealny design bloga.</p>
<p>Czy naprawdę nie da się zrobić nic prostszego i mniej przeładowanego, niż oklepane dwie kolumny?</p>
<h2>Kula u nogi &#8211; strona domowa</h2>
<p>Jeśli przyjąć założenie, że blog jest bezpośrednim potomkiem stron &#8220;domowych&#8221;, które na początku lat 90tych wyskakiwały w Sieci, to jasnym staje się, dlaczego oprócz notek, otrzymujemy różnego rodzaju &#8220;sajdbary&#8221; wypełnione informacjami o powiązanych, acz mało ważnych rzeczach w stylu &#8211; &#8220;mój pies&#8221; czy &#8220;moja galeria&#8221;.</p>
<h2>Gdzie podziała się treść?</h2>
<p>Dlaczego są to rzeczy mało ważne? Ponieważ wchodzę na bloga, by poczytać coś nowego, coś interesującego &#8211; interesuje mnie treść, a nie blogroll, chmura tagów z <a href="http://deli.cio.us">deli.cio.us</a> (IMHO idiotyczny pomysł) czy feedy RSS. Dlatego to treść powinna być tym, o czym najpierw myślimy, gdy zabieramy się za przeprojektowanie bloga (strony, ale o tym w innym wpisie).</p>
<h2>Przeceniony sidebar</h2>
<p>Może to za mocno powiedziane, ale jest pewien trend, polegający na wciśnięciu w sidebar wszystkiego, co robiło się w życiu, czym się interesuje, co się czyta, gdzie ma się konto i który antipixel spodobał się najbardziej.</p>
<p><strong>Po co</strong>?</p>
<p>Prywatnie, zauważam po sobie, że sidebar, gdy wchodzę na bloga, interesuje mnie najmniej. Jest elementem, który najchętniej bym wyłączył. Jeśli spodoba mi się treść i sposób, w jaki autor pisze &#8211; wtedy zobaczę gdzie linkuje i co ma do zaoferowania.</p>
<p>Problem w tym, że sidebar jest z reguły umieszczany po prawej stronie, co sprawia, że najpierw widzę te wszystkie nieinteresujące mnie linki, a dopiero później dostrzegam, że jest na tej stronie coś więcej.</p>
<p>Swoistym przegięciem w moim mniemaniu jest&#8230; jeden z moich ulubionych blogów, czyli <a href="http://456bereastreet.com">456bereastreet.com</a>.</p>
<h2>Niedoceniona stopka</h2>
<p>Skarbem każdego serwisu są czytelnicy. Choć statystyki odwiedzalności mogą cieszyć, to jednak najważniejszymi użytkownikami, są użytkownicy powracający. Są to ludzie, którzy często czytają Twojego bloga/stronę od początku (topu) do końca (stopki). No właśnie &#8211; stopki.</p>
<p>Co oferuje stopka takiemu wiernemu czytelnikowi? Ano &#8211; nic. Informację o &#8220;prawach autorskich&#8221;, ewentualny link &#8220;powrót do góry&#8221;  i to w sumie wszystko.</p>
<p>A gdyby tak wrzucić w stopkę te zbędne informacje, takie jak listę kategorii, archiwum czy blogroll? Może fotki z flickr&#8217;a?</p>
<p>Nie ma się co obawiać, że ktoś przegapi informacje zawarte w takiej stopce &#8211; odpowiednio przygotowana, może być nawet bardziej interesująca niż pasek boczny, zawierający te same informacje.</p>
<p>Z blogów, które realizują ten pomysł, wartym zwrócenia uwagi jest blog <a href="http://www.garrettdimon.com/">Garretta Dimona</a>. Z polskich blogów, które czasem podglądam, bardzo bliskim mojemu wyobrażeniu ideału, jest <a href="http://3cc.pl">blog YaaL</a>.</p>
<h2>Podsumowując</h2>
<p>Przeładowane układy dwu-trzy kolumnowe na pewno nie wyginą &#8211; wszak dla wielu, blog to jedyna szansa, by zaprezentować swoją wiedzę i umiejętności. A reszta? Cóż, gdy pomyślicie o redesignie stron (niekoniecznie bloga) &#8211; spójrzcie przychylniej na niepozorną stopkę.</p>
<p>PS. Powrót do pisania po dłuższej przerwie boli.</p>


<p>Powiązane wpisy:<ol><li><a href='http://enbewu.net/blog/2008/02/nowe-odswiezone-i-dzialajace-10przykazancom/' rel='bookmark' title='Permanent Link: Nowe, odświeżone i działające 10przykazan.com'>Nowe, odświeżone i działające 10przykazan.com</a></li><li><a href='http://enbewu.net/blog/2006/06/budowanie-ankiet-jak-tego-nie-robic/' rel='bookmark' title='Permanent Link: Budowanie ankiet &#8211; jak tego nie robić'>Budowanie ankiet &#8211; jak tego nie robić</a></li><li><a href='http://enbewu.net/blog/2005/10/9aee0e56bcd80f1d0bc48107afa9b005/' rel='bookmark' title='Permanent Link: Blogi &#8211; sława, kobiety, reklamy i zapach pieniędzy'>Blogi &#8211; sława, kobiety, reklamy i zapach pieniędzy</a></li></ol></p>]]></content:encoded>
			<wfw:commentRss>http://enbewu.net/blog/2006/04/stopkowy-fetysz-pobieznie-o-projektowaniu/feed/</wfw:commentRss>
		<slash:comments>12</slash:comments>
		</item>
	</channel>
</rss>
<!-- WP Super Cache is installed but broken. The path to wp-cache-phase1.php in wp-content/advanced-cache.php must be fixed! -->