Grafiska användargränssnitt och allmän design (bad example)

  • Författare
  • Meddelande
Användarvisningsbild

mos

dbwebb

  • Inlägg: 10728
  • Blev medlem: 10 nov 2011, 09:52
  • Ort: Ronneby / Bankeryd

Grafiska användargränssnitt och allmän design (bad example)

Inlägg02 maj 2018, 17:20

Jag behöver en tråd för att samla mindre bra exempel och lite humor kring användargränssnitt och allmän design och usability av webbplatser. Kanske går det att använda i undervisningen, "teaching by bad examples".

Jag sparar undan de jag hittar så får vi se. Kanske kan även bra exempel få plats i tråden, bara man får lite att kika på och fundera, tänka till kring.

Vi börjar med en Dilbert.
17:05 < lrc> Dilbert pratar GUI idag
17:06 <@mos> Fint strip http://dilbert.com/strip/2018-05-02
17:06 <@mos> Fin strip.


Bild
...
..:
.... /mos
Användarvisningsbild

mos

dbwebb

  • Inlägg: 10728
  • Blev medlem: 10 nov 2011, 09:52
  • Ort: Ronneby / Bankeryd

Re: Grafiska användargränssnitt och allmän design (bad examp

Inlägg02 maj 2018, 17:26

Jag ställde frågan tidigare i irc och fick bidrag med båda bra och mindre bra exempel på design av webbplatser (och gui ramverk).
18:43 <@mos> daBack: du som har öga för design, kan du tipsa om några webbplatser som du anser har god design och som sticker ut lite extra?
18:44 < daBack> Kan väl kika lite mos :)
18:44 <@mos> (eller någon annan som vill bidra med goda exempel på webbplatser med god design)
19:33 < lrc> http://www.gatesnfences.com/
20:00 * mos funderar vilke färgschema den webbplatsen hade
20:08 < TitoN> den sidan saknar lite marguee
20:09 < TitoN> marquee
10:29 < daBack> Mos: Jag har väl inte kikat ut några speciella sidor, kan göra det med. Men på denna sidan så är det mycket ögongodis ;) väldigt många bra designinriktade sidor. https://www.awwwards.com/websites/trend/
11:08 * lrc sneglar på Weex https://weex.apache.org/
11:11 * daBack tro på animationer, 2018-> mycket rörelse och djup, parallax osv
21:27 < daBack> mos: https://www.toggl.com/ denna startsidan är ganska cool
21:29 <@Losningen> Toggl är smidigt
21:59 < daBack> Ohja
...
..:
.... /mos
Användarvisningsbild

mos

dbwebb

  • Inlägg: 10728
  • Blev medlem: 10 nov 2011, 09:52
  • Ort: Ronneby / Bankeryd

Re: Grafiska användargränssnitt och allmän design (bad examp

Inlägg07 maj 2018, 23:37

Inte riktigt ett grafiskt användargränssnitt men en förstasida som ger en ny innebörd åt responsiv design.
https://lynnandtonic.com/
...
..:
.... /mos
Användarvisningsbild

mos

dbwebb

  • Inlägg: 10728
  • Blev medlem: 10 nov 2011, 09:52
  • Ort: Ronneby / Bankeryd

Re: Grafiska användargränssnitt och allmän design (bad examp

Inlägg08 maj 2018, 08:23

Techcrunch skriver om sitt arbete att uppdatera sin fem år gamla webbplats. De väljer React mot WordPress API och de skriver om val av gränssnitt. Artikeln ger insikt i hur nya webbplatser byggs, teknikval som sker och hur nya webbplatser designas och deras UI layoutas för bästa UX (User Experience).

Welcome to the new TechCrunch
...
..:
.... /mos
Användarvisningsbild

mos

dbwebb

  • Inlägg: 10728
  • Blev medlem: 10 nov 2011, 09:52
  • Ort: Ronneby / Bankeryd

Re: Grafiska användargränssnitt och allmän design (bad examp

Inlägg20 aug 2018, 07:59

07:50 <@zeldah> https://medium.com/commitlog/how-to-des ... eaa926bae2 ser ut som vi behöver uppdatera design kursen


Mer varningsrutor åt folket.
...
..:
.... /mos
Användarvisningsbild

mos

dbwebb

  • Inlägg: 10728
  • Blev medlem: 10 nov 2011, 09:52
  • Ort: Ronneby / Bankeryd

Re: Grafiska användargränssnitt och allmän design (bad examp

Inlägg19 nov 2018, 16:15

Detta inlägg fanns i tråden "Grafiska användargränssnitt och allmän design (bad example)", flyttade hit det för att "samla de goda exemplen".

Jag tror att Auroras/lews bidrag kommer att komma rätt långt i tävlingen.
15:14 <@lew> Dagens tips: http://www.lingscars.com/
15:14 <@lew> mos: Detta är något för design-kursen ^^
15:15 < Losningen> Dear god
15:15 < thulin> lew, tack nu måste jag gå hem, har aldrig fått full huvudvärk på 0.01s innan...
15:16 <%pansar> det var tjusigt
15:17 <@mos> lew: nice, perfekt exempel i design-kursen
15:19 <@lew> hoppas ni hade ljudet på med...för den fulla upplevelsen!
15:19 < Losningen> Störde min musik :(
15:19 < Losningen> Ingen shut off heller
15:20 <%pansar> Haha, "Can you help me, I feel dizzy? - Try http://www.lingscars.com/feature/aspirin.html"
15:21 <%pansar> Det får ju mina gamla skapelser att verka acceptabla.
15:22 <@mos> Jisses, det var svårt att släppa taget om den webbplatsen
15:24 <@Sylvanas> what.. the
15:25 <@Sylvanas> den får min dator att gå upp i varv iaf
15:25 <@Sylvanas> varför är där djur överallt
15:25 < Aurora> Det är sannerligen ett mästerverk
15:25 <@lew> tipset kom från Aurora !


Undrar om någon kan komma i närheten av denna inom ramen för design-kursen.
...
..:
.... /mos
Användarvisningsbild

Lenore

css-hackare

  • Inlägg: 27
  • Blev medlem: 22 aug 2017, 10:08

Re: Grafiska användargränssnitt och allmän design (bad examp

Inlägg21 nov 2018, 16:14

https://badhtml.com/ är också ett "bra" exempel
"Det spelar mindre roll vad du gör så länge du gör något för det blir förmodligen bli fel ändå."

Vilka är online

Användare som besöker denna kategori: Bing [Bot] och 1 gäst