Dykke ned i detaljerne i iOS 11: Er Apple stadig detaljeret?

For få dage siden havde Apple deres falds specielle begivenhed på Steve Jobs Theatre placeret inde i Apple Park, hvor han afslørede iPhone X-skærmen og senere skubbede iOS 11 GM til beta-testere, der officielt går ud næste uge. Jeg opdaterede min telefon, så snart jeg fik push af iOS 11 GM.

Siden WWDC i juni har jeg været en beta-tester til iOS 11, som har været igennem en intens sommer med stigende opdateringer. Med min 4,7 tommer iPhone 7 og iOS 11 GM ved hånden eksisterer der stadig en hel del ufærdige følelser af Beta-software. Som designer kan jeg ikke hjælpe med at skrive om mine følelser.

Jeg skriver dette for at hjælpe folk med at indse mange detaljer, der kræver yderligere polering, som forhåbentlig inkluderer folk hos Apple og kan skubbe fremad med ændringer for at forbedre disse detaljer.

Den ufærdige følelse i iOS 11 kommer for det meste fra UI og animation. UI-elementer i iOS er ret inkonsekvente, og blander en række UI-elementer, som muligvis ser meget ens ud, men indfører en frakoblet følelse for UX. Uoverensstemmelsen mellem disse elementer stammer hovedsageligt fra de UI-elementer, der er opdateret i iOS 11, såsom Stor titel og ny søgefelt. Efter min mening har disse nyligt introducerede elementer, som muligvis er ukendte og nye endda for Apple-ingeniører, forårsaget mange inkonsekvente brugergrænseflader i iOS 11.

Mail.app

Lad os først se på Mail.app i iOS 11. Ligesom andre indbyggede apps introducerer Mail også en ny navigationslinje med stor titel. Stor titel i mail har dog ekstra venstre margen sammenlignet med eksemplet på designguide. Her vil vi bruge søgefeltet som referenceobjekt. I eksempel på designguide deler Stor titel og søgefelt den samme afstand til kanten, men i Mail.app bevæger Stor titel tydeligt lidt ret sammenlignet med søgefeltet.

Watch.app

I Watch.app følger søgelinjen ikke den foreslåede stil, idet den skiller sig ud med sin uudviklede baggrund. I indfødte apps, der anvender iOS 11-stilarter, skal søgefeltet matche navigationslinjen naturligt i modsætning til Watch.app.

I instruktionsvideoen om Building Apps til iPhone X, der blev offentliggjort af Apple, nævnte de en nøjagtig samme sag:

WWDC.app til venstre er et modeksempel, der ikke matcher stilarter, og Kontakter.app til højre er den bedste praksis matchende stilarter. Kommentaren i videoen hævder:

Det går videre til det andet nummer, som jeg fandt ... hvis jeg får frem søgefeltet, ser det ikke helt rigtigt ud. Lad os sammenligne dette med listen over kontaktpersoner-apper. Et par ting ser forkert ud her. Farven på søgefeltets baggrund er ikke helt korrekt. Og størrelsen er lidt slukket.

Derfor antyder iOS 11 matchet baggrund mellem søgefeltet og navigationslinjen. Dog følger Watch.app det ikke som en indbygget app. Hvad mere er, når du først har klikket på, søger Bar i Watch.app kysse næsten statuslinjen, der viser mere polsk at gøre af Apple-ingeniører.

Files.app

Søgningslinje i Files.app har også nogle problemer. Synes Files.app-ingeniører brugte en ikke-standard søgefelt. Fra billedet herunder sammenlignet med standard søgefelt i Settings.app, har Files.app en lidt mindre søgefelt og lettere skriftfarve.

Udover farve / størrelsesforskel er animation, når du har klikket på søgefeltet, også anderledes. Animationen af ​​standard søgefelt i Settings.app:

Søg derefter i bjælken i Files.app:

Sammenlignende har Search Bar i Files.app hurtigere animation, men mindre naturlig animationslogik og en lidt uafsluttet følelse.

App Store.app

iOS 11's App Store har gennemgået en redesign og introduceret lignende stil som Apple Music. I App Store's fane I dag sammenlignet med Apple Music's For You er datofonterne dog forskellige, da App Store bruger en fed skrift, mens Apple Music bruger en let. Og i Apple Music efterfølges "Wednesday" af et komma, men i App Store mangler kommaet.

Også sammenligning mellem disse to apps. På søgningssiden udløser berøringseffekt i App Store ikke en hover-effekt som feedback til berøring, mens lignende handling på Apple Music-søgesiden udløser en hover-effekt, der ændrer baggrund / forgrundsfarve på emnet. Efter min mening gør Apple Music det bedre, og native apps skal være ensartede efter beslutning om hover-feedback, uanset om de har det eller ej.

Derudover er der stadig nogle forskellige problemer blandt detaljerne. I App Store skal du åbne en hvilken som helst app med bannerbillede, skub let fra venstre kant til højre (men ikke fuld stryg, der forkaster appsiden). Bannersektionen gengives underligt efter, at siden går tilbage:

Du kan kontrollere denne fejl med videoen nedenfor.

Der er også et præstationsproblem. Under fanen Opdateringer skal du trække ned for at opdatere emnerne, og der er et tydeligt rammefald, hvis Stor titel trækkes for meget ned. Du kan føle det selv let.

Health.app

I Health.app mellem siden Today og Health Data-siden er de samme data og samme stilarter, men forskellige bredder. Dette er et gammelt problem fra iOS 10 og stadig ikke løst endnu.

I dag widget

I iOS 11 er der to måder at åbne widget i dag, enten ved at skubbe fra venstre mod højre i startskærmen eller i låseskærm, men søgefeltet på sider, der påberåbes på forskellige måder, har forskellige adfærd. Når der kaldes på Startskærmbillede, vises ikke-skærmbilledet i søgning på Widget-siden, og ved at klikke på Søgelinje mangler animation af visning og afvisning af frostet glaseffekt og animation af udvidelse af søgefeltet (skønt der er animation til at forkorte den) efter at have ramt annullering. Den samlede oplevelse er ret akavet.

Når der kaldes på Låseskærm, er der animationer overalt og trækker ned widget-siden korrekt viser søgeskærmen, meget glat og naturlig oplevelse.

Dette forårsager en ganske frakoblet følelse af Widget i dag i to scenarier. Det er klart, at den, der påberåbes fra startskærmen, er ganske uafsluttet sammenlignet med den, der påberåbes fra Lock Screen. Det, der er underligt, er, at Widget i dag, der er påkaldt fra startskærmen i iOS 10, har alle disse animationer og kunne vise skærmbilledet Søgning ved at trække ned. Ingen idé om, hvorfor det går baglæns i iOS 11.

Ikke desto mindre går widgeten Today i dag fra den låste skærm i iOS 11 også lidt bagud sammenlignet med iOS 10. På siden Widget i dag, når brugeren trækker op, vil søgestangen svæve widget med frostet glas, hvilket forhindrer widget i at stables på søgefeltet . Ved at klikke på søgelinjen vil frostet glas imidlertid forsvinde øjeblikkeligt og langsomt gengive et frostet glas på fuld skærm. Annullering af søgelinjen vil medføre, at frostet glas på fuld skærm forsvinder langsomt, hvorefter det lille afsnit af frostet glas straks gengives uden animation, lidt unaturlig.

Hvis videoen er for hurtig, kan du tjekke den ud efter ramme. Det, vi kan se, er, at frostet glas med fuldskærm ikke er relateret til øverste frostede glas med hensyn til glat gengivelse, hvilket fører til en frakoblet følelse.

Udover manglende animationer bringer iOS 11 også overflødig animation. I iOS 11, hver gang der skubbes fra dagens widget tilbage til den låste skærm, ændres afspillerafsnittet igen og igen, hvilket er ganske unødvendigt.

På Siri Search Forslag-side, der er påkaldt efter at have klikket på Search Bar, er der to problemer. For det første bruger hover-feedback, når du berører forslag, en bredde, der er mindre end skærmbredden, hvilket får hover-feedback til at blive et underligt rektangel. Den passende hover-feedback er allerede til stede i Apple Music, hvor hover-effekten tager fuld skærmbredde.

For det andet og ganske mærkeligt, hvis du ser nøje ind i Siri Search Suggestions-skrifttypen, vil du se, at de er taggete (især latinskrift) nær kanter, slet ikke slet, endda sammenlignes med indtastningstekst på samme skærm.

Photos.app

Uhensigtsmæssig margen, enten for meget eller for lidt, vises mange steder i iOS 11, hvilket skaber større følelser af uafsluttet / upoleret arbejde.

I fanen Delt i Photos.app er margen (som peget nedenunder med pil) for smal og inkonsekvent sammenlignet med andre indbyggede apps med lignende sider.

Settings.app

I Indstillinger.app → Apple ID-sektion er justering af enhedsliste helt fra off-ID-sektionen. Dette var korrekt i iOS 10 og brudt i iOS 11.

Music.app

I Apple Music's Connect-afsnit vil nogle indlæg have rigtig lille margen mellem billede og tekst. Dette bør ikke være en designbeslutning, da margin i iTunes-klient på desktop macOS er passende. Selvom Connect faktisk er en sjældent anvendt funktion, burde Apple ikke begå en sådan grundlæggende fejl i UI-design.

I Apple Music skal du også åbne Albumliste gennem Biblioteket og derefter klikke på den første bogstavsliste for hurtigt at gå til det afsnit. Du kan se, at afsnittet af det første bogstav øverst skærer albumomslag.

Annonceret som en funktion i iOS 10 på WWDC bliver afspillerskærmen til Apple Music også underlig i iOS 11. Åbning af afspillerskærmen vil medføre, at skygge under afspilte albumomslag forsvinder, og det skrumpede albumomslag under pause vil også forstørres, hvis afspilleren genåbnes skærm.

Videoen er vist nedenfor:

Pause musik, albumomslag zoomes ned, luk og åbn afspillerens skærm, albumomslag zoomer tilbage:

Musikafspilning, skygge under albumomslag, luk og åbn afspillerens skærm, skygge væk:

I iOS 10 med AirPods, når AirPlay-enheden er tilsluttet, viser afspillerskærmen enhedsnavnet i nærheden af ​​AirPlay-ikonet. Det er væk i iOS 11.

Nogle mennesker synes måske, at dette er et designvalg, men alligevel er det faktisk en fejl. I videoen nedenfor, når AirPlay-enheden er tilsluttet, vises enhedsnavnet faktisk korrekt. Men genåbning af spillerskærmen får den til at forsvinde. Hvis det er et designvalg, skulle enhedsnavnet ikke have vist oprindeligt.

Og i Podcasts.app, der bruger samme designstil som Apple Music, er AirPlay-enhedsnavnet altid der.

En anden fejl i Apple Music. Som vi ved, er der to måder at gå til glide til toppen i iOS, enten ved at klikke på Statuslinje eller klikke på ikonet på fanebjælken. I Apple Music går rammerne af statuslinjen korrekt tilbage til navigationslinjen med store titler, mens du rammer fanebladikonet, vil der returnere en lille skrifttypenavigeringslinje som vist nedenfor.

Da i Podcasts.app og App Store.app, ved at klikke på begge vil begge returnere navigationslinjen med store titler, er denne opførsel i Apple Music bestemt en fejl.

Kontrolcenter

I Kontrolcenter har AirPlay-enhedsafsnittet også problemer. Under brug af AirPods viser Control Center ofte iPhone som enheden, og når AirPods vises som enhed, vil pausen af ​​musikken få enheden til at blive iPhone (selvom AirPods stadig spiller).

Der er også en upassende animation i Control Center, 3D Touch-animationen i Screen Mirroring:

Weather.app

Weather.app i iOS 11 er også blevet opdateret ved hjælp af større skrift og mindre margin. Ikke desto mindre bemærkede jeg, at tempereret tekst i iOS 11 ikke er centralt tilpasset, mens den var i iOS 10.

Dette kan være en iOS 11-designbeslutning. Under faktisk brug på grund af manglende justering for nogle cifre er det meget indlysende for brugeren, at teksten er tættere på venstre kant, hvilket ikke viser nogen pro i forhold til iOS 10.

Faux fed udgave til PingFang i Safari

Det sidste og mest seriøse spørgsmål er efter min mening font. Problemerne ovenfor har muligvis ikke indflydelse på normal brug, men problemet nedenfor vil faktisk påvirke os alle.

Det er det emne med fed skrift med PingFang (iOS's standardkinesiske skrifttype) i iOS 11 Safari. Jeg opdagede dette problem, da jeg testede personlige websteder på iOS 11. Nedenfor er der taget sammenligning mellem iOS 11 og iOS 10.

Som vist ovenfor gengives PingFang faktisk som faux fed. Faux fed bruger grundlæggende ikke den skriftvægt, der leveres af skrifttypen selv, men til at tilføje skrifttyngden på en eller anden grundtypevægt med magt. Faux fed genereres af algoritme og ofte mangler kvalitet, hvilket forårsager problem med slagvægte og bogstavsporing. I skærmbilledet kunne du se, at den faux fed PingFang i iOS 11 har større afstand mellem tekster.

Efter noget test fandt jeg, at dette kun ville ske, når CSS-fontfamilien inkluderer “-apple-system”, dvs. font-familie ved hjælp af San Francisco-font, der leveres af systemet. Når vi har fjernet den, hæder systemet den skriftvægt, der leveres af skrifttypen, og faux fed er forsvundet.

Dette problem er ikke kun i Safari, men har også indflydelse på alle apper, der bruger webkit-motor fra iOS til gengivelse af webside, såsom WeChat's interne browser og Douban.app. Som du kan se, er Douban.app blevet domineret af faux PingFang-dristig, og ser ganske dårlig ud.

Når du tilfældigt vælger et filmanmeldelsesindlæg, vil du bemærke, at titlen er i faux fed skrift. Til sammenligning vil du også bemærke, at fontafstand i faux fed skrift er problematisk. Faktisk handler dette ikke kun om fed skrift, men også om almindelig eller hvilken som helst fontvægt, så du ser "faux regular" og så videre. Faux regulær identificeres ikke let ud fra slagvægt, men fra sammenligningen nedenfor vil du bemærke, at fontafstand er forskellig i iOS 11, så hver linje med tekster har forskellige ord, hvilket beviser "faux regelmæssig" tilstedeværelse.

Og se flere billeder af faux fed i WeChat.app.

Dette faux skrifttypeproblem fra Safari er vist i iOS 11 Beta 1, og jeg har sendt bugrapport via Feedback-app tidligere i august (sagsnummeret er # 3436665). Alligevel er det stadig et problem i dag og sandsynligvis for iOS 11 eller nyere. Som typografientusiast er jeg ret skuffet over denne ting.

Til sidst

I de senere år har der været diskussioner om degenerering af softwarekvalitet hos Apple. Apple er steget støt inden for Bioinformatic, Machine Learning, AR og mange andre områder og vokser sin forretning, men har langsomt mistet det detaljerede fokus på design og produkter som før. Under begivenheden den 12. ved at lytte til The Beatles og til Steve's visdomsord havde jeg et øjeblik følelse af, at vi stadig er i de gode gamle dage. Apple er dog forskellig fra disse dage. Helt ærligt har jeg ikke til hensigt at smøre Apple som ejer af mange Apple-produkter til mange aspekter af mit liv. Apple er stadig min eneste foretrukne og mest respekterede virksomhed. Jeg ønsker oprigtigt, at selvom vi går frem, kunne Apple stadig opretholde de værdier, de har elsket og bygget i fortiden.

Særlig tak til Ted Li for hans fremragende hjælp til oversættelse.

Læs den kinesiske version i Zhihu: https://zhuanlan.zhihu.com/p/29313582