![]() ![]() The right and bottom sides of the icon seem to have a darker grey border. ![]() If we change the Preview.app canvas to white (#FFFFFF) we start to see something fishy with the icon. I was able to reproduce the issue with my test app so now I knew the issue was with the icon assets and had nothing to do with the apps. Then I gathered all of the app icon assets and added them to an iOS test app that I created. I started going through them trying to find the thick grey banding but they all looked pretty normal in Preview.app. I used Asset Catalog Tinkerer and extracted everything that I could. There are some handy open source tools which allow you to extract the image assets within the. There are some loose image assets within it but most are locked away in the main compiled Asset Catalog file (Assets.car). This gave me access to the whole Fred Meyer.app container and all the files within it. ipa of the Fred Meyer app from the App Store. #APPICON XCODE DOWNLOAD#I used a sort of hacky method with Apple Configurator 2 to download a backup. #APPICON XCODE INSTALL#There is a way to install an old version but it doesn't really work for what we're trying to do. ipa bundle file within iTunes but in recent versions of macOS, iTunes has been removed. We used to be able to just download an app. So how do we investigate this further? We need a way to access the actual icon image assets but without having access to any of the source files. Is this a problem on all 30+ Kroger apps? Not quite, but it is a problem on about 50% of them. When playing around with the main Kroger app I noticed the same thing happening with their blue Kroger app icon. So there must be something wrong with the app or icon asset. Why would it be doing that? There are plenty of other similar looking app icons with a logo on top of a white background but none of them seemed to exhibit the same banding behavior. You should be able to see the thick grey banding on the bottom of the icon during the backgrounding animation. Here is the first issue that I noticed with the app icon. ![]() In the end though it's just a slightly humorous and educational project for me. #APPICON XCODE SOFTWARE#That's really the essence of software 1's and 0's, true or false, right and wrong. I totally understand that most people who see the final icon comparisons will see no value and ask "why would you waste your time on this"? That's totally fine and understandable but I'm a person who appreciates these big little details and am passionate about getting them right. Exercises like these help me understand more about the craft and give me more experience with various design tools. I also have secretly wanted to become a designer over the years. This is definitely not a high priority issue but I don't work there yet so I have no other tasks assigned to me. This project hopefully an example of the level of detail that I'm capable of. I believe that attention to detail is a critical trait that every great QE should have. It sounds like a ridiculous target but I got very close and may have actually exceeded that number. I thought it would be a little hilarious to see how close I could get to 75 bugs/improvements before even launching app. I'm a competitive person on occasion and I had this historical number of "75 bugs" floating around in my head and it seemed like a fun target. Just taking a quick glance at the icon I started to notice some other potential issues with it. I was curious about why it was happening and I had a hunch that I could fix it with a little more investigation. One bug that I had previously come across was this weird app icon distortion issue when backgrounding the app. The interviewers seemed pretty impressed by this and it's an amazing total but not that unrealistic for any app from a non-tech first company. One thing that was mentioned during the interview was that a previous QE there had handed over a packet of 75 bugs/improvements during their interview. I really enjoyed meeting the team and wanted to continue my investigation to show just how eager I was to join the team. I had already started to investigate the Fred Meyer iOS app and compiled a list of bugs and improvements to reference in the interview but I didn't get a chance to go over everything that I uncovered. #APPICON XCODE FREE#After recently interviewing at Kroger Digital (known as Fred Meyer in the northwestern region of the US) for a Quality Engineer role I had some free time over the Thanksgiving holiday for a side project. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |