(Ui) Dan User Experience (Ux) Pada Ais Uin Jakarta Menggunakan Metode Heuristic Evaluation Dan Webuse Dengan Standar Iso 13407

Total Page:16

File Type:pdf, Size:1020Kb

(Ui) Dan User Experience (Ux) Pada Ais Uin Jakarta Menggunakan Metode Heuristic Evaluation Dan Webuse Dengan Standar Iso 13407 ANALISIS USER INTERFACE (UI) DAN USER EXPERIENCE (UX) PADA AIS UIN JAKARTA MENGGUNAKAN METODE HEURISTIC EVALUATION DAN WEBUSE DENGAN STANDAR ISO 13407 Skripsi Sebagai Salah Satu Syarat untuk Memperoleh Gelar Sarjana Komputer (S. Kom) Oleh : MUMTAZ HAYA WARALALO 1113091000059 PROGRAM STUDI TEKNIK INFORMATIKA FAKULTAS SAINS DAN TEKNOLOGI UNIVERSITAS ISLAM NEGERI SYARIF HIDAYATULLAH JAKARTA 2019 M / 1440 H ANALISIS USER INTERFACE (UI) DAN USER EXPERIENCE (UX) PADA AIS UIN JAKARTA MENGGUNAKAN METODE HEURISTIC EVALUATION DAN WEBUSE DENGAN STANDAR ISO 13407 Skripsi Sebagai Salah Satu Syarat untuk Memperoleh Gelar Sarjana Komputer (S. Kom) Fakultas Sains dan Teknologi Universitas Islam Negeri Syarif Hidayatullah Jakarta Oleh : Mumtaz Haya Waralalo 1113091000059 PROGRAM STUDI TEKNIK INFORMATIKA FAKULTAS SAINS DAN TEKNOLOGI UNIVERSITAS ISLAM NEGERI SYARIF HIDAYATULLAH JAKARTA 2019 M / 1440 H i UIN Syarif Hidayatullah Jakarta LEMBAR PERSETUJUAN ANALISIS USER INTERFACE (UI) DAN USER EXPERIENCE (UX) PADA AIS DIN JAKARTA MENGGUNAKAN METODE HEURISTIC EVALUATIONDAN WEBUSEDENGAN STANDAR ISO 13407 Skripsi 0leh: Mumtaz Haya Waralalo 1113091000059 Menyetujui, sen ,J4 ~rnbimbing II, I . I I l)J/ ,.~, DR. Husni . Su ana S.T. M.Sc. Luh Kesuma ~hani, S.T., M.T. NIP. 197710302001121003 NIP. 19780424200801 2022 Mengetahui, Ketua Program Studi Teknik Infonnatika Arini, M NIP. 19760131200901 2001 LEMBARPENGESAHAN Skripsi berjudul "Analisis User Interface (UI) dan User Experience (UX) pada AIS UIN Jakarta Menggunakan Metode Heuristic Evaluation dan Webuse dengan Standar ISO 13407" yang ditulis oleh Mumtaz Haya Waralalo, NIM 1113091000059 telah diujikan dalam sidang Fakultas Sains dan Teknologi UIN Syarif Hidayatullah Jakarta pada 4 Februari 2019. Skripsi ini telah diterima sebagai salah satu syarat memperoleh gelar Sarjana Komputer (S.Kom) pada Program Studi Teknik Infonnatika. Jakarta, 4 Februari 2019 Tim Penguji Penguji I, Penguji II, nty Eka M, M.Kom AnifHanifa Setyanigrum, M.Si NIP. 197608052009122003 NIDN.072802034038997 Tim Pembimbing Luh Kesuma Wardhani, S.T., M.T. NIP. 19780424200801 2022 Mengetahui, Ketua Program Studi Teknik Infonnatika Arini, T NIP. 19760131200901 2001 iii Em '5zsmrz (1."".' .1Ii taW'" .-!D' PERNYATAAN ORISINALITAS Dengan ini saya menyatakan bahwa: 1. Skripsi ini merupakan hasil karya asli saya yang diajukan untuk memenuhi salah satu persyaratan memperoleh gelas Strata 1 di UIN Syarif Hidayatullah Jakarta 2. Semua sumber yang saya gunakan dalam penulisan ini telah saya cantumkan sesuai dengan ketentuan yang berlaku di UIN Syarif Hidayatullah Jakarta 3. Apabila di kemudian hari terbukti karya ini bukan hasil karya asli saya atau merupakall hasil jiplakan karya orang lain, maka saya bersedia menerima sanksi yang berlaku di UIN SyarifHidayatullah Jakarta 1113091000059 tV PERNYATAAN PERSETUJUAN PUBLIKASI SKRIPSI Sebagai civitas akademik UIN Syarif Hidayatullah Jakarta, saya yang bertanda tangan di bawah ini: Nama : Mumtaz Haya Waralalo NIM : 1113091000059 Program Studi : Teknik Informatika Fakultas : Sains dan Teknologi Jenis Karya : Skripsi demi pembuatan ilmu pengetahuan, menyetujui untuk memberikan kepada UIN Syarif Hidayatullah Jakarta Hak Bebas Royalti Noneksklusif (Non-exclusive Royalti Free Right) atas karya ilmiah yang berjudul: ANALISIS USER INTERFACE (UI) DAN USER EXPERIENCE (UX) PADA AIS UIN JAKARTA MENGGUNAKAN METODE HEURISTIC EVALUATION DAN WEBUSE DENGAN STANDAR ISO 13407 beserta perangkat yang ada (jika diperlukan). Dengan Hak Bebas Royalti Noneksklusif ini UIN Syarif Hidayatullah Jakarta berhak menyimpan, mengalihmedia/ formatkan, mengelola dalam bentuk pangkalan data (database), merawat, dan mempublikasikan tugas akhir saya selama tetap mencantumkan nama saya sebagai penulis/ pencipta dan sebagai pemilik Hak Cipta. Demikian pernyataan ini saya buat dengan sebenarnya. Jakarta, 4 Februari 2019 Mumtaz Haya Waralalo (…………………………………………..) v UIN Syarif Hidayatullah Jakarta KATA PENGANTAR Puji syukur penulis panjatkan kehadirat Allah SWT yang telah melimpahkan rahmat, taufik serta hidayah-Nya sehingga penulis dapat menyelesaikan skripsi ini. Proses penyelesaian skripsi ini tidak lepas dari bantuan, dukungan, saran, serta kritik dari berbagai pihak, oleh karena itu penulis ingin menyampaikan terima kasih kepada : 1. Allah SWT yang telah memberikan nikmat, rahmat, dan karunia-Nya kepada penulis. 2. Ibu Arini, M.T. selaku Ketua Program Studi Teknik Informatika dan Bapak Feri Fahrianto, M.Sc. selaku Sekretaris Program Studi Teknik Informatika. 3. Bapak DR. Husni Teja Sukmana, S.T., M.Sc, selaku Dosen Pembimbing I dan Ibu Luh Kesuma Wardhani, S.T., M.T., selaku Dosen Pembimbing II yang telah memberikan bimbingan, masukan, serta saran sehingga skripsi ini dapat diselesaikan dengan baik. 4. Bapak dan Ibu Dosen Program Studi Teknik Informatika Fakultas Sains dan Teknologi UIN Syarif Hidayatullah Jakarta yang telah memberikan ilmu kepada penulis di dalam maupun di luar kelas. 5. Kedua orang tua penulis, DR. Sya’ban Muhammad, MA. Dan DRA. Gefarina Djohan, MA. yang senantiasa memberikan doa, dukungan, dan motivasi kepada penulis. 6. Bariaty Satria, Tamara Yoandianissa, Fansi Lantara, Iwana Asmarani, dan Latifa Ayu Lestari, sahabat-sahabat terbaik sejak di bangku sekolah. Terima kasih telah menemani penulis hingga saat ini. Terima kasih atas doa, dukungan, dan semangatnya. 7. Kepada Nadya, Rizka, Amanda, Syifa, Wafira, Wanti, dan Alia, dan BAYTI STUDIO, terima kasih telah menemani penulis selama lima tahun masa kuliah. 8. Teman-teman grup #Wisuda2019 (Dimas Octaviano, S.Kom, Rizka, Arya, Muchtar, Febrian, Aqin, Abdur, dkk) yang selalu menyemangati vi UIN Syarif Hidayatullah Jakarta dan mendoakan agar bisa segera wisuda di tahun 2019 ini. Semoga do’a ini juga berbalik kepada kalian, Aamiinn! 9. Sahabat-sahabat HMI Komisariat Fakultas Sains dan Teknologi, terkhusus Apriliyanto Pambudi dan Subarkah Nur Hidayat. Abangda Zainuddin Asri, Abangda Ridho Anhar, Kakanda Sabfauzi, dan Kakanda Adi Prayoga yang telah banyak membantu penulis selama beberapa tahun sebagai mahasiswa dan juga aktivis. 10. Kawan-kawan Rekan Pengurus HMI Cabang Ciputat 2018-2019, Ketum Tharlis Dian Syah Lubis beserta Jajaran, Ketum BPL Agustina Permatasari beserta Jajaran. Terima kasih atas dukungannya kepada penulis sehingga dapat menyelesaikan perkuliahan dengan tenang dan bahagia. 11. Kawan-kawan Rekan Pengurus KOHATI HMI Cabang Ciputat 2018- 2019. Karlina, Vanya, Quro, Maw, Barid, Tira, Onet, Fairuz, Masnia, dan semua yang sangat penting mendukung penulis selama satu periode yang sangat berdinamika dan menyenangkan ini. 12. Semua pihak yang tidak dapat penulis sebut satu persatu yang telah membantu dalam penyelesaian penulisan skripsi ini. Akhirnya, dengan segala kerendahan hati penulis menyadari masih banyak terdapat kekurangan-kekurangan, sehingga penulis mengharapkan adanya saran dan kritik yang bersifat membangun demi kesempurnaan skripsi ini. Jakarta, 4 Februari 2019 Mumtaz Haya Waralalo 1113091000059 vii UIN Syarif Hidayatullah Jakarta Nama : Mumtaz Haya Waralalo Program Studi : Teknik Informatika Judul : Analisis User Interface (UI) dan User Experience (UX) pada AIS UIN Jakarta Menggunakan Metode Heuristic Evaluation dan Webuse dengan Standar ISO 13407 ABSTRAK Pada saat ini ilmu pengetahuan dan teknologi berkembang dengan sangat pesat dalam memudahkan kita melakukan aktivitas di berbagai kegiatan keseharian. Hampir semua organisasi, perusahaan, hingga pemerintahan melakukan seluruh kegiatannya menggunakan sistem digital dalam setiap pelayanannya. Dalam berbagai sektor, ada bagian penting yang memerlukan sistem akademik dengan data yang terstruktur, yakni sistem pada perguruan tinggi negeri di Indonesia, salah satunya ialah Universitas Islam Negeri (UIN) Syarif Hidayatullah Jakarta. Berdasarkan kuesioner yang dilakukan terhadap 35 responden yang diambil dari berbagai mahasiswa di 11 fakultas yang ada di UIN Jakarta, dan dengan pengukuran menggunakan metode heuristic evaluation dan web usability tool evaluation (webuse) sesuai standar ISO 13407, maka didapatkan hasil yang menunjukkan bahwa AIS UIN Jakarta masih memiliki tampilan yang biasa saja, kurang menarik hingga tidak menarik dengan total nilai interface dan usability 46,33%. Untuk itu, penulis membuat rekomendasi AIS UIN Jakarta dengan kembali menggunakan metode dan standar yang sama dengan evaluasi pada AIS sebelumnya untuk meningkatkan nilai interface dan usability AIS pada aspek penilaian Flexibility and efficiency of use, Aesthetic and minimalist design, dan Help users recognize, diagnose, and recover from errors dan juga pada aspek standar Causality, Visible Constraints, Mapping, Transfer Effects dan Population Stereotypes. Setelah dilakukan parameter pengukuran pada rekomendasi AIS UIN Jakarta, didapatkan hasil bahwa responden menilai sistem informasi akademik AIS tersebut memiliki skala sangat menarik, yakni dengan nilai interface dan usability sebesar 96%. Kata Kunci : Interface, Usability, Heuristic, Webuse, UIN Syarif Hidayatullah Jumlah Pustaka : 10 Buku + 5 Jurnal + 2 Website Jumlah Halaman : VI Bab + XV Halaman + 111 Halaman viii UIN Syarif Hidayatullah Jakarta Author : Mumtaz Haya Waralalo Major : Informatics Engineering Title : User Interface (UI) and User Experience (UX) Analysis on AIS UIN Jakarta Using The Heuristic Evaluation and Webuse Method With ISO 13407 Standard ABSTRACT At this time science and technology are developing very rapidly in facilitating us to carry out activities in various daily activities. Almost all organizations, companies, and governments carry out all activities
Recommended publications
  • East Meets West on Flat Design
    Applied Research East Meets West on Flat Design: Convergence and Divergence in Chinese and American User Interface Design By Baotong Gu, Georgia State University and Meng Yu, Georgia State University Abstract Purpose: This study is designed to examine two design approaches: skeuomorphism and flat design, in both American and Chinese contexts. Questions explored include, What underlines this new design trend in American vs. Chinese cultures? How has this new design emerged? How will it evolve in the future? What culturally, underwritten aesthetic and rhetorical principles are at play? Method: Samples of user interface (UI) design are collected from both cultures and examined to compare similarities and differences wherever possible. In-depth textual analysis is used to deconstruct particular design cases. Results: Our analysis indicates that while flat design is the new trend, skeuomorphism has its place in UI design; each design has its advantages and shortcomings; and effective design may require the integration of both approaches. Our study also reveals that designs are culturally sensitive and that each particular design is contextualized and rhetorical. Flat design’s popularity in the Chinese context has its unique rationale due to social, ideological, cultural, and linguistic reasons. Conclusion: Savvy designers combine professional taste and culturally sensitive perspectives to produce effective designs that work for their particular contexts. Keywords: user interface design, flat design, skeuomorphism, Chinese UI design, Chinese element Practitioner’s • Skeuomorphism and flat design are and allows culturally universal affor- Takeaway: not mutually exclusive. They are both dances so that it can be localized with- useful in their own right. in any particular geopolitical context.
    [Show full text]
  • Flat Design: Panorama Dessa Estética Sob a Ótica Da Internet Brasileira
    PONTIFÍCIA UNIVERSIDADE CATÓLICA DE SÃO PAULO PUC-SP Diogo Costa Cavalcante Abreu Flat Design: panorama dessa estética sob a ótica da internet brasileira Mestrado em Tecnologia da Inteligência e Design Digital São Paulo 2016 PONTIFÍCIA UNIVERSIDADE CATÓLICA DE SÃO PAULO PUC-SP Diogo Costa Cavalcante Abreu Flat Design: panorama dessa estética sob a ótica da internet brasileira Mestrado em Tecnologia da Inteligência e Design Digital Dissertação apresentada à Banca Examinadora da Pontifícia Universidade Católica de São Paulo, como exigência parcial para obtenção do título de Mestre em Tecnologia da Inteligência e Design Digital, sob a orientação da Profa. Dra. Pollyana Ferrari. São Paulo 2016 BANCA EXAMINADORA ___________________________________________ ___________________________________________ ___________________________________________ AGRADECIMENTOS Ao esforço de muitos para o resultado de todos. Meus pais, por sua benevolência em prover e incentivar esta conquista. A esposa, por orientar e tolerar tantas horas e dias sem a minha companhia. A minha orientadora, pelos infinitos insights e todas as transformações que este trabalho passou até chegar nesse nível de lapidação. E a mim, por acreditar e apostar todas as minhas fichas no projeto de vida que tracei. A todos os envolvidos, em especial, meu pai Francisco Carlos, minha mãe Leonice; meus irmãos Igor, Thiago e Glória; minha esposa Patrícia, e minha orientadora Pollyana. Sim! Nós conseguimos! É isso aí! Diogo Abreu RESUMO O flat design é a maior tendência no design gráfico do começo deste século, mas seus conceitos e características ainda não estão completamente consolidados. Pensando nisso, buscamos traçar um panorama sobre essa estética segundo a percepção dos principais websites na internet brasileira. Para tal, utilizamos como base de dados os maiores sites com conteúdo majoritariamente voltado para o design gráfico e as ferramentas de busca do Google e Youtube.
    [Show full text]
  • Tren Flat Design Dalam User Interface Sistem Operasi Komputer Dan Smartphone
    TEROB VOLUME I NOMOR 1 OKTOBER 2016 TREN FLAT DESIGN DALAM USER INTERFACE SISTEM OPERASI KOMPUTER DAN SMARTPHONE Deka Pratama Satya Alam Abstrak Tren Flat Design Dalam User Interface Sistem Operasi.User Interface (dalam KBBI disebut Antarmuka Pengguna) merupakan elemen penting yang “menjembatani” antara sistem operasi dengan pengguna sehingga suatu perangkat dapat berfungsi dan berguna secara mak- simal. Bahasa Desain Komunikasi Visual sangat berperan penting sebagai “struktur utama” dan “pondasi” jembatan sehingga informasi yang hendak ditransformasikan dari sistem operasi disampaikan dengan baik ke pengguna. Dalam tiga tahun terakhir, perusahan komputasi terbe- sar seperti Apple, Google dan Microsoft memiliki tren flat design untuk diaplikasikan ke dalam user interface mereka. Flat design jauh berbeda dengan dengan tren desain user interface sebe- lumnya karena gaya desain ini membentuk kesan bersih, minimalis, sederhana, dengan mem- buang segala bentuk efek bayangan, gradasi, tekstur dan efek desain rumit lainnya. Secara tak langsung maupun langsung, tren gaya desain user interface ketiga rasaksa komputasi tersebut mempengaruhi penerapan desain karya dan produk secara global. Kata kunci : tren, flat design, user interface, desain komunikasi visual. Abstract Flat Design Trend in User Interface of Operating Systems. User Interface is an im- portant element that “bridge” between operating system with user so that a device can fully worked and useful. The language of Visual Communication Design plays an important role as “the main bridge structure” and foundation so the information is about to be transformed from the operating system delivered well to the user. In the past three years, the largest computer companies such as Apple, Google and Microsoft have a flat design trend to be applied to the user interface.
    [Show full text]
  • Research on the Evolution of New Media Interface Design Style
    2021 4th International Workshop on Advances in Social Sciences (IWASS 2021) Research on the Evolution of New Media Interface Design Style Yulong Li College of Art and Design, Lanzhou Jiaotong University, Lanzhou, Gansu, 730070, China Keywords: New media interface, Design style, Evolution method Abstract: In the context of the emergence of new media and digital technologies, different types of mobile apps emerge in endlessly and change rapidly. User experiencers are no longer satisfied with a single function requirement and pay more attention to interactive experience. Therefore, function and beauty have become the duality of mobile apps. Claim. Illustration plays an important role in visually conveying intentions. It has an irreplaceable advantage and influence in the APP interface with its graphical symbolism, touching emotional expression and colorful design styles. It has become the most common mainstream design element of mobile apps today, and the APP interface illustration design is showing its brilliance in the field of art design with a strong posture. 1. Introduction In the era when the Internet is in full swing, the basic needs of Internet users for APP no longer stay in its use function, and their attention gradually turns to emotional interaction experience. In order to meet the emotional needs of users and increase their competitive strength, designers continue to use their unique visual advantages in APP interface design. At present, there is very little research on APP interface illustration design, and it is still incomplete to do systematic and theoretical sorting and research on APP interface illustration design. Illustration art has a long history and outstanding achievements in our country.
    [Show full text]
  • Microsoft Design Language Style Guide March 2016
    Microsoft Design Language March 2016 Style Guide Microsoft Design Language Style guide 1 Contents 3 5 Welcome Universal elements 4 6 Principles Tone and voice 9 Grid 17 Typography 33 Color 40 Icons 65 Motion Microsoft Design Language Style guide 2 Welcome Welcome to the Microsoft Design Language. It’s been some time in the making, bringing teams across the company and across the world, to express a vision for design at Microsoft. Our Mission: To empower every person and every organization on the planet to achieve more. To give the whole world the freedom to achieve what matters to them. Microsoft Design Language Style guide 3 Principles We begin with shared principles and practices. We use these, like building Keep it simple We start with simplicity as the ultimate blocks, to create experiences across devices. There are millions of people unifier. When design is intuitive, we just counting on us to do the right thing so our foundation needs to be rock solid. know. We can feel it. The result is an Our new design language is the system experience that’s honest and timeless. that unifies our products; one platform, one design. We challenge ourselves to make these experiences as universal as possible. But the heart of the system Make it personal Next, we challenge ourselves to create always has been, and always will be, personal. emotional connection with an individual person. We design for the ways people really live and think and act. The result is an experience that feels like it was created for one person.
    [Show full text]
  • A Semiotic Inspection of Ios7 Icon Design Changes
    Cutting Edge Design or a Beginner's Mistake? -- A Semiotic Inspection of iOS7 Icon Design Changes Christian Stickel, Hans-Martin Pohl, and Jan-Thorsten Milde Fulda University of Applied Sciences, Fulda, Germany {Christian.Stickel,Hans-Martin.Pohl}@verw.hs-fulda.de, [email protected] Abstract. This work follows an ongoing discussion on the implications of skeuomorphic vs. flat design for interface design. Therefor two subsets of the standard iOS6 and iOS7 system icons were reviewed with a semiotic inspection method and compared against each other. The subsets were chosen according to an open online user rating. The findings suggest that missing information due to design simplification is a major issue for less user acceptance. This study shows that especially flat design affords a more careful focus on the semantics of the used elements. Keywords: Semantics, Meaningfulness and Satisfaction, Attractiveness, Interface visualization, semiotic engineering. 1 Introduction In human life exists virtually nothing that doesn’t contain a certain meaning. Every conscious perception must indeed have a meaning as it's filtered from the large amount of sensory data that pours into the human mind every second. The scientific study of meaning in many fields is joined under the term semiotics. A recent approach in HCI in this direction is the Semiotic engineering theory, from which emerged the semiotic inspection method [1]. This study reports the results of a semiotic inspection carried out on the icon design changes in Apples iOS7. A design update which truly polarized Apples fans and community of the famous iDevices. The question is, what was done, why and to which extend? And of course, what can be learned from that case? The computer is humanity's greatest technological achievement for symbol manipulation nowadays.
    [Show full text]
  • Reading26-Guyu
    Applied Research East Meets West on Flat Design Introduction design, we hope to identify possible directions for the evolution of flat design from the perspectives of cultural User interface (UI) design has long grappled with convergence as well as divergence. the struggle to identify the most effective interface presentations. Over the last few decades, since the Rationale advent of graphic user interfaces (GUI), UI design has predominantly subscribed to a skeuomorphic approach It is our contention that UI design informed exclusively (i.e., real life mimicking). Over the last few years, by one or the other design approaches—whether it’s however, UI design has been evolving toward a more skeuomorphic or flat design—may not yield the most flat design (more abstract representations). This shifting effective or sustainable results. It is also our contention trend in UI design (and the underlying philosophy that what is more important is that UI design is and perception about what constitutes intuitive user contextual and dependent on its particular cultural interfaces) has commanded attention, and rightfully and rhetorical situation. Only design approaches so, from UI designers, because the ultimate purpose informed by sound intuitive and logical sense as well as behind such a shifting trend is to identify the most a thorough understanding of the cultural, ideological, effective interface design with the greatest affordances and rhetorical contexts of the use situation will render (design qualities that lead users to intuitively select the the interface design truly effective. correct action). A study with such a focus, we believe, is relevant The focus of our study, therefore, is two-fold: 1) to to the field of technical communication in several examine the differences as well as respective advantages ways.
    [Show full text]
  • Flat Design Em Aplicativos Móveis: Definição, Aplicações E Avaliação De Usabilidade
    UNIVERSIDADE FEDERAL DE PERNAMBUCO CENTRO ACADÊMICO DO AGRESTE NÚCLEO DE DESIGN CURSO DE DESIGN EDNALDO BATISTA DE BARROS JÚNIOR FLAT DESIGN EM APLICATIVOS MÓVEIS: DEFINIÇÃO, APLICAÇÕES E AVALIAÇÃO DE USABILIDADE CARUARU 2016 EDNALDO BATISTA DE BARROS JÚNIOR FLAT DESIGN EM APLICATIVOS MÓVEIS: DEFINIÇÃO, APLICAÇÕES E AVALIAÇÃO DE USABILIDADE Monografia apresentada à Universidade Federal de Pernambuco – Centro Acadêmico do Agreste UFPE-CAA, como requisito parcial para obtenção do título de Bacharel em Design, sob orientação da Profa. Luciana Lopes Freire. CARUARU 2016 2 Catalogação na fonte: Bibliotecária – Paula Rejane da Silva CRB/4-1223 B277f Barros Júnior, Ednaldo Batista de. Flat design: definição, aplicações e avaliação de usabilidade. / Ednaldo Batista de Barros Júnior. - 2016. 150f. il. ; 30 cm. Orientadora: Profª Ma. Luciana Lopes Freire. Monografia (Trabalho de Conclusão de Curso) – Universidade Federal de Pernambuco, CAA, Design, 2016. Inclui Referências. 1. Design gráfico. 2. Usabilidade. 3. Interfaces. I. Freire, Luciana Lopes. (Orientadora). II. Título. 740 CDD (23. ed.) UFPE (CAA 2016-020) 3 UNIVERSIDADE FEDERAL DE PERNAMBUCO CENTRO ACADÊMICO DO AGRESTE NÚCLEO DE DESIGN PARECER DE COMISSÃO EXAMINADORA DE DEFESA DE PROJETO DE GRADUAÇÃO EM DESIGN DE EDNALDO BATISTA DE BARROS JÚNIOR Título da monografia: Flat Design em aplicativos móveis: Definição, aplicações e avaliação de usabilidade. APROVADO Caruaru, 25 de janeiro de 2016 ________________________________ Profª Luciana Lopes Freire (orientadora) ________________________________ Profª Andréa B. Camargo Examinadora interna à UFPE _______________________________ Profª Daniela F. Sellaro Examinadora externa à UFPE 4 À minha família 5 AGRADECIMENTOS Agradeço a Deus, seja onde estiver. Talvez um dia eu consiga alcançar algumas respostas questionadas hoje. Tentarei não cometer injustiça com alguns nomes, se esqueci de alguém peço desculpas.
    [Show full text]
  • From Skeuomorphism to Flat Design: Age-Related Differences in Performance and Aesthetic Perceptions
    Behaviour & Information Technology ISSN: (Print) (Online) Journal homepage: https://www.tandfonline.com/loi/tbit20 From skeuomorphism to flat design: age-related differences in performance and aesthetic perceptions Inês Cunha Vaz Pereira Urbano , João Pedro Vieira Guerreiro & Hugo Miguel Aleixo Albuquerque Nicolau To cite this article: Inês Cunha Vaz Pereira Urbano , João Pedro Vieira Guerreiro & Hugo Miguel Aleixo Albuquerque Nicolau (2020): From skeuomorphism to flat design: age-related differences in performance and aesthetic perceptions, Behaviour & Information Technology, DOI: 10.1080/0144929X.2020.1814867 To link to this article: https://doi.org/10.1080/0144929X.2020.1814867 Published online: 02 Sep 2020. Submit your article to this journal Article views: 54 View related articles View Crossmark data Full Terms & Conditions of access and use can be found at https://www.tandfonline.com/action/journalInformation?journalCode=tbit20 BEHAVIOUR & INFORMATION TECHNOLOGY https://doi.org/10.1080/0144929X.2020.1814867 From skeuomorphism to flat design: age-related differences in performance and aesthetic perceptions Inês Cunha Vaz Pereira Urbanoa, João Pedro Vieira Guerreiro b and Hugo Miguel Aleixo Albuquerque Nicolau a aDepartment of Computer Science and Engineering, Instituto Superior Técnico, University of Lisbon, Lisbon, Portugal; bLASIGE, Faculdade de Ciências, Universidade de Lisboa, Lisbon, Portugal ABSTRACT ARTICLE HISTORY The design of graphical user interfaces has been evolving from skeuomorph interfaces – which use Received 5 April 2019 elements that mimic the aesthetics and functionality of their real-world counterparts – to minimalist Accepted 16 August 2020 and flat designs. Despite the growing popularity of these new design approaches, they can be KEYWORDS challenging for older adults who experience a decline in visual and cognitive abilities.
    [Show full text]
  • UI Design – Oneos Enrico Galassi December 19, 2018
    UI Design – oneOS Enrico Galassi December 19, 2018 Abstract: Design is a never-ending evolution of constant changes including font-types and sizes, color pallets, blur effects and countless other elements. It becomes a crucial part of any application development. Design can either allow or prohibit a user from understanding how an application functions which ultimately will bring in new users or fend them off entirely. The way something is designed will have a mirror reflection on how it is used. As the aspects of design are consistently shifting to trends and styles, so does the way applications are ultimately navigated and understood. For my project, I will be focusing on the operating systems used on Android devices and how they are implemented for usability. I will take on the task of designing a new operating system for Android which will include new design elements and easier navigation for users such as a main hub a user will never have to leave, simpler navigation and accessibility changes. To guide my research, I will also be focusing on the two, main user interface design patterns on Apple and Android products. This will allow me to narrow down my research for better results with the two most popular operating systems in the world. After all was said and done, my results were astonishingly good. The feedback received from testers allowed me to make small changes to the OS that I would have never thought of which is why user testing is so important. One change was so small, it came down to the way a specific button was designed.
    [Show full text]
  • Android Flat Ui Template
    Android Flat Ui Template Nymphean and revivalist Orion still symmetrizing his subbureau apothegmatically. Subaqueous conjunctly.Bertram scart cosily. Exponent and Peronist Olin fusing her aluminates resold or reinvigorate Stripes are released by flat ui template that App template to flat design android allows you to an error processing software link. Design your own applications that you need to spend that radio button element required building your. Noto is state the standard typeface for all languages on Chrome OS. The slide menu mockup images about. Secret spot html template will automatically snap to submit html uses of android flat ui template is one of projects on advanced material design projects that can find commonalities in. It has the clear, figma dashboard templates and understand why we may want. Mobile ui elements for designer. Libraries and templates template made of flat minimal enough, and photoshop format is for free. You want to apply it managed to grab one hundred ui. It includes all ui templates can. Flat ui framework free flat icon etc are vector for mobile applications and functional app design, mobile apps with android flat remix uses. As a android phone on. Product added to flat ui template and android for sketch file consists of your phone screen. Posts about android flat ui template for. Vector for web projects built on smartphones mockup can help reach your brand guidelines concerning consistency. This flat style, android flat ui template. It is highly customizable and built with Gulp and a superfast automated workflow. The designer is Sathish Kumar. Please stand by android flat ui template is.
    [Show full text]
  • Skeuomorfismi Ja Flat Design
    Skeuomorfi smi ja flat design Visuaaliset tyylit ja käytettävyys älypuhelimen käyttöliittymässä Jutta Joutjärvi Skeuomorfi smi ja flat design Visuaaliset tyylit ja käytettävyys älypuhelimen käyttöliittymässä Jutta Joutjärvi TAITEEN MAISTERIN OPINNÄYTE 2015 Aalto-yliopisto, PL 11000, 00076 AALTO www.aalto.fi Taiteen maisterin opinnäytteen tiivistelmä Tekijä Jutta Joutjärvi Työn nimi Skeuomorfismi ja flat design – visuaaliset tyylit ja käytettävyys älypuhelimen käyttöliittymässä Laitos Median laitos Koulutusohjelma Graafinen suunnittelu Vuosi 2015 Sivumäärä 103 + 19 Kieli Suomi Tiivistelmä Älypuhelinten käyttö on lisääntynyt huomattavasti 2010-luvulla, mikä on asettanut visuaaliselle suunnittelulle uusia haasteita. Tänä aikana myös visuaaliset tyylit ovat muuttuneet älypuhelinten käyttöliittymäelementeissä kuten painikkeissa, kuvakkeissa ja valikoissa. Ulkoasut ovat kehitty- neet skeuomorfisesta, fyysisen maailman objektien tarkasta jäljentämisestä, kohti flat design - tyylin kaksiulotteisia, litteitä ja minimalistisia käyttöliittymäelementtejä. Visuaalisten tyylien yleis- tymistä ohjaavat suurelta osin teknologian kehitys ja alan suuryritykset kuten Apple, Microsoft ja Google. Viime vuosina on keskusteltu runsaasti visuaalisten tyylien vaikutuksesta käytettävyyteen. Skeu- omorfismia on kritisoitu vanhanaikaisten esineiden ulkoasun imitoimisesta ja sen ristiriitaisesta vaikutuksesta käytettävyyteen. Flat design ja minimalistinen ulkoasu ovat puolestaan saaneet kri- tiikkiä tärkeiden käyttöliittymäelementtien ja toimintojen karsimisesta. Tyyliversioiden
    [Show full text]