Android VS. iOS: Vertaa 20 käyttöliittymän komponenttia ja kuviota (osa 2)

20 eroa Androidin ja iOS: n välillä, sinun tulisi tietää, kun suunnittelet alustojenvälisiä sovelluksia

中文 Alkuperäinen kiinalainen versio julkaistu 10. joulukuuta 2016

Android VS. iOS: Vertaa 20 käyttöliittymän komponenttia ja kuviota (osa 1)

14. Ristikkoluettelot VS. Kokoelmanäkymä

Ruudukkolistoja käytetään pääasiassa tilatussa sisältöjoukossa, etenkin kuvissa. Androidissa otsikko tai alatunniste voidaan lisätä ruudukkoon lisätietojen tai toimintojen tarjoamiseksi. iOS-kokoelmanäkymä on tarkoitettu kuvapohjaisen sisällön näyttämiseen pohjimmiltaan.

Leikkaamalla ruudukkonäytöt näkymän alkuperäisessä vieritysasennossa voit ilmaista sisällön ylivuodon. Sekä ristikkoluettelot että kokoelmanäkymät ovat napautettavissa päästäksesi yksityiskohtien näytölle saadaksesi lisätietoja.

Kuvalähde: Googlen materiaalisuunnitteluohjeet ja iOS-käyttöliittymän ohjeet

15. Kortit

Kortteja on käytetty UI-suunnittelussa jo pitkään. Kun Google julkaisi Material Design vuonna 2015, korteista tulee yksi yleinen edustaja android-suunnittelussa. Card UI: lla on etuna useissa laitekokoissa. Korttien kokoa voidaan muuttaa ja järjestää helposti näytön eri kokojen mukaan. Lisäksi kortit voivat sisältää erilaisia ​​tietoja, kuten tekstiä, kuvia ja kaavioita.

Vaikka iOS ei määrittele kortin käyttöliittymää ohjeissaan, mutta samanlainen malli löytyy Apple iOS -sovelluksesta.

Visuaalisessa tyylillä Android korostaa korttien varjoja, mutta iOS 10: ssä kortit ovat tasaiset. (Kun iOS 11 on julkaistu, pitkät varjot ilmestyvät!)

Kuvalähde: Googlen materiaalisuunnitteluohjeetKuvalähde: Facebook Design

15. Valikot VS. Poimijat ja uudet näytöt

Androidin valikot ovat vain samanlaisia ​​kuin sen yksinkertaiset valintaikkunat. Ero niiden välillä on siinä, että valintaikkunat näkyvät näytön keskellä läpinäkyvällä mustalla peittokerralla, mutta valikoiden sijainti on suhteessa napautettujen kohteiden sijaintiin. Valikoissa on vähemmän keskeytyksiä kuin valintaikkunoissa.

Valikot ilmestyvät seuraavissa 3 tilanteessa: 1) Kun olet napauttanut ylivuotokuvaketta toimintapalkissa tai luettelorivillä; 2) napautuksen jälkeen pudotusvalikkoa ja 3) napauttamisen jälkeen 2-rivinen tyylirivi, joka koostuu tarrasta ja arvosta.

iOS: lla ei ole tällaista valikkotyyliä. Napautuksen jälkeen etiketistä ja arvosta koostuvaan soluun näyttö siirtyy uudelle näytölle, joka näyttää vaihtoehdot taulukossa, jossa on valintamerkki yhdellä vaihtoehdoista valitun tilan merkitsemiseksi puhelimissa. Tableteissa ponnahdusikkunaa voidaan käyttää valikkotaulukkoon.

Toinen vaihtoehto on “poimijat”, vieritettävät luettelot erillisistä arvoista, joiden avulla voit valita arvon. Kun solua, jolla on arvo, on napsautettu, poimija näkyy solun alla tai liukuu näytön alaosasta.

Keräilijöitä suositellaan käytettäväksi vain muutamissa vaihtoehdoissa. Jos sinulla on pitkä luettelo, uusi valintataulukon näyttö olisi parempi vaihtoehto.

16. Päivämäärän ja ajan valitsin

Sekä Androidilla että iOS: llä on omat päivämäärä- / aikavalitsimet. Androidilla on päivämäärävalitsin tietyn päivämäärän (päivämäärä, kuukausi ja vuosi) ja ajanvalitsimen valitsemiseksi. iOS-laitteessa on 4 erilaista poimintalaitetta: 1) Päivämäärä, joka näyttää kuukaudet, kuukauden päivät ja vuodet. 2) Aika, joka näyttää tunteja, minuutteja ja (valinnaisesti) AM / PM-nimityksen. 3) Päivämäärä ja aika, joka näyttää päivämäärät, tunnit, minuutit ja (valinnaisesti) AM / PM-nimityksen. 4) Ajastin, joka näyttää tunteja ja minuutteja.

17. Jakajat

Sisällön erottamiseen käytetään yleensä jakajia.

Androidilla on 2 tyyppisiä jakajia: 1) Täysin tyhjennysjakajat, joita käytetään erillisten sisältöosien erottamiseen. 2) Käynnistysjakajat, joita käytetään erottamaan toisiinsa liittyvä sisältö.

iOS ei määrittele jakajiaan ohjeissaan. iOS käyttää ryhmiteltyjä taulukoita, ja 2 ryhmitellyn taulukon välillä on harmaa alue erottamista varten. iOS: n taulukossa on upotetut jakajat solun muodostamiseksi.

Android yleensä käyttää ”välilyöntiä” rivien erottamiseen, joten Androidilla on harvoin jakajia rivien välillä, joiden tiedot liittyvät toisiinsa.

Jos Android-laitteessa on kuvake tai kuva rivin vasemmalla puolella, upotusjakaja alkaa tekstin vasemmasta reunasta ja päättyy näytön oikeaan reunaan. IOS-käyttöjärjestelmässä solu, jossa on kuvake, on sama kuin Android, mutta kuvan sisältävässä solussa jakaja alkaa kuvan vasemmasta reunasta.

18. Tekstikentät

Android-tekstikentät näkyvät yleensä lomakkeissa, jotka sinun on täytettävä. Tyyppejä on 3: 1) yksi rivi 2) useita rivejä ja 3) koko leveys. Vuonna 2017 Android lisää suuntaviivoihinsa toisen tyyppisen: tekstialueen.

Eri syöttömuodoista riippuen, sopiva näppäimistötyyppi tulisi toimittaa. Sekä Android että iOS tarjoavat useita erityyppisiä näppäimistötyyppejä. Periaatteessa ne voidaan luokitella kolmeen tyyppiin: 1) Numeronäppäimistö (iOS: ssä on numero- ja puhelinlevy), jota käytetään puhelinnumeroiden, luottokorttinumeroiden tai PIN-koodien syöttämiseen. 2) Tekstinäppäimistö, jota käytetään ihmisten nimiin. 3) Sekoitettu näppäimistö, jota käytetään sähköpostiosoitteisiin tai URL-osoitteisiin.

Sekä Android että iOS voivat asettaa paikkamerkkejä ja kuvakkeita tai kuvia tekstikenttiin indikaattoreina viestinnän helpottamiseksi. Androidissa paikkamerkit kelluvat ylöspäin, kun tekstikenttä on tarkennettu tai täytetty. Tämä on melko älykäs suunnittelu, jonka avulla käyttäjät voivat tietää tarroja, vaikka kaikki tekstikentät olisivat täytetty. IOS: ssä se ehdottaa, että älä käytä erillistä tarraa kuvaamaan tekstikenttää, kun paikkamerkkiteksti riittää.

iOS: n muotoilu on älykkäämpi, kun tekstikentät täytetään ja tarkennetaan, tekstikentän oikealla puolella näkyy tyhjennyspainike, jotta ihmiset voivat helposti tyhjentää kaikki tekstit yhdellä kosketuksella. Androidilla ei ole kyseistä mallia oletusteksti kentässä, mutta voit löytää sen hakupalkista. Androidissa voit mukauttaa tekstikenttää ja lisätä tyhjennä kaikki -painikkeen oikealle puolelle.

Android-ohjeet määrittelevät myös auttajatekstit, merkkilaskurit ja tekstikenttien virheilmoitukset.

19. Liukusäätimet

Liukusäätimet ovat komponentteja säätämään asetuksia, jotka heijastavat voimakkuustasoja, kuten äänenvoimakkuutta, kirkkautta tai värikylläisyyttä. Normaalisti pienin arvo sijaitsee liukusäätimien vasemmalla puolella ja suurin arvo oikealla. Liukusäätimissä voi olla kuvakkeita palkin molemmissa päissä heijastamaan arvon voimakkuutta sekä Androidissa että iOS: issa.

Android-liukusäätimiä on 2 tyyppiä: 1) Jatkuvat liukusäätimet, joiden avulla käyttäjät voivat valita arvon alueella. 2) Diskreetit liukusäätimet, joiden avulla käyttäjät voivat valita tietyn arvon, kuten 10 tai 20, alueesta.

Android tarjoaa myös muokattavan tekstiruudun numeroiden syöttämiseen käyttäjille, joiden on määritettävä tarkka arvo.

20. Muut kuviot

20-1. Hae

Android-haussa on 2 tyyppiä: jatkuva haku ja laajennettava haku, jota voidaan verrata iOS: n näkyvään hakuun ja minimaaliseen hakuun.

Androidin jatkuvaa hakua ja iOS: n näkyvää hakua käytetään pääasiassa sovellusten päätoimintoon, kuten kauppaan liittyvään sovellukseen, kuten päätoimintoon, jossa käyttäjät saattavat haluta löytää haluamansa tuotteen etsimällä.

Androidin laajennettava haku ja iOS: n vähimmäishaku sovellukselle, jonka haku on toissijainen. Android vähentää hakupalkin kuvakeksi. Kun sovelluspalkin hakukuvaketta on napautettu, sovelluspalkki muuttuu hakupalkiksi. iOS käyttää visuaalista suunnittelutapaa, jolloin hakupalkit muuttuvat puoliläpinäkyviksi, jotta ne eivät olisi näkyviä.

iOS käyttää myös hakukuvaketta vähentääksesi haun merkitystä. Lisäksi joskus iOS piilottaa hakupalkit navigointipalkkien taakse. Käyttäjien on pyyhkäistävä alas saadaksesi piilotetun hakupalkin esiin.

20-2. Poista ja muut toiminnot

Android-käyttäjät voivat valita kohteen pitkään painamalla ja siirtyä sitten valintatilaan, jossa toimintapainikkeet, kuten poisto, näkyvät sovelluspalkeissa. Android-käyttäjät voivat myös napauttaa ylivuotokuvaketta saadaksesi valikon esiin valitsemalla -vaihtoehdon ja napauttamalla sitä siirtyäksesi valintatilaan.

iOS-käyttäjät voivat pyyhkäistä vasemmalle saadaksesi aikaan piilotettuja toimintoja, kuten poistamisen. He voivat myös napauttaa ”Muokkaa” navigointipalkeissa siirtyäksesi muokkaustilaan poistaaksesi tai järjestääksesi kohteita. Jos muokkaustilassa on enemmän toimintoja, kuten siirrä ja saavuta, kuten ruudussa, taulukossa on useita valinnan ohjaimia ja työkalurivi näiden toimintojen kanssa.

20-3. Valitse Teksti

Sekä Android- että iOS-käyttöjärjestelmissä käyttäjät voivat valita tekstin pitkään painamalla tekstiä. Pitkä painalluksen jälkeen Androidissa toimintakuvakkeet näkyvät toimintapalkissa, josta tuli anther-tyyli osoittamaan nykyinen tila, valintatila. IOS: ssä toiminnot näytetään vain valikossa valittujen tekstien yläpuolella. Androidilla on nyt myös kelluva työkalurivi, kuten yllä oleva iOS, valintaalueella leikkaamalla, kopioimalla, liittämällä ja muulla tavalla.

Kun tekstit on kopioitu tai leikattu, käyttäjät voivat painaa pitkään tekstikenttiä, jolloin näkyviin tulee liitäntä ponnahdusikkuna, ja napauttaa sitä liittääksesi.

Lähde: Google

20–4.Progress & Activity

Yleisesti ottaen edistymispalkit ovat parempia kuin pyörivät, koska edistymispalkit antavat käyttäjille tietää tilan, kuinka monta prosenttia on jäljellä, joten heidän olisi kärsivällinen odottaa.

Edistymispalkkeja käytetään etenemiseen on ennustettavissa. Jos eteneminen ei ole luettavissa, käytetään kehruuta. Mutta jos eteneminen on ennustettavissa ja odotusaika vain alle 3–4 sekuntia, voit harkita myös kehruujen käyttöä.

Edistymispalkit ilmestyvät sisältötekstien ja valintaikkunoiden lisäksi sovelluspalkkien / navigointipalkkien alareunaan. Löydät esimerkin selainsovelluksista.

Edistymispalkkeissa ei ole vain lineaarisia, vaan myös pyöreitä ilmaisimia. Pyöreitä edistymisindikaattoreita käytetään usein latauspainikkeiden kanssa. Kun latauspainikkeita on napautettu, painikkeista tulee pyöreitä edistymisen ilmaisimia.

Androidin edistymisindikaattoreita on 4 tyyppiä: 1) Määritä 2) Määrittelemätön 3) Puskuri 4) Kysely on epämääräinen ja määritetty eri tilanteissa.

Androidin lineaariset etenemis- ja aktiivisuusindikaattoritAndroid Circular määrittelee ja määrittelee etenemisindikaattorit

Tietoja päivityksestä, Android oppinut iOS: lta, päivittämällä sisältöä pyyhkäisemällä alas. pyöreä kehruu näkyy pyyhkäisemällä alas ja katoaa sisällön lataamisen jälkeen.

Päivitä luettelot pyyhkäisemällä alas. Latausindikaattorit ilmestyvät.

20-5. Kuvakkeet: Jaa VS. Toiminta

Kun haluat jakaa tämän sovelluksen sisällön toiselle, Androidilla ja iOS: lla on oma jakokuvake. On syytä huomata, että iOS-toiminto (jaa) -painike herättää modaalinäkymän, joka sisältää sovellusluettelon lisäksi myös toiminnot, kuten kopioinnin, suosikin tai tallennuksen, jotka ovat hyödyllisiä nykyisessä tilanteessa.

Android Share -kuvake VS. iOS-toimintokuvake

20-6. Tilapalkit

Sekä Android- että iOS-tilarivillä on tietoja, kuten aika, akun tila, Wi-Fi-tila ja signaalin voimakkuus. Pyyhkäisemällä tilariviltä alas, saat esiin ilmoituskeskuksia.

20-7. Navigointipalkit VS. Koti näppäin

Android-navigointipalkit ja iOS-navigointipalkit ovat erilaisia. Älä sekoita niitä.

Android-navigointipalkeissa on 3 painiketta Takaisin-, Koti- ja Viimeisimmät sovellukset -sovelluksille. Selauspalkit voivat olla virtuaalisia tai fyysisiä.

iOS-laitteessa on fyysinen painike Koti. Yksi painallus palata kotiin; kaksoispainikkeella siirtyäksesi äskettäin julkaistuihin sovellusluetteloihin. On syytä huomata, että iOS: llä ei ole Android-kaltaisia ​​taka-näppäimiä, joten käyttöliittymän näytössä tulisi olla painike Takaisin-painike navigointipalkeissa.

Kun iPhoneX on julkaistu, laitteessa ei ole kotinäppäintä. Pyyhkäise ylös palkkimerkillä palataksesi kotiin.

Kertaus

suunnistus

Android on tottunut käyttämään navigointilaatikkoa päänavigointina, mutta tällä hetkellä välilehdet ja pohjanavigointi ovat suositumpia paremman käytettävyyden takia. iOS käyttää aina normaalisti välilehtipalkkeja navigointiin.

Sovelluspalkki / navigointipalkki

Android-sovelluspalkit, näytönimikkeet kohdistuvat vasempaan ja toimintapainikkeet ovat oikealla puolella. IOS: ssä otsikot asetetaan navigointipalkkien keskelle ja toimintapainikkeet asetetaan navigointipalkkien oikealle ja vasemmalle puolelle.

Työkalurivit

Androidilla ja iOS: lla on alareunan työkalurivit toimintateksteille, toimintokuvakkeille tai tilalle.

Välilehdet VS. Segmentoidut hallintalaitteet

Toisen tai alemman tason navigoimiseksi Android käyttää välilehtiä, jotka sisältävät 2 tyyppiä: kiinteät ja vieritettävät ja tukevat pyyhkäisyä näytön vaihtamiseen. iOS käyttää segmentoituja säätimiä, joiden kohteet ovat rajoitettu 2–5.

painikkeet

Vaikka Androidilla ja iOS: llä on omat oletuspainostyylit, visuaaliset suunnittelijat voivat silti suunnitella painikkeita ajatuksensa pohjalta niin kauan kuin painityylit eivät sekoita käyttäjiä. Ainoa asia, joka on huomioitava, on se, että Android käyttää YLITTÖSTÄ kaikissa kosketettavissa olevissa teksteissä, mukaan lukien niiden painikkeet.

Kelluvat toimintapainikkeet VS. Toimintakehotus-painikkeet

Androidilla on oma tunnusomainen kelluva toimintopainike näytön päätoimintoa varten. FAB: t asetetaan oikean alakulmaan, jotta niitä voidaan helposti tavoittaa ja napauttaa. iOS-toimintakehotuspainikkeet, aseta välilehtipalkkien keskelle, normaalisti eri tyyliin kuin muut oikeat välilehdet.

Pohjalevyt VS. Toimintosivut ja toimintanäkymät

iOS: llä on ollut toimintasivuja jo pitkään, ja sitten Androidilla on myös pohja-arkit, joissa on toimintoja yhden käden käyttöön.

Dialogs VS.Alerts

Dialogeja käytetään varoittamaan, tarjoamaan vaihtoehtoja ja vahvistuksia. Android ja iOS asettavat päätoimintopainikkeen oikealle puolelle ja toissijaiset toiminnot, kuten Peruuta, vasemmalle puolelle. Painikkeen tekstien tulee olla yksinkertaisia ​​ja selkeitä. Verbejä voidaan käyttää sijaan Kyllä ja Ei.

Koko näytön valintaikkunat VS. Modaaliset näkymät ja popoversit

Puhelimen laitteiden Android-koko ruudun valintaikkunat ja iOS-modaalinäkymät tai ponnahdusikkunat ovat koko näytön, mutta tablet-laitteissa eivät ole koko näytön kokoisia.

Välipalat & Paahtoleivät VS. Automaattisen sulkemisen hälytykset

Snackbaareja, paahtoleipää ja hälytyksiä käytetään palautteena toimenpiteen jälkeen.

Luettelot VS. Pöydät ja solut (rivit)

Android käyttää yleensä tilaa enemmän kuin jakajaa liittyvien sisältötekstien erottamiseen luetteloista. Android käyttää jakajia, kun sisältötekstit ovat täysin erillisiä. iOS: llä on jakajat taulukkojen solujen muodostamiseksi. iOS-kosketettavissa soluissa on seuraavan näytön ilmaisimet, jotka tarjoavat paremman käytettävyyden kuin Android. iOS-tableteissa on 2 tyyppiä: tavalliset ja ryhmitetyt taulukot.

Alialähteet VS. Ryhmitetyt pöydän ylätunnisteet ja osion otsikot

Androidilla on vain alaotsikot, mutta iOS: ssä on taulukkootsikot ryhmiteltyihin taulukoihin ja osiot ylöspäin tavallisille tableteille.

Listaohjaimet

Androidilla ja iOS: lla on omat luettelosäätimet yhden valinnan, monivalinnan ja tilauksen muuttamiseksi. Ole hyvä ja valitse sopivat kuhunkin alustaan.

Valikot VS. Poimijat ja uudet näytöt

Androidilla on valikoita, mutta iOS käyttää poimijoita lyhyiden luetteloiden luomiseen ja uusia näyttöjä pidempien luetteloiden luomiseen.

Ruudukolistat VS. Kokoelmanäkymät

Periaatteessa Androidilla ja iOS: lla on samanlaiset ruudukkonäkymät.

Kortit

Korttityylinen käyttöliittymä on Androidin materiaalisuunnittelun keskeinen piirre, mutta iOS: n muotoilu on myös samanlainen.

Päivämäärän ja ajan valitsimet

Androidilla ja iOS: llä on omat päivämäärä- / aikavalitsimet.

kärkiharppi

Androidilla on erotin, mutta iOS käyttää ryhmätaulukoita erillisen sisällön erottamiseen.

Tekstikentät

Androidilla ja iOS: llä on omat tekstikentät. Näytä oikeat näppäimistöt tekstikenttien syöttömuodoista riippuen.

Sliders

Androidilla ja iOS: llä on omat komponentit. Molemmat ovat samanlaisia.

Hae

Androidilla on jatkuva haku ja laajennettava haku, kuten iOS: lla on näkyvä haku ja minimaalinen haku. Joskus iOS piilottaa hakupalkit navigointipalkin taakse, käyttäjien on pyyhkäistävä alas saadakseen ne esiin.

Poista ja muut toiminnot

Android-käyttäjien on ensin valittava kohteet ja suoritettava sitten muut toiminnot, kuten poistaminen. iOS tukee pyyhkäistä poistaa. iOS-käyttäjät voivat myös siirtyä muokkaustilaan poistaa kohteita tai valita kohteita suorittaaksesi muita toimintoja.

Valitse Tekstit

Perinteisesti sen jälkeen, kun tekstit on valittu, Android-sovelluspalkit näyttävät toiminnot, kuten kopioi, leikkaa ja valitsevat kaikki. Androidilla on nyt myös työkalurivi, joka sisältää valittujen tekstien yläpuolella näkyvät toiminnot, kuten iOS yleensä.

Edistyminen ja aktiivisuus

Jos toiminnan eteneminen on ennustettavissa ja mitattavissa, käytä edistymispalkkia; jos ei, käytä sen sijaan kehruulaitteita.

Kuvakkeet: Jaa VS. Toiminta

Androidilla ja iOS: lla on oma jakokuvake. Älä käytä Android share -kuvaketta iOS: ssä ja päinvastoin.

Tilapalkit

Androidin ja iOS: n tilarivillä on periaatteessa aika, akun tila, Wi-Fi-signaali ja matkapuhelinyhteyden signaali. Käynnistä ilmoituskeskukset pyyhkäisemällä tilariviltä alas.

Navigointipalkit VS. Koti-painikkeet

Android-navigointipalkeissa on 3 näppäintä, takaosa, koti ja viimeisimmät sovellukset. iOS: lla on yksi avain, vain koti. Kaksoisnapauta, niin saat esiin viimeaikaisen sovellusluettelon. IOS-sovellusten navigointipalkkien takapainikkeet ovat välttämättömiä.

Yhteenveto

Viime vuosien havaintojen mukaan Androidin käyttäytyminen ja käyttöliittymäkomponentit ovat yhä samankaltaisia ​​iOS: n kanssa, vaikka Android pitää edelleen omaa ainutlaatuista käyttäytymistään. Luulen, että Google on yrittänyt verkkotunnuksena käyttöliittymien suunnittelukieltä eri alustoilla. Tulevaisuudessa on todennäköistä, että Android ja iOS ovat lähempänä ja se on hyvä asia käyttäjille ja kehittäjille.

Vaikka joitain käyttöliittymäkomponentteja ei ole määritelty Android-materiaalisuunnitteluohjeissa tai iOS-käyttöliittymän ohjeissa, se ei tarkoita, ettet voi käyttää näitä komponentteja. Joissain tilanteissa käyttöliittymäosien oletusrajoituksen vuoksi voimme silti lainata kokemuksia muilta alustoilta ja mukauttaa komponentteja vaikeuksien valloittamiseen. Todellinen kohta on käyttäytyminen tai komponentit, jotka sekoittavat käyttäjiämme vai eivät.

Täällä esiteltyjä malleja ei voida soveltaa suoraan kaikkiin sovelluksiin. Niitä voidaan joutua säätämään erilaisista skenaarioista ja vaatimuksista riippuen. Toivon, että kaikki tietävät paremmin kahden alustan komponentit ja käyttäytyminen. Jos virheitä on tai sinulla on kysyttävää, tervetuloa korjaamaan tai keskustelemaan kanssani. Kiitos!

Antakaa 10 claps Jos olet lukenut tämän artikkelin.
Antakaa 20 kpl, jos luulet sen olevan hyödyllistä.
Antakaa 50 clapsia, jos pidät uskomattomasta!
Kiitos :)
-------------------------------------------------- ------------------
En puhu syistä, miksi materiaalisuunnitteluohjeissa ja iOS: n ihmisrajapintojen suunnitteluohjeissa on tällainen käyttäytyminen tai säännöt toisten sijasta. Tämä artikkeli on enemmän kuin käytännöllinen käyttö. Haluaisin keskustella tulevaisuuden konteksteista ja syistä muissa artikkeleissa.
En ole päivittänyt myöskään Android O: ta ja iOS 11: ää.

Viite