Archief voor de 'Design' categorie

Fine-tuning van de StackOverflow thema

04 11 2009 Geplaatst door Niyaz PK onder Design

Als een regelmatige gebruiker van StackOverflow , werd ik voortdurend geplaagd door een aantal van de kleine problemen in het ontwerp van de website. Kijk naar de screenshot hieronder (klik voor vergroting):

stackoverflow-old

Ik heb dit probleem, dat krijg ik echt in de war bij het bezoeken van websites met een veel spullen. Zelfs al heb ik al een ontelbaar keer StackOverflow, krijg ik nog steeds afgeleid door de kleuren die worden gebruikt in de website. (Natuurlijk zijn deze dingen zijn echt subjectief). Ik downloadde het style sheet en bewerkt hebt. Hier is hoe de site er nu uitziet (voor mij):

stackoverflow-new

Hier zijn enkele van de veranderingen:

  • Verwijderd de achtergrond kleuren voor de statistiek (bekijken tellen, punten, enz.)
  • Verminderde de lettergrootte van de statistieken waardoor zij minder zichtbaar.
  • Ronde sommige tabbladen in het nauw gedreven, tags etc.
  • Verwijderd de punten weergegeven in de buurt van de gebruikers naam. Dit is niet erg nuttig en verwijderen opgeruimd veel rommel.

Ik denk aan het maken van nog meer wijzigingen met inbegrip van het stapelen van de statistieken een over de ander en het maken van tags voor elke vraag minder opdringerig. We kunnen afstand doen met veel statistieken in de pagina sinds het merendeel van de gebruikers zijn niet erg geïnteresseerd in deze kleinste details.

U kunt het downloaden van de Greasemonkey script om dit thema hier .

8 reacties tot dusver

Gedaan met de faux kolommen

De dertien augustus 2009 Geplaatst door Niyaz PK onder Design

Als je begint met de uitvoering van de lay-out van een website met CSS en HTML DIV, zal je onvermijdelijk tegenkomt het volgende probleem:

Hoe kan ik deze werking twee kolommen te worden van dezelfde hoogte?

Wil je iets als dit:

Expected two column behavior

Maar alles wat je doet, je bent niet in staat om de zijbalk tot de voettekst te breiden. U sluit af met iets als dit:

Actual two column behavior

Velen hebben gesuggereerd met behulp van enkele lastige CSS-technieken om het probleem te omzeilen, terwijl het in feite geen enkele van de technieken werken perfect in alle gevallen. Het is vervelend om deze methoden werken in vele situaties.

Sommigen hebben gesuggereerd technieken, zoals het betegelen van een achtergrondafbeelding aan een verkeerde indruk van de lange kolommen geven. Deze techniek heet faux kolommen . Deze hack werkt bijna, maar u weet - het is een vuile hack ook.

Mensen verachten altijd met behulp van een JavaScript-gebaseerde oplossing voor dit probleem. Ik weet niet waarom, maar laat ik u de waarheid vertellen - een JavaScript-gebaseerde oplossing voor dit probleem is niet slechter dan een andere oplossing. In feite als u gebruik maakt van JavaScript, kunt u het opslaan van een paar uur frustratie van het proberen om dingen werkend te krijgen. Mensen zullen u waarschuwen tegen dit door te zeggen: "Wat zal er gebeuren als de gebruiker JavaScript uitgeschakeld?". Geloof me, als de gebruiker JavaScript heeft uitgeschakeld, het grootste deel van het web is gebroken toch voor hem. De zijbalk doet er niet toe aan hem. Doe niet alsof zoals het hoort.

Hier is hoe kunt u het probleem te omzeilen met behulp van jQuery:

Doe iets als dit in je klaar event handler:

  $ (". Kadertekst '). Hoogte (Math.max ($(". inhoud"). Hoogte (), $ (". Zijbalk"). Hoogte ())); 

Dat is het. Nu beginnen Getting Things Done in plaats van knutselen met al die kleine details, en proberen te stoppen met CSS te gebruiken om voor alle gekke probleem op te lossen.

8 reacties tot dusver

Opera, kunt u het huren van een ontwerper

04 januari 2009 Geplaatst door Niyaz PK onder Design , Internet , Review

Opera is opnieuw ingesteld om het te verknallen de UI in de komende versie 10 van de webbrowser.

Toegegeven, dat de nieuwe iteratie van Opera is sneller en bloasts tal van nieuwe functies , maar de UI is nog steeds zo'n puinhoop om naar te kijken. Zie voor jezelf:

Opera 10 user interface

Dit is het standaard thema genaamd Opera Standard. Kan niet worden lelijker.

De laatste keer dat ik erover schreef , de interface is veel beter!

Er is een ander thema met de naam Windows Native dat is gebundeld met de aanvraag. Hoewel het biedt een native UI voelen Opera, het laat veel meer al te wensen over:

Opera 10 windows native skin

Hoe kan een belangrijke speler als Opera negeren de bruikbaarheid punt van haar producten? Wat maakt hen denken dat zij rond de gek houden met de UI in elke nieuwe versie? Ik kan niet undersand.

Het wordt tijd dat Opera begint het analyseren van de relatie tussen de gebruiksvriendelijke user interface en het marktaandeel. Opera is nu een verre vijfde Achter IE, Firefox, Safari en Chrome in browser marktaandeel .

9 reacties tot dusver

Bericht dozen zijn dood

Van de 25 juli 2008 Geplaatst door Niyaz PK onder Design , Programmeren

Ieder van ons hebben ervaren de bittere smaak van een message box staren ons op als we proberen om een taak te volbrengen met onze software. Bericht dozen worden gebruikt om enkele informatie over te brengen, meestal denken als belangrijke informatie voor de gebruiker en vraag hem te reageren op de informatie. Bijvoorbeeld, kijk naar de screenshot:

Message box annoyance

Wat is de noodzaak van een dergelijke dialoogvenster? De gebruiker wilde de informatie aan het register toevoegen. Dat is precies waarom hij het proces begonnen en nu in de toepassing schokken de gebruiker met een message box gaat vergezeld van "Ding" geluid en blokkeert alle andere activiteiten totdat hij klikt op OK te klikken.

Er zijn vele versies van deze UI irriterende stoffen:

Message box asking question

(Update: Mijn fout. Getting een melding van de Register-editor is een verkeerde keuze. Moet ik de screenshots zijn afkomstig uit een eenvoudiger toepassing. Veel mensen in reddit al bashing mijn idee . uitgeven van de registratie is inderdaad zeer belangrijk proces en de gebruiker te waarschuwen nodig is in zeer kritieke toepassingen.)

Hier zijn enkele redenen waarom ik een hekel message boxen:

  1. Ze maakt de gebruiker denken en een beslissing te nemen (gebruikers een hekel aan deze).
  2. Ze blokkeren alle andere activiteiten in de aanvraag of zelfs het besturingssysteem totdat er een actie wordt ondernomen.
  3. Ze worden begeleid door vreemde geluiden.
  4. Ze stelen focus van wat de gebruiker doet en dit kan leiden tot verlies van data in sommige situaties.

Dus wat zijn de alternatieven?

Ten eerste, Don't make me think. Stel geen vragen. Gewoon doen wat van toepassing is op het moment. Vraag me niet als ik een bestand wilt opslaan of niet. Gewoon een versie op te slaan in mijn map Concepten. De volgende keer dat ik het programma opent, staat u mij toe om te navigeren en mijn ontwerpen te bewerken.

In de tweede plaats doen van ongewenste informatie niet op mij te werpen in de vorm van de boodschap van dozen. Zie hoe Gmail vertelt "Uw bericht is verzonden":

Gmail status message

Het geeft de informatie zonder vervelend mij. Zeer goed.

WordPress heeft dit ook.

Wordpress status message

Vele grote toepassingen zijn de aanneming van deze strategie.

De tijd is rijp voor u weg te doen met die vervelende boodschap dozen in uw toepassing.

18 reacties tot dusver

Hoe te toetsen design software registratie

De 23 juli 2008 Geplaatst door Niyaz PK onder Design , Programmeren

Design sleutels die twee voorwaarden voldoen. U zal de verkoop van deze toetsen met uw software. In de software te testen voor slechts een voorwaarde. Gebruikers zullen toch reverse-engineering van uw code te genereren en valse sleutels voor uw software, maar deze toetsen zal slechts een voorwaarde dat je gecontroleerd voldoen.

In uw webapplicatie test voor de tweede voorwaarde ook. Op deze manier kunt u buitenechtelijke toetsen en blokkeren van illegale kopieën van software van uw auto-updating. U kunt ook proberen om die kopieën te schakelen.

Je moet zelfs originele sleutels die worden gebruikt door vele gebruikers tegelijkertijd (dit gebeurt wanneer iemand aandelen / zijn sleutel publiceert zwarte lijst).

2 reacties tot dusver

Tegen de Scroll Lock en de Caps Lock-toetsen

18 jul 2008 Geplaatst door Niyaz PK onder Design , General

De Scroll Lock en Caps Lock-toetsen zijn niet veel gebruikt door niemand meer. (Ik ben niet de bedoeling dat deze woorden te gebruiken, lijkt het ). Anyway wat ik van plan om te vertellen is dat ze niet worden gebruikt door veel mensen regelmatig.

Toetsenbord met de Caps Lock-toets

Tenminste we weten allemaal wat caps lock toets wordt gebruikt. Hoe zit het met de scroll lock-toets?

De Scroll Lock-toets is een overblijfsel van het originele IBM PC-toetsenbord. In het oorspronkelijke ontwerp was de scroll lock bedoeld om het gedrag van de pijltjestoetsen te veranderen. Wanneer de scroll lock aan stond, zou de pijltoetsen bladeren door de inhoud van een tekst venster in plaats van de cursor te verplaatsen. In dit gebruik, scroll lock is een speciale toets zoals Alt en Shift (die wijzigen van de functie van de andere toetsen) en, meer in het bijzonder, een wisselgesprek Lock-toets als Num Lock of Caps Lock, dat een staat die aanhoudt na de toets wordt losgelaten hebben . Tegenwoordig is dit gebruik van scroll lock zeldzaam. Slechts een paar moderne programma's nog steeds eer dit gedrag, zoals Microsoft Excel (in het gedrag van de pijlen - Wanneer Scroll Lock is ingeschakeld, de selectie niet bewegen), Lotus Notes en Forte Agent. In de moderne GUI omgevingen, scrollen wordt meestal bereikt met behulp van middelen, zoals schuifbalken of scroll wielen. Daarom is scroll lock kan worden beschouwd als een ziele in bijna alle moderne programma's en besturingssystemen; sommige toetsenborden totaal gebrek aan scroll lock.

Hier is het resultaat van een online poll :

Poll resultaat voor: De meest onzinnige toets op mijn toetsenbord

Veel mensen zijn niet met behulp van scroll lock toets geen enkele manier. Waarom niet besparen toetsenbord onroerend goed door het verwijderen van deze sleutel?

Hoewel sommige mensen met specifieke toepassingen maken gebruik van Caps Lock-toets, meestal mensen gebruik maken van de shift-toets voor de occasionele kapitalisatie van brieven. Veel mensen zijn te drukken voor het verwijderen van de Caps Lock-toets van het toetsenbord. Er is zelfs een Google-discussiegroep voor deze.
Wat is de optimale oplossing? Naar mijn mening, verwijder de Scroll Lock-toets ingedrukt en beweeg de Caps Lock-toets is er.

6 reacties tot dusver

Wanneer mag u gebruik maken van een kader

Twaalfde juni 2008 Geplaatst door Niyaz PK onder Design , Programmeren

Onlangs kwam ik een web-applicatie die slechts twee JSP-pagina's had.

Wat doet het? Het duurt een waarde van de gebruiker en toont zijn punten gebaseerd op de waarde.

En kan je het raden van het aantal back-end-bestanden gebruikt om dit proces te helpen?

Er waren 23 pakketten, meer dan 250 java-bestanden, 13 woningen en een heleboel bestanden van XML-bestanden, in aanvulling op de standaard klasse / library jar bestanden die gebruikt worden in het project. Geloof me, ik spreek over een complete applicatie die niet verwacht geen dramatische verbetering in de toekomst.

Zeg me niet dat het allemaal over het Framework. Dat is wat je slecht ontwerp bellen. Vooral als je kunt schrijven toepassingen van wereldklasse met 579 regels code .

Gebruik Struts of MVC of in het voorjaar of Ruby on Rails, of wat u maar wilt in uw aanvraag. Voordat die proberen met een beetje gezond verstand.

4 reacties tot dusver

Oudere berichten »