<åt sidan class = "s-notice s-notice__info js-post-notice mb16" role = "status">

Stängd. Denna fråga är utanför ämnet . För närvarande accepteras inte svar.

Kommentarer

  • Vi ' använder en liten ikon med ett + och – tecken bredvid en mappbild. (våra trädnoder är vanligtvis mappar)
  • Att ' är en designfråga. Röstade att stänga.
  • @Phil: Det finns många frågor formulerade " Vad är en bra ikon? " som har många röster och svar. Jag kan ' inte se något i FAQ som indikerar att designfrågor är förbjudna.
  • @Phil Hur är design inte en stor del av användarupplevelsen …? Jag kan se hur en rent stilistisk fråga är oönskad, men UX handlar om att utforma saker ordentligt …
  • @alastairs: Vanliga frågor och svar säger inte ' att frågor om giraffer är förbjudna;) En bra fråga skulle vara: Kan detta uppnås med en ikon? Och om ja, vad ' är den vanligaste? Och mitt svar skulle vara att endast mycket få ikoner utan etikett fungerar för en bred publik och att ett annat tillvägagångssätt kan vara bättre (kan lätt testas mot med ett snabbt användbarhetstest).

Svar

Gå med en chevron. Det är används ofta för att kollapsa och expandera, och det är ganska självförklarande.

ange bildbeskrivning här ange bildbeskrivning här

Kommentarer

  • Jag gillar dessa. Var hittade du dem?
  • Jag skapade mig själv, känn dig fri för att använda dem.
  • Jag skapar de med en guillemet ( en.wikipedia.org/wiki/Guillemet ) som jag sedan roterar 90 grader . Det låter mig välja ett specifikt typsnitt för att få ett specifikt utseende.
  • Ja, det här är mer intuitivt för mig än trianglar som roterar 90 grader för att representera vad som i grunden är en vertikal glidskiva än en rotation. Ett idiom jag ' har sett är att använda en enda dunpinne för att expandera en, och dubbel ner för att expandera alla. Upp och fördubblas för att kollapsa.
  • Jag tänker att det här är sidan nedåt, sidan uppåt. Är det inte ' något förvirrande? eller är jag den enda?

Svar

Jag har tidigare använt den här typen av idé nedan – inte dessa faktiska ikoner, men något baserat på dem och i linje med resten av designstilen.

ange bildbeskrivning här

ange bildbeskrivning här

Kommentarer

  • Tack, jag hade sett något som liknar " expandera " ikonen någon annanstans.
  • Detta är vettigt, eftersom antagligen de enskilda noderna består av en enda ruta som innehåller antingen en plus- eller minustecken. Om du använde en enda chevron på OTOH på varje nod i trädet, kunde " alla " versionen vara dubbla chevrons, vilket är en enklare ikon att analysera visuellt.

Svar

Jag skulle gå till ett visuellt renare lösning, dvs med mindre artefakter / röran.

Google Mail - Dölj alla Google Mail - Dölj alla Exempel2

Exempel1

Kommentarer

  • Jag don ' t tror att jag ' någonsin har sett det förut, så personligen skulle jag inte ' inte ringa det antog i stort sett!
  • Jag har just kontrollerat Gmail och använder en ikon som den här för att expandera / kollapsa när jag tittar på en e-postkonversation.

Svar

Så finns det enighet? På nätet, även inom samma organisationer, har jag sett dem använda olika ikoner. På Google Groups använder de högerpilen / pilen nedåt. I Gmail använder de + / -. I Google Plus använder de Chevron dubbelpil. WTF? Jag förstår att olika grupper bygger de applikationerna och en ikon kan ge mer kontextuell mening på en plats än den andra men på allvar, standardisering skulle vara trevligt.

Utanför Chevron dubbelpil, jag ”har alltid varit ovilliga att använda höger / nedåtpilen. Jag tror att det kommer att gå vilse / förvirra med alla kombinationsrutor på sidan.

Svar

Jag kan inte helt förstå det sammanhang du behöver designen ska implementeras. men jag har alltid hittat fall som dessa behöver inte nödvändigtvis uppfinna hjulet igen.

en bra referens att använda är http://patterntap.com/ Jag har alltid haft nytta av det, förhoppningsvis kommer det att hjälpa dig.

Kommentarer

  • Tyvärr är mönstret länken trasig.

Lämna ett svar

Din e-postadress kommer inte publiceras. Obligatoriska fält är märkta *