[{"data":1,"prerenderedAt":643},["ShallowReactive",2],{"project-27210022":3},{"id":4,"name":5,"line":6,"line_source":7,"title":8,"url":9,"domain":10,"maker":11,"posted_at":12,"year":13,"points":14,"comments":15,"rank_in_year":16,"shown_in_year":17,"top":18,"tier":19,"category":20,"subcategory":21,"format":22,"keywords":23,"reception":29,"sentiment":30,"stance_mix":31,"scored_comments":36,"aspects":37,"strip":46,"post_text":49,"what":50,"said":92,"maker_in_thread":146,"shape":154,"grid":158,"attempts":606,"same_week":607,"maker_shows":48,"maker_hidden":635,"reader_version":636,"card":637},"27210022","50 UI Tips","A book about UI [pdf]","title","Show HN: I wrote a book about UI [pdf]","https:\u002F\u002Ffifty.user-interface.io\u002F50_ui_tips.pdf","fifty.user-interface.io","Akcium",1621437989,2021,411,151,68,2533,3,"legend","learning_science","ui design guide","other",[24,25,26,27,28],"ui design","interface design","ux tips","form design","design checklist","mixed",0.361,{"positive":32,"neutral":33,"mixed":34,"critical":35},28,22,8,7,65,{"design":38,"docs":39,"idea":41,"execution":43},{"positive":35,"critical":18},{"positive":40,"critical":18},6,{"positive":40,"critical":42},1,{"positive":44,"critical":45},2,0,[47,45,45,45,45,47,18,18,47,18,18,47,18,45,47,45,47,18,18,42,18,18,47,18,44,18,42,47,47,48,47,18,47,47,47,47,47,47,18,47],5,4,null,{"problem":51,"audience":61,"pricing":73,"motivation":79,"time_to_build":49,"stack":88,"openness":89,"stage":90,"team_size":91},{"value":52,"source":53,"evidence":54},"Many sites and forms have common-sense UI mistakes like poor grouping, weak contrast and awkward forms","maker",[55,58],{"id":56,"by":11,"text":57},"27231732","I agree that a lot of sites don't use the common sense. The most (!) common thing that I notice is wrong grouping\u002Fspacing. Literally, I went to another site about covid, and they…",{"id":59,"by":11,"text":60},"27232016","I'll tell you honestly that when I done some review of people sites on Twitter, I really saw quite a lot of common sense mistakes. 1. Grouping is the first one. 2. Text is the…",{"value":62,"source":63,"evidence":64},"Developers and designers building interfaces","inferred",[65,69],{"id":66,"by":67,"text":68},"27231492","kmarc","Although I ~never used Apple products, a good ten-fifteen years ago I ran through a quite expensive \"Apple Human Interface Design\"[1] book. After that, whenever another \"book\" \u002F…",{"id":70,"by":71,"text":72},"27234097","kmgb","I liked the points you raised, I think they serve as a good checklist for the finer details of designing UI. One critique I had when I was reading through is the use of he\u002Fhim…",{"value":74,"source":53,"evidence":75},"Free to download; the maker says they sell no ads and only want UI material shared",[76],{"id":77,"by":11,"text":78},"27231740","Oh thank you! At first I put the book under the email wall, but I thought that I'll just publish the direct link. Those who want to subscribe, will subscribe :) P.S. If anyone…",{"value":80,"source":53,"evidence":81},"Learning UI design by teaching, and practice for a future paid book",[82,85],{"id":83,"by":11,"text":84},"27227001","Such comments motivates me to do more and improve. I've just read your bio and I'm feel like you: I'm teaching even thought I am FAR from being an expert. This way I learn. And I…",{"id":86,"by":11,"text":87},"27236603","Honestly? 1. I wanted to make a PDF because later on I want to make a big fundamental book that I will sell :) It's kind of practice for me. 2. HTML is harder to make. I mean,…",[],"free","launched","solo",{"praise":93,"objections":111,"requests":127,"questions":136,"alternatives":141},[94,100],{"value":95,"source":96,"evidence":97},"Useful checklist that is a good team baseline","commenter",[98,99],{"id":66,"by":67,"text":68},{"id":70,"by":71,"text":72},{"value":101,"source":96,"evidence":102},"Free and easy to read",[103,107],{"id":104,"by":105,"text":106},"27231462","pabe","Great book! Thanks for making it available for free. Another great book about webdesign is https:\u002F\u002Fwww.refactoringui.com\u002Fbook (by the Tailwindcss creators)",{"id":108,"by":109,"text":110},"27231986","pjerem","Really interesting, easy to read, thank you. :) > Consider removing borders Don't this rule goes against good contrasts levels ? Yes, hard high contrasted borders are bad (&…",[112,119,123],{"value":113,"source":96,"evidence":114},"Some tips are contestable, such as autofocus, masks, skeleton loaders and character limits",[115],{"id":116,"by":117,"text":118},"27231831","chrismorgan","Miscellaneous feedback from skimming through: > Replace default file inputs with custom ones Be careful with this. A non-trivial fraction of the custom file inputs that I’ve seen…",{"value":120,"source":96,"evidence":121},"Login tips like social authentication are out of scope for UI design",[122],{"id":116,"by":117,"text":118},{"value":124,"source":96,"evidence":125},"Grammar errors and typos",[126],{"id":116,"by":117,"text":118},[128,132],{"value":129,"source":96,"evidence":130},"Fix grammar and typos",[131],{"id":116,"by":117,"text":118},{"value":133,"source":96,"evidence":134},"Consider removing borders tip is too absolute given contrast needs",[135],{"id":108,"by":109,"text":110},[137],{"value":138,"source":96,"evidence":139},"Which pronoun to use for a hypothetical user",[140],{"id":70,"by":71,"text":72},[142],{"value":143,"source":96,"evidence":144},"Refactoring UI book",[145],{"id":104,"by":105,"text":106},{"comments":147,"answered":34,"key":148},36,[149,150,151],{"id":56,"text":57},{"id":59,"text":60},{"id":152,"text":153},"27234228","!! Thank you for this detail. The problem is that I'm not native speaker. Could you tell me, if it's correct to say, e.g. \"If the user wants to do this, they will do this\" I…",{"commenters":155,"max_depth":47,"maker_replies":147,"first_comment_mins":156,"lifespan_hours":157},90,817,212,[159,161,165,168,171,173,175,179,182,186,189,192,195,198,201,204,207,210,213,216,219,220,222,225,227,229,230,234,236,239,242,246,249,252,255,258,261,264,266,269,272,274,276,280,283,285,288,290,293,296,299,302,305,308,310,315,317,319,322,325,327,331,334,337,342,346,350,352,355,357,361,364,367,369,373,376,378,380,382,384,386,388,392,395,397,401,405,407,411,415,419,422,426,428,432,434,438,440,442,444,448,451,455,456,459,461,465,467,471,473,476,480,482,485,487,489,493,495,499,501,505,508,510,514,516,520,523,525,529,531,534,538,540,545,546,550,554,559,564,567,570,574,578,580,584,589,591,595,597,600,604],[66,45,47,160,67,45],"project\u002Fpositive\u002Fdesign",[162,45,45,163,164,45],"27231653","commenter\u002Fneutral\u002Fnone","javahippie",[166,45,45,163,167,45],"27231698","bayindirh",[169,45,45,163,170,45],"27232324","formerly_proven",[172,45,45,163,167,45],"27232358",[56,45,45,174,11,42],"other\u002Fneutral\u002Fdesign",[176,45,45,177,178,45],"27231853","other\u002Fneutral\u002Fdocs","zczc",[180,45,45,177,181,45],"27232402","tarsinge",[183,45,45,184,185,45],"27236903","other\u002Fneutral\u002Fnone","szhu",[187,45,45,174,188,45],"27232908","kwanbix",[190,45,45,184,191,45],"27233012","machiaweliczny",[193,45,45,184,194,45],"27233894","4lun",[196,45,45,184,197,45],"27254544","mvolfik",[199,45,45,184,200,45],"27233561","specialist",[202,45,45,184,203,45],"27233607","bla3",[205,45,45,184,206,45],"27233797","eatonphil",[208,45,45,184,209,45],"27233769","da39a3ee",[211,45,45,184,212,45],"27235470","radley",[214,45,45,177,215,45],"27235866","bobbyT314",[217,42,47,160,218,45],"27231976","ChrisMarshallNY",[59,42,45,174,11,42],[221,42,45,163,218,45],"27232660",[223,42,45,163,224,45],"27232566","the_other",[226,42,45,177,218,45],"27232680",[70,44,18,228,71,45],"project\u002Fmixed\u002Fdocs",[152,44,45,177,11,42],[231,44,18,232,233,45],"27234265","maker\u002Fneutral\u002Fdocs","makotoNagano",[235,44,45,184,11,42],"27234363",[237,44,45,184,238,45],"27234785","quitethelogic",[240,44,45,184,241,45],"27234653","dormento",[243,44,47,244,245,45],"27234735","maker\u002Fpositive\u002Fdocs","interestica",[247,44,45,184,248,45],"27235058","zacharycohn",[250,44,45,184,251,45],"27235545","langitbiru",[253,44,45,184,254,45],"27235684","JJMcJ",[256,44,45,163,257,45],"27235195","ElectricMind",[259,44,45,163,260,45],"27236176","oneeyedpigeon",[262,18,18,263,224,45],"27232651","project\u002Fmixed\u002Fdesign",[265,18,45,184,11,42],"27232697",[267,18,18,263,268,45],"27233066","Ensorceled",[270,48,45,184,271,45],"27231715","alexanderisora",[77,48,45,273,11,42],"project\u002Fneutral\u002Fdocs",[104,47,47,275,105,45],"project\u002Fpositive\u002Fdocs",[277,47,45,278,279,45],"27231628","other\u002Fneutral\u002Fpricing","esel2k",[281,47,45,278,282,45],"27231983","epow",[284,47,45,184,11,42],"27231799",[286,40,18,228,287,45],"27231775","krono",[289,40,45,184,11,42],"27232027",[291,40,45,292,287,45],"27232332","other\u002Fneutral\u002Fprivacy",[294,40,18,295,268,45],"27233082","project\u002Fneutral\u002Fdesign",[297,35,45,184,298,45],"27236102","chompychop",[300,35,45,184,301,45],"27236217","ska",[303,35,45,184,304,45],"27236446","lancebeet",[306,34,47,275,307,45],"27220988","taffit",[309,34,45,184,11,42],"27221070",[311,312,45,313,314,45],"27234660",9,"other\u002Fneutral\u002Fidea","monkeydust",[316,312,45,184,11,42],"27234747",[318,312,45,184,314,45],"27235624",[320,312,45,313,321,45],"27235235","mrweasel",[323,312,45,184,324,45],"27235291","intrepidhero",[326,312,45,184,224,45],"27235675",[328,329,47,275,330,45],"27234300",10,"emaro",[332,329,45,333,11,42],"27234371","maker\u002Fpositive\u002Fnone",[335,329,18,273,336,45],"27234838","zerkten",[338,339,47,340,341,45],"27314254",11,"project\u002Fpositive\u002Fnone","CyanDeparture",[343,344,18,263,345,45],"27237268",12,"mattowen_uk",[347,344,45,348,349,45],"27237555","commenter\u002Fneutral\u002Fdesign","bruh2",[108,351,18,295,109,45],13,[353,351,45,354,11,42],"27232006","maker\u002Fneutral\u002Fdesign",[356,351,45,348,109,45],"27232078",[358,359,18,295,360,45],"27237019",14,"flowerlad",[362,359,45,348,363,45],"27274400","account42",[116,365,42,366,117,45],15,"project\u002Fcritical\u002Fdocs",[368,365,45,333,11,42],"27231870",[370,365,42,371,372,45],"27232083","project\u002Fcritical\u002Fdesign","brailsafe",[374,365,18,295,375,45],"27232225","ddek",[377,365,18,295,117,45],"27233423",[379,365,18,295,260,45],"27236306",[381,365,45,163,117,45],"27242493",[383,365,45,163,260,45],"27244920",[385,365,45,163,117,45],"27246436",[387,365,42,371,363,45],"27274477",[389,390,47,340,391,45],"27231819",16,"mro_name",[393,394,45,174,260,45],"27236594",17,[396,394,45,354,11,42],"27236621",[398,399,18,295,400,45],"27235985",18,"itsbits",[402,403,47,160,404,45],"27219950",19,"abhishekbasu",[406,403,45,333,11,42],"27220049",[408,409,42,371,410,45],"27237994",20,"croes",[412,413,47,414,200,45],"27233503",21,"project\u002Fpositive\u002Fidea",[416,33,18,417,418,45],"27233536","project\u002Fmixed\u002Fidea","12ian34",[420,33,45,421,11,42],"27233632","project\u002Fneutral\u002Fidea",[423,424,18,295,425,45],"27231368",23,"yoz-y",[427,424,18,295,260,45],"27236510",[429,430,42,366,431,45],"27231506",24,"gnrlst",[433,430,45,232,11,42],"27232056",[435,436,18,295,437,45],"27231578",25,"tuxie_",[439,436,45,174,287,45],"27231711",[441,436,45,184,437,45],"27231890",[443,436,45,184,287,45],"27231999",[445,446,42,366,447,45],"27231873",26,"janjones",[449,446,45,450,11,42],"27231904","maker\u002Fneutral\u002Fnone",[452,453,47,340,454,45],"27226926",27,"codegeek",[83,453,45,333,11,42],[457,32,47,160,458,45],"27234378","typon",[460,32,45,333,11,42],"27234468",[462,463,47,340,464,45],"27231943",29,"progx",[466,463,45,333,11,42],"27232532",[468,469,18,273,470,45],"27232325",30,"devops000",[472,469,45,232,11,42],"27232351",[474,469,18,295,475,45],"27234069","bennyp101",[477,478,47,275,479,45],"27231434",31,"math-dev",[481,478,45,450,11,42],"27232535",[483,484,18,273,437,45],"27231547",32,[486,484,45,232,11,42],"27231802",[488,484,18,273,437,45],"27231912",[490,491,47,275,492,45],"27230607",33,"sthottingal",[494,491,45,232,11,42],"27231335",[496,497,18,295,498,45],"27232077",34,"tored",[500,497,45,354,11,42],"27234016",[502,503,18,295,504,45],"27240257",35,"victor106",[506,147,47,160,507,45],"27231373","jeanlaf",[509,147,45,450,11,42],"27231817",[511,512,47,414,513,45],"27227044",37,"godfreyantonell",[515,512,45,450,11,42],"27227117",[517,518,47,414,519,45],"27234229",38,"z5h",[521,522,47,160,268,45],"27233140",39,[524,522,45,450,11,42],"27234012",[526,527,18,421,528,45],"27217579",40,"catchmeifyoucan",[530,527,45,163,11,42],"27219274",[532,527,45,163,533,45],"27231403","uxcolumbo",[535,536,47,414,537,45],"27232131",41,"dutchblacksmith",[539,536,45,450,11,42],"27232181",[541,542,18,543,544,45],"27236566",42,"project\u002Fneutral\u002Fexecution","webwielder2",[86,542,45,543,11,42],[547,548,47,160,549,45],"27236022",43,"cjsawyer",[551,552,47,414,553,45],"27235388",44,"valuearb",[555,556,47,557,558,45],"27234095",45,"project\u002Fpositive\u002Fexecution","rammer",[560,561,18,562,563,45],"27234873",46,"project\u002Fmixed\u002Fexecution","fluffyllemon",[565,561,18,263,566,45],"27234911","sva_",[568,569,47,557,558,45],"27234093",47,[571,572,47,414,573,45],"27233074",48,"alexcnwy",[575,576,47,333,577,45],"27231474",49,"chrisheidorn",[579,576,45,450,11,42],"27232536",[581,582,47,340,583,45],"27233522",50,"polyterative",[585,586,42,587,588,45],"27231733",51,"project\u002Fcritical\u002Fidea","huhtenberg",[590,586,45,450,11,42],"27231782",[592,593,18,543,594,45],"27231362",52,"julienreszka",[596,593,45,450,11,42],"27232061",[598,593,18,599,268,45],"27233128","project\u002Fneutral\u002Fnone",[601,602,47,340,603,45],"27231562",53,"nathias",[605,602,45,450,11,42],"27232058",[],[608,612,617,621,626,630],{"id":609,"name":610,"points":611,"category":20},"27140724","Go with the Domain",269,{"id":613,"name":614,"points":615,"category":616},"27189288","jobs.hackclub.com",251,"productivity",{"id":618,"name":619,"points":620,"category":20},"27141644","Learn Python the Right Way",245,{"id":622,"name":623,"points":624,"category":625},"27192108","Arturo",207,"languages",{"id":627,"name":628,"points":629,"category":616},"27142146","hexo.press",180,{"id":631,"name":632,"points":633,"category":634},"27181307","TinyStore",144,"web_saas",false,"v2",{"id":638,"name":5,"line":6,"ai":635,"cat":20,"year":13,"points":14,"comments":15,"rec":29,"s":639,"top":18,"kw":640,"maker":11,"domain":10,"tier":19,"attempts":45,"strip":641,"url":9,"mix":642,"praise":95,"objection":113,"sub":21},27210022,0.36,[24,25,26,27,28],"5000053353353050533133532315545355555535",[32,33,34,35],1794036606901]